@patternfly/patternfly 6.0.0-alpha.200 → 6.0.0-alpha.202
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/base/normalize.scss +3 -3
- package/base/patternfly-variables.css +2 -6
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +1 -1
- package/base/tokens/tokens-default.scss +3 -3
- package/base/tokens/tokens-local.scss +0 -6
- package/base/tokens/tokens-palette.scss +1 -1
- package/components/Breadcrumb/breadcrumb.css +9 -6
- package/components/Breadcrumb/breadcrumb.scss +9 -6
- package/components/Button/button.css +16 -7
- package/components/Button/button.scss +17 -7
- package/components/Content/content.css +8 -5
- package/components/Content/content.scss +8 -5
- package/components/DescriptionList/description-list.css +10 -15
- package/components/DescriptionList/description-list.scss +10 -16
- package/components/JumpLinks/jump-links.css +1 -1
- package/components/JumpLinks/jump-links.scss +1 -2
- package/components/Label/label.css +15 -14
- package/components/Label/label.scss +16 -14
- package/components/Masthead/masthead.css +172 -95
- package/components/Masthead/masthead.scss +74 -49
- package/components/Nav/nav.css +5 -4
- package/components/Nav/nav.scss +5 -4
- package/components/Page/page.css +18 -12
- package/components/Page/page.scss +18 -12
- package/components/ProgressStepper/progress-stepper.css +8 -7
- package/components/ProgressStepper/progress-stepper.scss +8 -8
- package/components/SimpleList/simple-list.css +1 -1
- package/components/SimpleList/simple-list.scss +1 -2
- package/components/Tabs/tabs.css +1 -1
- package/components/Tabs/tabs.scss +1 -3
- package/components/Timestamp/timestamp.css +8 -17
- package/components/Timestamp/timestamp.scss +8 -18
- package/components/ToggleGroup/toggle-group.css +2 -2
- package/components/ToggleGroup/toggle-group.scss +2 -4
- package/components/_index.css +274 -187
- package/docs/components/Alert/examples/Alert.md +4 -4
- package/docs/components/Card/examples/Card.md +4 -4
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +2 -2
- package/docs/components/DescriptionList/examples/DescriptionList.md +30 -5
- package/docs/components/Form/examples/Form.md +2 -2
- package/docs/components/Masthead/examples/masthead.md +506 -493
- package/docs/components/Nav/examples/Navigation.md +0 -1
- package/docs/components/Page/examples/Page.md +98 -89
- package/docs/components/Table/examples/Table.md +58 -58
- package/docs/components/Wizard/examples/Wizard.md +1 -1
- package/docs/demos/AboutModal/examples/AboutModal.md +87 -83
- package/docs/demos/Alert/examples/Alert.md +263 -251
- package/docs/demos/BackToTop/examples/BackToTop.md +87 -83
- package/docs/demos/Banner/examples/Banner.md +177 -173
- package/docs/demos/Card/examples/Card.md +12 -12
- package/docs/demos/CardView/examples/CardView.md +90 -88
- package/docs/demos/Dashboard/examples/Dashboard.md +92 -88
- package/docs/demos/DataList/examples/DataList.md +352 -344
- package/docs/demos/DescriptionList/examples/DescriptionList.md +262 -252
- package/docs/demos/Drawer/examples/Drawer.md +437 -423
- package/docs/demos/Form/examples/BasicForms.md +11 -11
- package/docs/demos/JumpLinks/examples/JumpLinks.md +524 -500
- package/docs/demos/Masthead/examples/Masthead.md +772 -736
- package/docs/demos/Modal/examples/Modal.md +522 -498
- package/docs/demos/Nav/examples/Nav.md +511 -487
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +435 -425
- package/docs/demos/Page/examples/Page.md +959 -915
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +611 -584
- package/docs/demos/Skeleton/examples/Skeleton.md +87 -83
- package/docs/demos/Table/examples/Table.md +1326 -1294
- package/docs/demos/Tabs/examples/Tabs.md +526 -504
- package/docs/demos/Toolbar/examples/Toolbar.md +174 -166
- package/docs/demos/Wizard/examples/Wizard.md +790 -767
- package/package.json +1 -1
- package/patternfly-base-no-globals.css +2 -6
- package/patternfly-base.css +5 -9
- package/patternfly-no-globals.css +276 -193
- package/patternfly.css +279 -196
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/components/_index.css
CHANGED
|
@@ -1306,9 +1306,11 @@
|
|
|
1306
1306
|
--pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
1307
1307
|
--pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
1308
1308
|
--pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
|
|
1309
|
-
--pf-v6-c-breadcrumb__link--
|
|
1309
|
+
--pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
1310
|
+
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
1310
1311
|
--pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
1311
|
-
--pf-v6-c-breadcrumb__link--hover--
|
|
1312
|
+
--pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
1313
|
+
--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
1312
1314
|
--pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
1313
1315
|
--pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
|
|
1314
1316
|
--pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
|
|
@@ -1361,18 +1363,19 @@
|
|
|
1361
1363
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
1362
1364
|
line-height: inherit;
|
|
1363
1365
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
1364
|
-
text-decoration: var(--pf-v6-c-breadcrumb__link--
|
|
1366
|
+
text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
1365
1367
|
word-break: break-word;
|
|
1366
1368
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
1367
1369
|
}
|
|
1368
|
-
.pf-v6-c-breadcrumb__link:hover {
|
|
1370
|
+
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
1369
1371
|
--pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
|
|
1370
|
-
--pf-v6-c-breadcrumb__link--
|
|
1372
|
+
--pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
|
|
1373
|
+
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
|
|
1371
1374
|
}
|
|
1372
1375
|
.pf-v6-c-breadcrumb__link.pf-m-current {
|
|
1373
1376
|
cursor: default;
|
|
1374
1377
|
}
|
|
1375
|
-
.pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:hover {
|
|
1378
|
+
.pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
|
|
1376
1379
|
color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
|
|
1377
1380
|
text-decoration: none;
|
|
1378
1381
|
}
|
|
@@ -1418,14 +1421,16 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1418
1421
|
--pf-v6-c-button--BorderColor: transparent;
|
|
1419
1422
|
--pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
|
|
1420
1423
|
--pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
1421
|
-
--pf-v6-c-button--
|
|
1424
|
+
--pf-v6-c-button--TextDecorationLine: none;
|
|
1425
|
+
--pf-v6-c-button--TextDecorationStyle: none;
|
|
1422
1426
|
--pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
1423
1427
|
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
1424
1428
|
--pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
|
|
1425
1429
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
1426
1430
|
--pf-v6-c-button--hover--BorderColor: transparent;
|
|
1427
1431
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
1428
|
-
--pf-v6-c-button--hover--
|
|
1432
|
+
--pf-v6-c-button--hover--TextDecorationLine: none;
|
|
1433
|
+
--pf-v6-c-button--hover--TextDecorationStyle: none;
|
|
1429
1434
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
|
1430
1435
|
--pf-v6-c-button--m-clicked--BorderColor: transparent;
|
|
1431
1436
|
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
|
@@ -1495,7 +1500,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1495
1500
|
--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
|
|
1496
1501
|
--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
|
|
1497
1502
|
--pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
|
|
1498
|
-
--pf-v6-c-button--m-link--m-inline--
|
|
1503
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
1504
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
1505
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
1506
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
1499
1507
|
--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
|
|
1500
1508
|
--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
|
|
1501
1509
|
--pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -1650,7 +1658,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1650
1658
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
1651
1659
|
color: var(--pf-v6-c-button--Color);
|
|
1652
1660
|
text-align: center;
|
|
1653
|
-
text-decoration: var(--pf-v6-c-button--
|
|
1661
|
+
text-decoration: var(--pf-v6-c-button--TextDecorationLine) var(--pf-v6-c-button--TextDecorationStyle);
|
|
1654
1662
|
white-space: nowrap;
|
|
1655
1663
|
cursor: pointer;
|
|
1656
1664
|
user-select: none;
|
|
@@ -1750,7 +1758,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1750
1758
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
|
|
1751
1759
|
--pf-v6-c-button--BackgroundColor: transparent;
|
|
1752
1760
|
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
|
|
1753
|
-
--pf-v6-c-button--
|
|
1761
|
+
--pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
|
|
1762
|
+
--pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
|
|
1763
|
+
--pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
|
|
1764
|
+
--pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
|
|
1754
1765
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
1755
1766
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
|
1756
1767
|
--pf-v6-c-button--disabled--BackgroundColor: transparent;
|
|
@@ -1912,8 +1923,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
1912
1923
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
|
1913
1924
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
|
|
1914
1925
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
|
|
1915
|
-
--pf-v6-c-button--TextDecoration: var(--pf-v6-c-button--hover--TextDecoration);
|
|
1916
1926
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
|
|
1927
|
+
text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
|
|
1917
1928
|
}
|
|
1918
1929
|
.pf-v6-c-button.pf-m-clicked {
|
|
1919
1930
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
|
|
@@ -1936,7 +1947,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
1936
1947
|
color: var(--pf-v6-c-button--disabled__icon--Color);
|
|
1937
1948
|
}
|
|
1938
1949
|
.pf-v6-c-button.pf-m-aria-disabled {
|
|
1939
|
-
--pf-v6-c-button--m-link--m-inline--hover--
|
|
1950
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
|
|
1951
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
|
|
1940
1952
|
cursor: default;
|
|
1941
1953
|
}
|
|
1942
1954
|
.pf-v6-c-button.pf-m-progress {
|
|
@@ -2969,9 +2981,11 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2969
2981
|
--pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
2970
2982
|
--pf-v6-c-content--small--Color: var(--pf-t--global--text--color--subtle);
|
|
2971
2983
|
--pf-v6-c-content--a--Color: var(--pf-t--global--text--color--link--default);
|
|
2972
|
-
--pf-v6-c-content--a--
|
|
2984
|
+
--pf-v6-c-content--a--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
2985
|
+
--pf-v6-c-content--a--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
2973
2986
|
--pf-v6-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
2974
|
-
--pf-v6-c-content--a--hover--
|
|
2987
|
+
--pf-v6-c-content--a--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
2988
|
+
--pf-v6-c-content--a--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
2975
2989
|
--pf-v6-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
|
|
2976
2990
|
--pf-v6-c-content--blockquote--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
2977
2991
|
--pf-v6-c-content--blockquote--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -3000,11 +3014,12 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3000
3014
|
}
|
|
3001
3015
|
:is(.pf-v6-c-content--a, .pf-v6-c-content a) {
|
|
3002
3016
|
color: var(--pf-v6-c-content--a--Color);
|
|
3003
|
-
text-decoration: var(--pf-v6-c-content--a--
|
|
3017
|
+
text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
|
|
3004
3018
|
}
|
|
3005
|
-
:is(.pf-v6-c-content--a, .pf-v6-c-content a):hover {
|
|
3019
|
+
:is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
|
|
3006
3020
|
--pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
|
|
3007
|
-
--pf-v6-c-content--a--
|
|
3021
|
+
--pf-v6-c-content--a--TextDecorationLine: var(--pf-v6-c-content--a--hover--TextDecorationLine);
|
|
3022
|
+
--pf-v6-c-content--a--TextDecorationStyle: var(--pf-v6-c-content--a--hover--TextDecorationStyle);
|
|
3008
3023
|
}
|
|
3009
3024
|
|
|
3010
3025
|
:is(.pf-v6-c-content--a.pf-m-visited, .pf-v6-c-content.pf-m-visited a, .pf-v6-c-content a.pf-m-visited):visited {
|
|
@@ -4048,11 +4063,11 @@ ul) {
|
|
|
4048
4063
|
--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
|
|
4049
4064
|
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
|
|
4050
4065
|
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
|
|
4051
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
4052
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
4053
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
4054
|
-
--pf-v6-c-description-list__text--m-help-text--hover--
|
|
4055
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
4066
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
|
|
4067
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
|
|
4068
|
+
--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
4069
|
+
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
4070
|
+
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
4056
4071
|
--pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
4057
4072
|
--pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
|
|
4058
4073
|
--pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
|
|
@@ -4214,18 +4229,13 @@ ul) {
|
|
|
4214
4229
|
min-width: 0;
|
|
4215
4230
|
}
|
|
4216
4231
|
.pf-v6-c-description-list__text.pf-m-help-text {
|
|
4217
|
-
text-decoration:
|
|
4218
|
-
text-
|
|
4219
|
-
text-decoration-style: dashed;
|
|
4220
|
-
text-decoration-color: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationColor);
|
|
4221
|
-
text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationOffset);
|
|
4232
|
+
text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
|
|
4233
|
+
text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
|
|
4222
4234
|
cursor: pointer;
|
|
4223
4235
|
}
|
|
4224
|
-
.pf-v6-c-description-list__text.pf-m-help-text:hover {
|
|
4225
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
4226
|
-
|
|
4227
|
-
.pf-v6-c-description-list__text.pf-m-help-text:focus {
|
|
4228
|
-
--pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor);
|
|
4236
|
+
.pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) {
|
|
4237
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine);
|
|
4238
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
|
|
4229
4239
|
}
|
|
4230
4240
|
|
|
4231
4241
|
.pf-v6-c-description-list.pf-m-1-col {
|
|
@@ -7816,7 +7826,7 @@ label.pf-v6-c-input-group__text {
|
|
|
7816
7826
|
text-decoration: none;
|
|
7817
7827
|
outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
|
|
7818
7828
|
}
|
|
7819
|
-
.pf-v6-c-jump-links__link:hover,
|
|
7829
|
+
.pf-v6-c-jump-links__link:is(:hover, :focus) {
|
|
7820
7830
|
--pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
|
|
7821
7831
|
}
|
|
7822
7832
|
.pf-v6-c-jump-links__link::before {
|
|
@@ -8032,7 +8042,7 @@ label.pf-v6-c-input-group__text {
|
|
|
8032
8042
|
--pf-v6-c-label--m-compact--PaddingBlockEnd: 0;
|
|
8033
8043
|
--pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8034
8044
|
--pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
8035
|
-
--pf-v6-c-label--m-compact--m-editable--
|
|
8045
|
+
--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
|
|
8036
8046
|
--pf-v6-c-label__content--MaxWidth: 100%;
|
|
8037
8047
|
--pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--xs);
|
|
8038
8048
|
--pf-v6-c-label__content--Cursor: initial;
|
|
@@ -8047,14 +8057,14 @@ label.pf-v6-c-input-group__text {
|
|
|
8047
8057
|
--pf-v6-c-label__actions--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
8048
8058
|
--pf-v6-c-label__actions--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
8049
8059
|
--pf-v6-c-label__actions--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
8050
|
-
--pf-v6-c-label--m-editable--
|
|
8051
|
-
--pf-v6-c-label--m-editable--TextDecorationStyle:
|
|
8052
|
-
--pf-v6-c-label--m-editable--
|
|
8053
|
-
--pf-v6-c-label--m-editable--
|
|
8054
|
-
--pf-v6-c-label--m-editable--
|
|
8060
|
+
--pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
|
|
8061
|
+
--pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
|
|
8062
|
+
--pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
|
|
8063
|
+
--pf-v6-c-label--m-editable--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--hover);
|
|
8064
|
+
--pf-v6-c-label--m-editable--TextUnderlineOffset: 0.25rem;
|
|
8055
8065
|
--pf-v6-c-label--m-editable__content--MaxWidth: 16ch;
|
|
8056
8066
|
--pf-v6-c-label--m-editable__content--Cursor: pointer;
|
|
8057
|
-
--pf-v6-c-label--m-editable--m-editable-active--
|
|
8067
|
+
--pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine: none;
|
|
8058
8068
|
--pf-v6-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
|
|
8059
8069
|
--pf-v6-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
|
|
8060
8070
|
--pf-v6-c-label--m-editable--m-editable-active__content--Cursor: initial;
|
|
@@ -8224,7 +8234,7 @@ label.pf-v6-c-input-group__text {
|
|
|
8224
8234
|
--pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
|
|
8225
8235
|
--pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
|
|
8226
8236
|
--pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
|
|
8227
|
-
--pf-v6-c-label--m-editable--
|
|
8237
|
+
--pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
|
|
8228
8238
|
}
|
|
8229
8239
|
.pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
|
|
8230
8240
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-label--m-filled__actions--c-button__icon--Color);
|
|
@@ -8245,15 +8255,16 @@ label.pf-v6-c-input-group__text {
|
|
|
8245
8255
|
--pf-v6-c-label__content--MaxWidth: var(--pf-v6-c-label--m-editable__content--MaxWidth);
|
|
8246
8256
|
--pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable__content--Cursor);
|
|
8247
8257
|
}
|
|
8258
|
+
.pf-v6-c-label.pf-m-editable .pf-v6-c-label__content:is(:hover, :focus) {
|
|
8259
|
+
--pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--hover--TextDecorationLine);
|
|
8260
|
+
--pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
|
|
8261
|
+
}
|
|
8248
8262
|
.pf-v6-c-label.pf-m-editable .pf-v6-c-label__text {
|
|
8249
|
-
text-decoration: var(--pf-v6-c-label--m-editable--
|
|
8250
|
-
text-
|
|
8251
|
-
text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
|
|
8252
|
-
text-decoration-color: var(--pf-v6-c-label--m-editable--TextDecorationColor);
|
|
8253
|
-
text-underline-offset: var(--pf-v6-c-label--m-editable--TextDecorationOffset);
|
|
8263
|
+
text-decoration: var(--pf-v6-c-label--m-editable--TextDecorationLine) var(--pf-v6-c-label--m-editable--TextDecorationStyle);
|
|
8264
|
+
text-underline-offset: var(--pf-v6-c-label--m-editable--TextUnderlineOffset);
|
|
8254
8265
|
}
|
|
8255
8266
|
.pf-v6-c-label.pf-m-editable-active {
|
|
8256
|
-
--pf-v6-c-label--m-editable--
|
|
8267
|
+
--pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine);
|
|
8257
8268
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-editable--m-editable-active--BackgroundColor);
|
|
8258
8269
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-editable--m-editable-active--Color);
|
|
8259
8270
|
--pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable--m-editable-active__content--Cursor);
|
|
@@ -8824,44 +8835,58 @@ ul.pf-v6-c-list {
|
|
|
8824
8835
|
|
|
8825
8836
|
:where(:root, .pf-v6-c-masthead) {
|
|
8826
8837
|
--pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
|
|
8827
|
-
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--
|
|
8838
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
8828
8839
|
--pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
8829
8840
|
--pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
|
|
8830
8841
|
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
|
|
8831
8842
|
--pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
|
|
8832
8843
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
8833
|
-
--pf-v6-c-
|
|
8834
|
-
--pf-v6-c-
|
|
8844
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
8845
|
+
--pf-v6-c-masthead__main--MarginInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
8846
|
+
--pf-v6-c-masthead__logo--MaxHeight: 2.375rem;
|
|
8847
|
+
--pf-v6-c-masthead__logo--Width: 11.8125rem;
|
|
8835
8848
|
--pf-v6-c-masthead__toggle--Size: var(--pf-t--global--icon--size--xl);
|
|
8849
|
+
--pf-v6-c-masthead__content--ColumnGap: var(--pf-t--global--spacer--md);
|
|
8850
|
+
--pf-v6-c-masthead--m-display-stack--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
8836
8851
|
--pf-v6-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
|
|
8837
|
-
--pf-v6-c-masthead--m-display-
|
|
8838
|
-
--pf-v6-c-masthead--m-display-
|
|
8839
|
-
--pf-v6-c-masthead--m-display-
|
|
8840
|
-
--pf-v6-c-masthead--m-display-
|
|
8852
|
+
--pf-v6-c-masthead--m-display-stack__brand--GridColumn: -1 / 1;
|
|
8853
|
+
--pf-v6-c-masthead--m-display-stack__brand--Order: -1;
|
|
8854
|
+
--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--RowGap);
|
|
8855
|
+
--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
|
|
8841
8856
|
--pf-v6-c-masthead--m-display-stack__content--GridColumn: 2;
|
|
8842
8857
|
--pf-v6-c-masthead--m-display-stack__content--Order: 1;
|
|
8843
|
-
--pf-v6-c-masthead--m-display-
|
|
8844
|
-
--pf-v6-c-masthead--m-display-
|
|
8845
|
-
--pf-v6-c-masthead--m-display-
|
|
8846
|
-
--pf-v6-c-masthead--m-display-
|
|
8847
|
-
--pf-v6-c-masthead--m-display-
|
|
8848
|
-
--pf-v6-c-masthead--m-display-
|
|
8858
|
+
--pf-v6-c-masthead--m-display-stack__main--Display: contents;
|
|
8859
|
+
--pf-v6-c-masthead--m-display-stack__main--ColumnGap: unset;
|
|
8860
|
+
--pf-v6-c-masthead--m-display-inline--ColumnGap: 0;
|
|
8861
|
+
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
8862
|
+
--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns: subgrid;
|
|
8863
|
+
--pf-v6-c-masthead--m-display-inline__brand--GridColumn: initial;
|
|
8864
|
+
--pf-v6-c-masthead--m-display-inline__brand--Order: initial;
|
|
8865
|
+
--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd: 0;
|
|
8866
|
+
--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd: 0;
|
|
8867
|
+
--pf-v6-c-masthead--m-display-inline__main--GridColumn: 1;
|
|
8868
|
+
--pf-v6-c-masthead--m-display-inline__content--GridColumn: 2;
|
|
8849
8869
|
--pf-v6-c-masthead--m-display-inline__content--Order: 0;
|
|
8870
|
+
--pf-v6-c-masthead--m-display-inline__main--Display: flex;
|
|
8871
|
+
--pf-v6-c-masthead--m-display-inline__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
8850
8872
|
--pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
8851
8873
|
--pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
|
|
8852
8874
|
--pf-v6-c-masthead--c-toolbar--Width: 100%;
|
|
8853
8875
|
--pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
|
|
8854
|
-
--pf-v6-c-masthead--c-toolbar--PaddingInline: 0;
|
|
8855
8876
|
}
|
|
8856
8877
|
|
|
8857
8878
|
.pf-v6-c-masthead {
|
|
8879
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
8858
8880
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
8859
|
-
--pf-v6-c-
|
|
8860
|
-
--pf-v6-c-
|
|
8861
|
-
--pf-v6-c-
|
|
8862
|
-
--pf-v6-c-
|
|
8881
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
8882
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
8883
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
8884
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
8885
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
8863
8886
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
8864
8887
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
8888
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
8889
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
8865
8890
|
display: grid;
|
|
8866
8891
|
grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
|
|
8867
8892
|
row-gap: var(--pf-v6-c-masthead--RowGap);
|
|
@@ -8877,18 +8902,21 @@ ul.pf-v6-c-list {
|
|
|
8877
8902
|
.pf-v6-c-masthead .pf-v6-c-toolbar {
|
|
8878
8903
|
--pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
|
|
8879
8904
|
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
8880
|
-
--pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--c-toolbar--PaddingInline);
|
|
8881
8905
|
--pf-v6-c-toolbar__content--MinWidth: 0;
|
|
8882
8906
|
}
|
|
8883
8907
|
@media screen and (min-width: 48rem) {
|
|
8884
8908
|
:where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
|
|
8909
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
8885
8910
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
8911
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
8912
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
8913
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
8914
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
8886
8915
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
8887
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
8888
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
8889
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
8890
8916
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
8891
8917
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
8918
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
8919
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
8892
8920
|
}
|
|
8893
8921
|
}
|
|
8894
8922
|
.pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
|
|
@@ -8901,22 +8929,30 @@ ul.pf-v6-c-list {
|
|
|
8901
8929
|
box-shadow: var(--pf-v6-c-masthead__expandable-content--BoxShadow);
|
|
8902
8930
|
}
|
|
8903
8931
|
.pf-v6-c-masthead.pf-m-display-stack {
|
|
8932
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
8904
8933
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
8905
|
-
--pf-v6-c-
|
|
8906
|
-
--pf-v6-c-
|
|
8907
|
-
--pf-v6-c-
|
|
8908
|
-
--pf-v6-c-
|
|
8934
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
8935
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
8936
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
8937
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
8938
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
8909
8939
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
8910
8940
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
8941
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
8942
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
8911
8943
|
}
|
|
8912
8944
|
.pf-v6-c-masthead.pf-m-display-inline {
|
|
8945
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
8913
8946
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
8947
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
8948
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
8949
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
8950
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
8914
8951
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
8915
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
8916
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
8917
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
8918
8952
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
8919
8953
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
8954
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
8955
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
8920
8956
|
}
|
|
8921
8957
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
8922
8958
|
padding-inline-start: 0;
|
|
@@ -8943,48 +8979,52 @@ ul.pf-v6-c-list {
|
|
|
8943
8979
|
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
8944
8980
|
}
|
|
8945
8981
|
|
|
8946
|
-
.pf-v6-c-masthead,
|
|
8947
8982
|
.pf-v6-c-masthead__main {
|
|
8983
|
+
display: var(--pf-v6-c-masthead__main--Display);
|
|
8984
|
+
grid-column: var(--pf-v6-c-masthead__main--GridColumn);
|
|
8985
|
+
column-gap: var(--pf-v6-c-masthead__main--ColumnGap);
|
|
8986
|
+
align-items: center;
|
|
8987
|
+
margin-inline-end: var(--pf-v6-c-masthead__main--MarginInlineEnd);
|
|
8988
|
+
}
|
|
8989
|
+
|
|
8990
|
+
.pf-v6-c-masthead,
|
|
8991
|
+
.pf-v6-c-masthead__brand {
|
|
8948
8992
|
position: relative;
|
|
8949
8993
|
}
|
|
8950
8994
|
|
|
8951
|
-
.pf-v6-c-masthead__main,
|
|
8952
|
-
.pf-v6-c-masthead__content,
|
|
8953
|
-
.pf-v6-c-masthead__logo,
|
|
8954
8995
|
.pf-v6-c-masthead__brand {
|
|
8955
8996
|
display: flex;
|
|
8997
|
+
flex-shrink: 0;
|
|
8998
|
+
grid-column: var(--pf-v6-c-masthead__brand--GridColumn, revert);
|
|
8999
|
+
row-gap: var(--pf-v6-c-masthead__brand--RowGap, var(--pf-v6-c-masthead--RowGap));
|
|
8956
9000
|
align-self: stretch;
|
|
8957
|
-
|
|
8958
|
-
|
|
8959
|
-
.pf-v6-c-masthead__main,
|
|
8960
|
-
.pf-v6-c-masthead__brand,
|
|
8961
|
-
.pf-v6-c-masthead__content {
|
|
9001
|
+
order: var(--pf-v6-c-masthead__brand--Order, revert);
|
|
8962
9002
|
min-width: 0.25rem;
|
|
8963
|
-
|
|
8964
|
-
|
|
8965
|
-
.pf-v6-c-masthead__main {
|
|
8966
|
-
grid-column: var(--pf-v6-c-masthead__main--GridColumn);
|
|
8967
|
-
row-gap: var(--pf-v6-c-masthead__main--RowGap, var(--pf-v6-c-masthead--RowGap));
|
|
8968
|
-
align-items: var(--pf-v6-c-masthead__main--AlignItems, var(--pf-v6-c-masthead--AlignItems));
|
|
8969
|
-
order: var(--pf-v6-c-masthead__main--Order);
|
|
8970
|
-
padding-block-end: var(--pf-v6-c-masthead__main--PaddingBlockEnd);
|
|
8971
|
-
border-block-end: var(--pf-v6-c-masthead__main--BorderBlockEnd);
|
|
9003
|
+
padding-block-end: var(--pf-v6-c-masthead__brand--PaddingBlockEnd);
|
|
9004
|
+
border-block-end: var(--pf-v6-c-masthead__brand--BorderBlockEnd);
|
|
8972
9005
|
}
|
|
8973
9006
|
|
|
8974
9007
|
.pf-v6-c-masthead__content {
|
|
9008
|
+
display: flex;
|
|
8975
9009
|
flex-wrap: wrap;
|
|
8976
9010
|
grid-column: var(--pf-v6-c-masthead__content--GridColumn);
|
|
8977
9011
|
grid-column-end: -1;
|
|
8978
9012
|
row-gap: var(--pf-v6-c-masthead__content-RowGap, var(--pf-v6-c-masthead--RowGap));
|
|
8979
|
-
column-gap: var(--pf-v6-c-masthead__content
|
|
8980
|
-
align-
|
|
9013
|
+
column-gap: var(--pf-v6-c-masthead__content--ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
|
|
9014
|
+
align-self: stretch;
|
|
8981
9015
|
order: var(--pf-v6-c-masthead__content--Order);
|
|
9016
|
+
min-width: 0.25rem;
|
|
8982
9017
|
}
|
|
8983
9018
|
|
|
8984
|
-
.pf-v6-c-
|
|
8985
|
-
|
|
8986
|
-
|
|
8987
|
-
|
|
9019
|
+
.pf-v6-c-masthead__logo {
|
|
9020
|
+
position: relative;
|
|
9021
|
+
width: var(--pf-v6-c-masthead__logo--Width);
|
|
9022
|
+
max-height: var(--pf-v6-c-masthead__logo--MaxHeight);
|
|
9023
|
+
}
|
|
9024
|
+
.pf-v6-c-masthead__logo > * {
|
|
9025
|
+
max-width: 100%;
|
|
9026
|
+
max-height: 100%;
|
|
9027
|
+
vertical-align: middle;
|
|
8988
9028
|
}
|
|
8989
9029
|
|
|
8990
9030
|
.pf-v6-c-masthead__toggle {
|
|
@@ -8997,22 +9037,30 @@ ul.pf-v6-c-list {
|
|
|
8997
9037
|
}
|
|
8998
9038
|
|
|
8999
9039
|
.pf-v6-c-masthead.pf-m-display-stack {
|
|
9040
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
9000
9041
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
9001
|
-
--pf-v6-c-
|
|
9002
|
-
--pf-v6-c-
|
|
9003
|
-
--pf-v6-c-
|
|
9004
|
-
--pf-v6-c-
|
|
9042
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
9043
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
9044
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
9045
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
9046
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
9005
9047
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
9006
9048
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
9049
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
9050
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
9007
9051
|
}
|
|
9008
9052
|
.pf-v6-c-masthead.pf-m-display-inline {
|
|
9053
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
9009
9054
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
9055
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
9056
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
9057
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
9058
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
9010
9059
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
9011
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
9012
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
9013
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
9014
9060
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
9015
9061
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
9062
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
9063
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
9016
9064
|
}
|
|
9017
9065
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
9018
9066
|
padding-inline-start: 0;
|
|
@@ -9040,22 +9088,30 @@ ul.pf-v6-c-list {
|
|
|
9040
9088
|
}
|
|
9041
9089
|
@media (min-width: 36rem) {
|
|
9042
9090
|
.pf-v6-c-masthead.pf-m-display-stack-on-sm {
|
|
9091
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
9043
9092
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
9044
|
-
--pf-v6-c-
|
|
9045
|
-
--pf-v6-c-
|
|
9046
|
-
--pf-v6-c-
|
|
9047
|
-
--pf-v6-c-
|
|
9093
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
9094
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
9095
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
9096
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
9097
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
9048
9098
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
9049
9099
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
9100
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
9101
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
9050
9102
|
}
|
|
9051
9103
|
.pf-v6-c-masthead.pf-m-display-inline-on-sm {
|
|
9104
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
9052
9105
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
9106
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
9107
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
9108
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
9109
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
9053
9110
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
9054
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
9055
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
9056
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
9057
9111
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
9058
9112
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
9113
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
9114
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
9059
9115
|
}
|
|
9060
9116
|
}
|
|
9061
9117
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
@@ -9084,22 +9140,30 @@ ul.pf-v6-c-list {
|
|
|
9084
9140
|
}
|
|
9085
9141
|
@media (min-width: 48rem) {
|
|
9086
9142
|
.pf-v6-c-masthead.pf-m-display-stack-on-md {
|
|
9143
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
9087
9144
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
9088
|
-
--pf-v6-c-
|
|
9089
|
-
--pf-v6-c-
|
|
9090
|
-
--pf-v6-c-
|
|
9091
|
-
--pf-v6-c-
|
|
9145
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
9146
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
9147
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
9148
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
9149
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
9092
9150
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
9093
9151
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
9152
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
9153
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
9094
9154
|
}
|
|
9095
9155
|
.pf-v6-c-masthead.pf-m-display-inline-on-md {
|
|
9156
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
9096
9157
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
9158
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
9159
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
9160
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
9161
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
9097
9162
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
9098
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
9099
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
9100
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
9101
9163
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
9102
9164
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
9165
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
9166
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
9103
9167
|
}
|
|
9104
9168
|
}
|
|
9105
9169
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
@@ -9128,22 +9192,30 @@ ul.pf-v6-c-list {
|
|
|
9128
9192
|
}
|
|
9129
9193
|
@media (min-width: 62rem) {
|
|
9130
9194
|
.pf-v6-c-masthead.pf-m-display-stack-on-lg {
|
|
9195
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
9131
9196
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
9132
|
-
--pf-v6-c-
|
|
9133
|
-
--pf-v6-c-
|
|
9134
|
-
--pf-v6-c-
|
|
9135
|
-
--pf-v6-c-
|
|
9197
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
9198
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
9199
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
9200
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
9201
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
9136
9202
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
9137
9203
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
9204
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
9205
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
9138
9206
|
}
|
|
9139
9207
|
.pf-v6-c-masthead.pf-m-display-inline-on-lg {
|
|
9208
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
9140
9209
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
9210
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
9211
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
9212
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
9213
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
9141
9214
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
9142
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
9143
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
9144
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
9145
9215
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
9146
9216
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
9217
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
9218
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
9147
9219
|
}
|
|
9148
9220
|
}
|
|
9149
9221
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
@@ -9172,22 +9244,30 @@ ul.pf-v6-c-list {
|
|
|
9172
9244
|
}
|
|
9173
9245
|
@media (min-width: 75rem) {
|
|
9174
9246
|
.pf-v6-c-masthead.pf-m-display-stack-on-xl {
|
|
9247
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
9175
9248
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
9176
|
-
--pf-v6-c-
|
|
9177
|
-
--pf-v6-c-
|
|
9178
|
-
--pf-v6-c-
|
|
9179
|
-
--pf-v6-c-
|
|
9249
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
9250
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
9251
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
9252
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
9253
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
9180
9254
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
9181
9255
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
9256
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
9257
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
9182
9258
|
}
|
|
9183
9259
|
.pf-v6-c-masthead.pf-m-display-inline-on-xl {
|
|
9260
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
9184
9261
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
9262
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
9263
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
9264
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
9265
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
9185
9266
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
9186
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
9187
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
9188
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
9189
9267
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
9190
9268
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
9269
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
9270
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
9191
9271
|
}
|
|
9192
9272
|
}
|
|
9193
9273
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
@@ -9216,22 +9296,30 @@ ul.pf-v6-c-list {
|
|
|
9216
9296
|
}
|
|
9217
9297
|
@media (min-width: 90.625rem) {
|
|
9218
9298
|
.pf-v6-c-masthead.pf-m-display-stack-on-2xl {
|
|
9299
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
9219
9300
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
9220
|
-
--pf-v6-c-
|
|
9221
|
-
--pf-v6-c-
|
|
9222
|
-
--pf-v6-c-
|
|
9223
|
-
--pf-v6-c-
|
|
9301
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
9302
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
9303
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
9304
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
9305
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
9224
9306
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
9225
9307
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
9308
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
9309
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
9226
9310
|
}
|
|
9227
9311
|
.pf-v6-c-masthead.pf-m-display-inline-on-2xl {
|
|
9312
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
9228
9313
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
9314
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
9315
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
9316
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
9317
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
9229
9318
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
9230
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
9231
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
9232
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
9233
9319
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
9234
9320
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
9321
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
9322
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
9235
9323
|
}
|
|
9236
9324
|
}
|
|
9237
9325
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
@@ -10661,8 +10749,8 @@ ul.pf-v6-c-list {
|
|
|
10661
10749
|
--pf-v6-c-nav__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
10662
10750
|
--pf-v6-c-nav--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
10663
10751
|
--pf-v6-c-nav--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
10664
|
-
--pf-v6-c-nav--PaddingInlineStart:
|
|
10665
|
-
--pf-v6-c-nav--PaddingInlineEnd:
|
|
10752
|
+
--pf-v6-c-nav--PaddingInlineStart: 0;
|
|
10753
|
+
--pf-v6-c-nav--PaddingInlineEnd: 0;
|
|
10666
10754
|
--pf-v6-c-nav--RowGap: var(--pf-t--global--spacer--lg);
|
|
10667
10755
|
--pf-v6-c-nav--ColumnGap: 0;
|
|
10668
10756
|
--pf-v6-c-nav--AlignItems: baseline;
|
|
@@ -10752,8 +10840,9 @@ ul.pf-v6-c-list {
|
|
|
10752
10840
|
.pf-v6-c-nav.pf-m-overflow-hidden {
|
|
10753
10841
|
overflow: hidden;
|
|
10754
10842
|
}
|
|
10755
|
-
.pf-v6-c-nav.pf-m-
|
|
10756
|
-
|
|
10843
|
+
.pf-v6-c-nav.pf-m-inset {
|
|
10844
|
+
--pf-v6-c-nav--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
10845
|
+
--pf-v6-c-nav--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
10757
10846
|
}
|
|
10758
10847
|
.pf-v6-c-nav.pf-m-fill {
|
|
10759
10848
|
flex-grow: 1;
|
|
@@ -11348,8 +11437,7 @@ ul.pf-v6-c-list {
|
|
|
11348
11437
|
|
|
11349
11438
|
:where(:root, .pf-v6-c-page) {
|
|
11350
11439
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11351
|
-
--pf-v6-c-page--inset: var(--pf-t--global--spacer--
|
|
11352
|
-
--pf-v6-c-page--xl--inset: var(--pf-t--global--spacer--xl);
|
|
11440
|
+
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
11353
11441
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
11354
11442
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
11355
11443
|
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
|
@@ -11363,6 +11451,7 @@ ul.pf-v6-c-list {
|
|
|
11363
11451
|
--pf-v6-c-page__sidebar--MarginInlineEnd: 0;
|
|
11364
11452
|
--pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
11365
11453
|
--pf-v6-c-page__sidebar--PaddingInlineStart: 0;
|
|
11454
|
+
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
11366
11455
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
11367
11456
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
11368
11457
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -11372,8 +11461,8 @@ ul.pf-v6-c-list {
|
|
|
11372
11461
|
--pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
11373
11462
|
--pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
11374
11463
|
--pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
11375
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd:
|
|
11376
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineStart:
|
|
11464
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
11465
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
11377
11466
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
|
|
11378
11467
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
|
11379
11468
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -11381,8 +11470,8 @@ ul.pf-v6-c-list {
|
|
|
11381
11470
|
--pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
|
|
11382
11471
|
--pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
|
|
11383
11472
|
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
11384
|
-
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-
|
|
11385
|
-
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-
|
|
11473
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
11474
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
|
11386
11475
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
11387
11476
|
--pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
|
|
11388
11477
|
--pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
@@ -11423,11 +11512,6 @@ ul.pf-v6-c-list {
|
|
|
11423
11512
|
--pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
11424
11513
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
11425
11514
|
}
|
|
11426
|
-
@media (min-width: 75rem) {
|
|
11427
|
-
:where(:root, .pf-v6-c-page) {
|
|
11428
|
-
--pf-v6-c-page--inset: var(--pf-v6-c-page--xl--inset);
|
|
11429
|
-
}
|
|
11430
|
-
}
|
|
11431
11515
|
@media screen and (min-width: 75rem) {
|
|
11432
11516
|
:where(:root, .pf-v6-c-page) {
|
|
11433
11517
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
@@ -11447,7 +11531,7 @@ ul.pf-v6-c-list {
|
|
|
11447
11531
|
@media (min-width: 75rem) {
|
|
11448
11532
|
.pf-v6-c-page {
|
|
11449
11533
|
grid-template-areas: "header header" "sidebar main";
|
|
11450
|
-
grid-template-columns:
|
|
11534
|
+
grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
|
|
11451
11535
|
}
|
|
11452
11536
|
}
|
|
11453
11537
|
|
|
@@ -11455,6 +11539,11 @@ ul.pf-v6-c-list {
|
|
|
11455
11539
|
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
11456
11540
|
grid-area: header;
|
|
11457
11541
|
}
|
|
11542
|
+
@media (min-width: 75rem) {
|
|
11543
|
+
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
11544
|
+
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
|
|
11545
|
+
}
|
|
11546
|
+
}
|
|
11458
11547
|
|
|
11459
11548
|
.pf-v6-c-page__sidebar {
|
|
11460
11549
|
z-index: var(--pf-v6-c-page__sidebar--ZIndex);
|
|
@@ -11467,6 +11556,7 @@ ul.pf-v6-c-list {
|
|
|
11467
11556
|
padding-block-start: 0;
|
|
11468
11557
|
padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
11469
11558
|
padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
11559
|
+
padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
11470
11560
|
margin-inline-end: var(--pf-v6-c-page__sidebar--MarginInlineEnd);
|
|
11471
11561
|
overflow-x: hidden;
|
|
11472
11562
|
overflow-y: auto;
|
|
@@ -11746,6 +11836,11 @@ ul.pf-v6-c-list {
|
|
|
11746
11836
|
border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
11747
11837
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
11748
11838
|
}
|
|
11839
|
+
@media screen and (min-width: 75rem) {
|
|
11840
|
+
.pf-v6-c-page__main-container {
|
|
11841
|
+
--pf-v6-c-page__main-container--MarginInlineStart: 0;
|
|
11842
|
+
}
|
|
11843
|
+
}
|
|
11749
11844
|
.pf-v6-c-page__main-container.pf-m-fill, .pf-v6-c-page__main-container:has(.pf-v6-c-page__main-wizard) {
|
|
11750
11845
|
align-self: stretch;
|
|
11751
11846
|
}
|
|
@@ -12835,9 +12930,11 @@ ul.pf-v6-c-list {
|
|
|
12835
12930
|
--pf-v6-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
12836
12931
|
--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart: 0;
|
|
12837
12932
|
--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd: 0;
|
|
12838
|
-
--pf-v6-c-progress-stepper__step-title--m-help-text--
|
|
12839
|
-
--pf-v6-c-progress-stepper__step-title--m-help-text--
|
|
12933
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
|
|
12934
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
|
|
12840
12935
|
--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
12936
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
12937
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
12841
12938
|
--pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
12842
12939
|
--pf-v6-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
|
|
12843
12940
|
--pf-v6-c-progress-stepper__step-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -13063,14 +13160,13 @@ ul.pf-v6-c-list {
|
|
|
13063
13160
|
.pf-v6-c-progress-stepper__step-title.pf-m-help-text {
|
|
13064
13161
|
padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
|
|
13065
13162
|
padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
|
|
13066
|
-
text-decoration:
|
|
13067
|
-
text-decoration-thickness: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
|
|
13068
|
-
text-decoration-style: dashed;
|
|
13069
|
-
text-decoration-color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
|
|
13163
|
+
text-decoration: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine) var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle);
|
|
13070
13164
|
text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
|
|
13071
13165
|
cursor: pointer;
|
|
13072
13166
|
}
|
|
13073
|
-
.pf-v6-c-progress-stepper__step-title.pf-m-help-text:hover,
|
|
13167
|
+
.pf-v6-c-progress-stepper__step-title.pf-m-help-text:is(:hover, :focus) {
|
|
13168
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine);
|
|
13169
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle);
|
|
13074
13170
|
--pf-v6-c-progress-stepper__step-title--Color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color);
|
|
13075
13171
|
}
|
|
13076
13172
|
|
|
@@ -13827,7 +13923,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
13827
13923
|
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
|
|
13828
13924
|
--pf-v6-c-simple-list__item-link--m-current--Color: var(--pf-v6-c-simple-list__item-link--m-link--hover--Color);
|
|
13829
13925
|
}
|
|
13830
|
-
.pf-v6-c-simple-list__item-link:hover,
|
|
13926
|
+
.pf-v6-c-simple-list__item-link:is(:hover, :focus) {
|
|
13831
13927
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
|
|
13832
13928
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
|
|
13833
13929
|
text-decoration: none;
|
|
@@ -18374,7 +18470,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18374
18470
|
--pf-v6-c-tabs__link--after--BorderWidth: 0;
|
|
18375
18471
|
}
|
|
18376
18472
|
|
|
18377
|
-
.pf-v6-c-tabs__link:disabled, .pf-
|
|
18473
|
+
.pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
|
|
18378
18474
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
|
|
18379
18475
|
}
|
|
18380
18476
|
.pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
|
|
@@ -18947,15 +19043,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18947
19043
|
--pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
18948
19044
|
--pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
|
|
18949
19045
|
--pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
|
|
18950
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationLine:
|
|
18951
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle:
|
|
18952
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
|
|
19046
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
|
|
19047
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
|
|
18953
19048
|
--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
18954
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
|
|
18955
19049
|
--pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
|
|
18956
|
-
--pf-v6-c-timestamp--m-help-text--
|
|
18957
|
-
--pf-v6-c-timestamp--m-help-text--hover--
|
|
18958
|
-
--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
|
|
19050
|
+
--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
19051
|
+
--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
18959
19052
|
}
|
|
18960
19053
|
|
|
18961
19054
|
.pf-v6-c-timestamp {
|
|
@@ -18965,20 +19058,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18965
19058
|
outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
|
|
18966
19059
|
}
|
|
18967
19060
|
.pf-v6-c-timestamp.pf-m-help-text {
|
|
18968
|
-
text-decoration
|
|
18969
|
-
text-decoration-thickness: var(--pf-v6-c-timestamp--m-help-text--TextDecorationThickness);
|
|
18970
|
-
text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
|
|
18971
|
-
text-decoration-color: var(--pf-v6-c-timestamp--m-help-text--TextDecorationColor);
|
|
19061
|
+
text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
|
|
18972
19062
|
text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
|
|
18973
19063
|
cursor: pointer;
|
|
18974
19064
|
}
|
|
18975
|
-
.pf-v6-c-timestamp.pf-m-help-text:hover {
|
|
19065
|
+
.pf-v6-c-timestamp.pf-m-help-text:is(:hover, :focus) {
|
|
18976
19066
|
--pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
|
|
18977
|
-
--pf-v6-c-timestamp--m-help-text--
|
|
18978
|
-
|
|
18979
|
-
.pf-v6-c-timestamp.pf-m-help-text:focus {
|
|
18980
|
-
--pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--focus--Color);
|
|
18981
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor);
|
|
19067
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine);
|
|
19068
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
|
18982
19069
|
}
|
|
18983
19070
|
|
|
18984
19071
|
:where(:root, .pf-v6-c-title) {
|
|
@@ -19176,7 +19263,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19176
19263
|
border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
19177
19264
|
border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
19178
19265
|
}
|
|
19179
|
-
.pf-v6-c-toggle-group__button:hover,
|
|
19266
|
+
.pf-v6-c-toggle-group__button:is(:hover, :focus) {
|
|
19180
19267
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
|
19181
19268
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
|
19182
19269
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
|
@@ -19188,7 +19275,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19188
19275
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
|
|
19189
19276
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
|
|
19190
19277
|
}
|
|
19191
|
-
.pf-v6-c-toggle-group__button:disabled, .pf-
|
|
19278
|
+
.pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
|
|
19192
19279
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
|
|
19193
19280
|
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
|
|
19194
19281
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
|