@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/patternfly.css
CHANGED
|
@@ -103,12 +103,12 @@ pre) {
|
|
|
103
103
|
|
|
104
104
|
:where(a) {
|
|
105
105
|
color: var(--pf-t--global--text--color--link--default);
|
|
106
|
-
text-decoration: var(--pf-t--global--
|
|
106
|
+
text-decoration: var(--pf-t--global--text-decoration--link--line--default);
|
|
107
107
|
}
|
|
108
108
|
|
|
109
|
-
:where(a:hover) {
|
|
109
|
+
:where(a:hover, a:focus) {
|
|
110
110
|
color: var(--pf-t--global--text--color--link--hover);
|
|
111
|
-
text-decoration: var(--pf-t--global--
|
|
111
|
+
text-decoration: var(--pf-t--global--text-decoration--link--line--hover);
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
:where(a,
|
|
@@ -5341,8 +5341,8 @@ button) {
|
|
|
5341
5341
|
--pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
5342
5342
|
--pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
5343
5343
|
--pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
5344
|
-
--pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--
|
|
5345
|
-
--pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--
|
|
5344
|
+
--pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
5345
|
+
--pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
5346
5346
|
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
|
|
5347
5347
|
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
|
|
5348
5348
|
--pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
|
|
@@ -5713,10 +5713,6 @@ button) {
|
|
|
5713
5713
|
--pf-t--global--font--weight--body--bold--legacy: 700;
|
|
5714
5714
|
--pf-t--global--font--weight--heading--legacy: 400;
|
|
5715
5715
|
--pf-t--global--font--weight--heading--bold--legacy: 700;
|
|
5716
|
-
--pf-t--global--text-decoration--100: none;
|
|
5717
|
-
--pf-t--global--text-decoration--200: underline;
|
|
5718
|
-
--pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
|
|
5719
|
-
--pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
|
|
5720
5716
|
--pf-t--global--box-shadow--sm:
|
|
5721
5717
|
var(--pf-t--global--box-shadow--X--sm--default)
|
|
5722
5718
|
var(--pf-t--global--box-shadow--Y--sm--default)
|
|
@@ -7494,9 +7490,11 @@ button) {
|
|
|
7494
7490
|
--pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7495
7491
|
--pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7496
7492
|
--pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
|
|
7497
|
-
--pf-v6-c-breadcrumb__link--
|
|
7493
|
+
--pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
7494
|
+
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
7498
7495
|
--pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
7499
|
-
--pf-v6-c-breadcrumb__link--hover--
|
|
7496
|
+
--pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
7497
|
+
--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
7500
7498
|
--pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
7501
7499
|
--pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
|
|
7502
7500
|
--pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
|
|
@@ -7549,18 +7547,19 @@ button) {
|
|
|
7549
7547
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
7550
7548
|
line-height: inherit;
|
|
7551
7549
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
7552
|
-
text-decoration: var(--pf-v6-c-breadcrumb__link--
|
|
7550
|
+
text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
7553
7551
|
word-break: break-word;
|
|
7554
7552
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
7555
7553
|
}
|
|
7556
|
-
.pf-v6-c-breadcrumb__link:hover {
|
|
7554
|
+
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
7557
7555
|
--pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
|
|
7558
|
-
--pf-v6-c-breadcrumb__link--
|
|
7556
|
+
--pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
|
|
7557
|
+
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
|
|
7559
7558
|
}
|
|
7560
7559
|
.pf-v6-c-breadcrumb__link.pf-m-current {
|
|
7561
7560
|
cursor: default;
|
|
7562
7561
|
}
|
|
7563
|
-
.pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:hover {
|
|
7562
|
+
.pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
|
|
7564
7563
|
color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
|
|
7565
7564
|
text-decoration: none;
|
|
7566
7565
|
}
|
|
@@ -7606,14 +7605,16 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7606
7605
|
--pf-v6-c-button--BorderColor: transparent;
|
|
7607
7606
|
--pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
|
|
7608
7607
|
--pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
7609
|
-
--pf-v6-c-button--
|
|
7608
|
+
--pf-v6-c-button--TextDecorationLine: none;
|
|
7609
|
+
--pf-v6-c-button--TextDecorationStyle: none;
|
|
7610
7610
|
--pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
7611
7611
|
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7612
7612
|
--pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
|
|
7613
7613
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
7614
7614
|
--pf-v6-c-button--hover--BorderColor: transparent;
|
|
7615
7615
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
7616
|
-
--pf-v6-c-button--hover--
|
|
7616
|
+
--pf-v6-c-button--hover--TextDecorationLine: none;
|
|
7617
|
+
--pf-v6-c-button--hover--TextDecorationStyle: none;
|
|
7617
7618
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
|
7618
7619
|
--pf-v6-c-button--m-clicked--BorderColor: transparent;
|
|
7619
7620
|
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
|
@@ -7683,7 +7684,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7683
7684
|
--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
|
|
7684
7685
|
--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
|
|
7685
7686
|
--pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
|
|
7686
|
-
--pf-v6-c-button--m-link--m-inline--
|
|
7687
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
7688
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
7689
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
7690
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
7687
7691
|
--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
|
|
7688
7692
|
--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));
|
|
7689
7693
|
--pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -7838,7 +7842,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7838
7842
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
7839
7843
|
color: var(--pf-v6-c-button--Color);
|
|
7840
7844
|
text-align: center;
|
|
7841
|
-
text-decoration: var(--pf-v6-c-button--
|
|
7845
|
+
text-decoration: var(--pf-v6-c-button--TextDecorationLine) var(--pf-v6-c-button--TextDecorationStyle);
|
|
7842
7846
|
white-space: nowrap;
|
|
7843
7847
|
cursor: pointer;
|
|
7844
7848
|
user-select: none;
|
|
@@ -7938,7 +7942,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7938
7942
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
|
|
7939
7943
|
--pf-v6-c-button--BackgroundColor: transparent;
|
|
7940
7944
|
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
|
|
7941
|
-
--pf-v6-c-button--
|
|
7945
|
+
--pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
|
|
7946
|
+
--pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
|
|
7947
|
+
--pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
|
|
7948
|
+
--pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
|
|
7942
7949
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
7943
7950
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
|
7944
7951
|
--pf-v6-c-button--disabled--BackgroundColor: transparent;
|
|
@@ -8100,8 +8107,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
8100
8107
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
|
8101
8108
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
|
|
8102
8109
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
|
|
8103
|
-
--pf-v6-c-button--TextDecoration: var(--pf-v6-c-button--hover--TextDecoration);
|
|
8104
8110
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
|
|
8111
|
+
text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
|
|
8105
8112
|
}
|
|
8106
8113
|
.pf-v6-c-button.pf-m-clicked {
|
|
8107
8114
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
|
|
@@ -8124,7 +8131,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
8124
8131
|
color: var(--pf-v6-c-button--disabled__icon--Color);
|
|
8125
8132
|
}
|
|
8126
8133
|
.pf-v6-c-button.pf-m-aria-disabled {
|
|
8127
|
-
--pf-v6-c-button--m-link--m-inline--hover--
|
|
8134
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
|
|
8135
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
|
|
8128
8136
|
cursor: default;
|
|
8129
8137
|
}
|
|
8130
8138
|
.pf-v6-c-button.pf-m-progress {
|
|
@@ -9157,9 +9165,11 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
9157
9165
|
--pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
9158
9166
|
--pf-v6-c-content--small--Color: var(--pf-t--global--text--color--subtle);
|
|
9159
9167
|
--pf-v6-c-content--a--Color: var(--pf-t--global--text--color--link--default);
|
|
9160
|
-
--pf-v6-c-content--a--
|
|
9168
|
+
--pf-v6-c-content--a--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
9169
|
+
--pf-v6-c-content--a--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
9161
9170
|
--pf-v6-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
9162
|
-
--pf-v6-c-content--a--hover--
|
|
9171
|
+
--pf-v6-c-content--a--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
9172
|
+
--pf-v6-c-content--a--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
9163
9173
|
--pf-v6-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
|
|
9164
9174
|
--pf-v6-c-content--blockquote--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
9165
9175
|
--pf-v6-c-content--blockquote--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -9188,11 +9198,12 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
9188
9198
|
}
|
|
9189
9199
|
:is(.pf-v6-c-content--a, .pf-v6-c-content a) {
|
|
9190
9200
|
color: var(--pf-v6-c-content--a--Color);
|
|
9191
|
-
text-decoration: var(--pf-v6-c-content--a--
|
|
9201
|
+
text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
|
|
9192
9202
|
}
|
|
9193
|
-
:is(.pf-v6-c-content--a, .pf-v6-c-content a):hover {
|
|
9203
|
+
:is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
|
|
9194
9204
|
--pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
|
|
9195
|
-
--pf-v6-c-content--a--
|
|
9205
|
+
--pf-v6-c-content--a--TextDecorationLine: var(--pf-v6-c-content--a--hover--TextDecorationLine);
|
|
9206
|
+
--pf-v6-c-content--a--TextDecorationStyle: var(--pf-v6-c-content--a--hover--TextDecorationStyle);
|
|
9196
9207
|
}
|
|
9197
9208
|
|
|
9198
9209
|
: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 {
|
|
@@ -10236,11 +10247,11 @@ ul) {
|
|
|
10236
10247
|
--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
|
|
10237
10248
|
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
|
|
10238
10249
|
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
|
|
10239
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
10240
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
10241
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
10242
|
-
--pf-v6-c-description-list__text--m-help-text--hover--
|
|
10243
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
10250
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
|
|
10251
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
|
|
10252
|
+
--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
10253
|
+
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
10254
|
+
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
10244
10255
|
--pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
10245
10256
|
--pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
|
|
10246
10257
|
--pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
|
|
@@ -10402,18 +10413,13 @@ ul) {
|
|
|
10402
10413
|
min-width: 0;
|
|
10403
10414
|
}
|
|
10404
10415
|
.pf-v6-c-description-list__text.pf-m-help-text {
|
|
10405
|
-
text-decoration:
|
|
10406
|
-
text-
|
|
10407
|
-
text-decoration-style: dashed;
|
|
10408
|
-
text-decoration-color: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationColor);
|
|
10409
|
-
text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationOffset);
|
|
10416
|
+
text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
|
|
10417
|
+
text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
|
|
10410
10418
|
cursor: pointer;
|
|
10411
10419
|
}
|
|
10412
|
-
.pf-v6-c-description-list__text.pf-m-help-text:hover {
|
|
10413
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
10414
|
-
|
|
10415
|
-
.pf-v6-c-description-list__text.pf-m-help-text:focus {
|
|
10416
|
-
--pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor);
|
|
10420
|
+
.pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) {
|
|
10421
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine);
|
|
10422
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
|
|
10417
10423
|
}
|
|
10418
10424
|
|
|
10419
10425
|
.pf-v6-c-description-list.pf-m-1-col {
|
|
@@ -14004,7 +14010,7 @@ label.pf-v6-c-input-group__text {
|
|
|
14004
14010
|
text-decoration: none;
|
|
14005
14011
|
outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
|
|
14006
14012
|
}
|
|
14007
|
-
.pf-v6-c-jump-links__link:hover,
|
|
14013
|
+
.pf-v6-c-jump-links__link:is(:hover, :focus) {
|
|
14008
14014
|
--pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
|
|
14009
14015
|
}
|
|
14010
14016
|
.pf-v6-c-jump-links__link::before {
|
|
@@ -14220,7 +14226,7 @@ label.pf-v6-c-input-group__text {
|
|
|
14220
14226
|
--pf-v6-c-label--m-compact--PaddingBlockEnd: 0;
|
|
14221
14227
|
--pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
14222
14228
|
--pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
14223
|
-
--pf-v6-c-label--m-compact--m-editable--
|
|
14229
|
+
--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
|
|
14224
14230
|
--pf-v6-c-label__content--MaxWidth: 100%;
|
|
14225
14231
|
--pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--xs);
|
|
14226
14232
|
--pf-v6-c-label__content--Cursor: initial;
|
|
@@ -14235,14 +14241,14 @@ label.pf-v6-c-input-group__text {
|
|
|
14235
14241
|
--pf-v6-c-label__actions--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
14236
14242
|
--pf-v6-c-label__actions--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
14237
14243
|
--pf-v6-c-label__actions--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
14238
|
-
--pf-v6-c-label--m-editable--
|
|
14239
|
-
--pf-v6-c-label--m-editable--TextDecorationStyle:
|
|
14240
|
-
--pf-v6-c-label--m-editable--
|
|
14241
|
-
--pf-v6-c-label--m-editable--
|
|
14242
|
-
--pf-v6-c-label--m-editable--
|
|
14244
|
+
--pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
|
|
14245
|
+
--pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
|
|
14246
|
+
--pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
|
|
14247
|
+
--pf-v6-c-label--m-editable--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--hover);
|
|
14248
|
+
--pf-v6-c-label--m-editable--TextUnderlineOffset: 0.25rem;
|
|
14243
14249
|
--pf-v6-c-label--m-editable__content--MaxWidth: 16ch;
|
|
14244
14250
|
--pf-v6-c-label--m-editable__content--Cursor: pointer;
|
|
14245
|
-
--pf-v6-c-label--m-editable--m-editable-active--
|
|
14251
|
+
--pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine: none;
|
|
14246
14252
|
--pf-v6-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
|
|
14247
14253
|
--pf-v6-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
|
|
14248
14254
|
--pf-v6-c-label--m-editable--m-editable-active__content--Cursor: initial;
|
|
@@ -14412,7 +14418,7 @@ label.pf-v6-c-input-group__text {
|
|
|
14412
14418
|
--pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
|
|
14413
14419
|
--pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
|
|
14414
14420
|
--pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
|
|
14415
|
-
--pf-v6-c-label--m-editable--
|
|
14421
|
+
--pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
|
|
14416
14422
|
}
|
|
14417
14423
|
.pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
|
|
14418
14424
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-label--m-filled__actions--c-button__icon--Color);
|
|
@@ -14433,15 +14439,16 @@ label.pf-v6-c-input-group__text {
|
|
|
14433
14439
|
--pf-v6-c-label__content--MaxWidth: var(--pf-v6-c-label--m-editable__content--MaxWidth);
|
|
14434
14440
|
--pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable__content--Cursor);
|
|
14435
14441
|
}
|
|
14442
|
+
.pf-v6-c-label.pf-m-editable .pf-v6-c-label__content:is(:hover, :focus) {
|
|
14443
|
+
--pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--hover--TextDecorationLine);
|
|
14444
|
+
--pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
|
|
14445
|
+
}
|
|
14436
14446
|
.pf-v6-c-label.pf-m-editable .pf-v6-c-label__text {
|
|
14437
|
-
text-decoration: var(--pf-v6-c-label--m-editable--
|
|
14438
|
-
text-
|
|
14439
|
-
text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
|
|
14440
|
-
text-decoration-color: var(--pf-v6-c-label--m-editable--TextDecorationColor);
|
|
14441
|
-
text-underline-offset: var(--pf-v6-c-label--m-editable--TextDecorationOffset);
|
|
14447
|
+
text-decoration: var(--pf-v6-c-label--m-editable--TextDecorationLine) var(--pf-v6-c-label--m-editable--TextDecorationStyle);
|
|
14448
|
+
text-underline-offset: var(--pf-v6-c-label--m-editable--TextUnderlineOffset);
|
|
14442
14449
|
}
|
|
14443
14450
|
.pf-v6-c-label.pf-m-editable-active {
|
|
14444
|
-
--pf-v6-c-label--m-editable--
|
|
14451
|
+
--pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine);
|
|
14445
14452
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-editable--m-editable-active--BackgroundColor);
|
|
14446
14453
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-editable--m-editable-active--Color);
|
|
14447
14454
|
--pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable--m-editable-active__content--Cursor);
|
|
@@ -15012,44 +15019,58 @@ ul.pf-v6-c-list {
|
|
|
15012
15019
|
|
|
15013
15020
|
:where(:root, .pf-v6-c-masthead) {
|
|
15014
15021
|
--pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
|
|
15015
|
-
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--
|
|
15022
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
15016
15023
|
--pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
15017
15024
|
--pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
|
|
15018
15025
|
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
|
|
15019
15026
|
--pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
|
|
15020
15027
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
15021
|
-
--pf-v6-c-
|
|
15022
|
-
--pf-v6-c-
|
|
15028
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
15029
|
+
--pf-v6-c-masthead__main--MarginInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
15030
|
+
--pf-v6-c-masthead__logo--MaxHeight: 2.375rem;
|
|
15031
|
+
--pf-v6-c-masthead__logo--Width: 11.8125rem;
|
|
15023
15032
|
--pf-v6-c-masthead__toggle--Size: var(--pf-t--global--icon--size--xl);
|
|
15033
|
+
--pf-v6-c-masthead__content--ColumnGap: var(--pf-t--global--spacer--md);
|
|
15034
|
+
--pf-v6-c-masthead--m-display-stack--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
15024
15035
|
--pf-v6-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
|
|
15025
|
-
--pf-v6-c-masthead--m-display-
|
|
15026
|
-
--pf-v6-c-masthead--m-display-
|
|
15027
|
-
--pf-v6-c-masthead--m-display-
|
|
15028
|
-
--pf-v6-c-masthead--m-display-
|
|
15036
|
+
--pf-v6-c-masthead--m-display-stack__brand--GridColumn: -1 / 1;
|
|
15037
|
+
--pf-v6-c-masthead--m-display-stack__brand--Order: -1;
|
|
15038
|
+
--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--RowGap);
|
|
15039
|
+
--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
|
|
15029
15040
|
--pf-v6-c-masthead--m-display-stack__content--GridColumn: 2;
|
|
15030
15041
|
--pf-v6-c-masthead--m-display-stack__content--Order: 1;
|
|
15031
|
-
--pf-v6-c-masthead--m-display-
|
|
15032
|
-
--pf-v6-c-masthead--m-display-
|
|
15033
|
-
--pf-v6-c-masthead--m-display-
|
|
15034
|
-
--pf-v6-c-masthead--m-display-
|
|
15035
|
-
--pf-v6-c-masthead--m-display-
|
|
15036
|
-
--pf-v6-c-masthead--m-display-
|
|
15042
|
+
--pf-v6-c-masthead--m-display-stack__main--Display: contents;
|
|
15043
|
+
--pf-v6-c-masthead--m-display-stack__main--ColumnGap: unset;
|
|
15044
|
+
--pf-v6-c-masthead--m-display-inline--ColumnGap: 0;
|
|
15045
|
+
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
15046
|
+
--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns: subgrid;
|
|
15047
|
+
--pf-v6-c-masthead--m-display-inline__brand--GridColumn: initial;
|
|
15048
|
+
--pf-v6-c-masthead--m-display-inline__brand--Order: initial;
|
|
15049
|
+
--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd: 0;
|
|
15050
|
+
--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd: 0;
|
|
15051
|
+
--pf-v6-c-masthead--m-display-inline__main--GridColumn: 1;
|
|
15052
|
+
--pf-v6-c-masthead--m-display-inline__content--GridColumn: 2;
|
|
15037
15053
|
--pf-v6-c-masthead--m-display-inline__content--Order: 0;
|
|
15054
|
+
--pf-v6-c-masthead--m-display-inline__main--Display: flex;
|
|
15055
|
+
--pf-v6-c-masthead--m-display-inline__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
15038
15056
|
--pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
15039
15057
|
--pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
|
|
15040
15058
|
--pf-v6-c-masthead--c-toolbar--Width: 100%;
|
|
15041
15059
|
--pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
|
|
15042
|
-
--pf-v6-c-masthead--c-toolbar--PaddingInline: 0;
|
|
15043
15060
|
}
|
|
15044
15061
|
|
|
15045
15062
|
.pf-v6-c-masthead {
|
|
15063
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
15046
15064
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
15047
|
-
--pf-v6-c-
|
|
15048
|
-
--pf-v6-c-
|
|
15049
|
-
--pf-v6-c-
|
|
15050
|
-
--pf-v6-c-
|
|
15065
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
15066
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
15067
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
15068
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
15069
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15051
15070
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15052
15071
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15072
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15073
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15053
15074
|
display: grid;
|
|
15054
15075
|
grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
|
|
15055
15076
|
row-gap: var(--pf-v6-c-masthead--RowGap);
|
|
@@ -15065,18 +15086,21 @@ ul.pf-v6-c-list {
|
|
|
15065
15086
|
.pf-v6-c-masthead .pf-v6-c-toolbar {
|
|
15066
15087
|
--pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
|
|
15067
15088
|
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
15068
|
-
--pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--c-toolbar--PaddingInline);
|
|
15069
15089
|
--pf-v6-c-toolbar__content--MinWidth: 0;
|
|
15070
15090
|
}
|
|
15071
15091
|
@media screen and (min-width: 48rem) {
|
|
15072
15092
|
:where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
|
|
15093
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
15073
15094
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
15095
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
15096
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
15097
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
15098
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
15074
15099
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15075
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
15076
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
15077
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
15078
15100
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15079
15101
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15102
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15103
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15080
15104
|
}
|
|
15081
15105
|
}
|
|
15082
15106
|
.pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
|
|
@@ -15089,22 +15113,30 @@ ul.pf-v6-c-list {
|
|
|
15089
15113
|
box-shadow: var(--pf-v6-c-masthead__expandable-content--BoxShadow);
|
|
15090
15114
|
}
|
|
15091
15115
|
.pf-v6-c-masthead.pf-m-display-stack {
|
|
15116
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
15092
15117
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
15093
|
-
--pf-v6-c-
|
|
15094
|
-
--pf-v6-c-
|
|
15095
|
-
--pf-v6-c-
|
|
15096
|
-
--pf-v6-c-
|
|
15118
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
15119
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
15120
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
15121
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
15122
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15097
15123
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15098
15124
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15125
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15126
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15099
15127
|
}
|
|
15100
15128
|
.pf-v6-c-masthead.pf-m-display-inline {
|
|
15129
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
15101
15130
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
15131
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
15132
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
15133
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
15134
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
15102
15135
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15103
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
15104
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
15105
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
15106
15136
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15107
15137
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15138
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15139
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15108
15140
|
}
|
|
15109
15141
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
15110
15142
|
padding-inline-start: 0;
|
|
@@ -15131,48 +15163,52 @@ ul.pf-v6-c-list {
|
|
|
15131
15163
|
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
15132
15164
|
}
|
|
15133
15165
|
|
|
15134
|
-
.pf-v6-c-masthead,
|
|
15135
15166
|
.pf-v6-c-masthead__main {
|
|
15167
|
+
display: var(--pf-v6-c-masthead__main--Display);
|
|
15168
|
+
grid-column: var(--pf-v6-c-masthead__main--GridColumn);
|
|
15169
|
+
column-gap: var(--pf-v6-c-masthead__main--ColumnGap);
|
|
15170
|
+
align-items: center;
|
|
15171
|
+
margin-inline-end: var(--pf-v6-c-masthead__main--MarginInlineEnd);
|
|
15172
|
+
}
|
|
15173
|
+
|
|
15174
|
+
.pf-v6-c-masthead,
|
|
15175
|
+
.pf-v6-c-masthead__brand {
|
|
15136
15176
|
position: relative;
|
|
15137
15177
|
}
|
|
15138
15178
|
|
|
15139
|
-
.pf-v6-c-masthead__main,
|
|
15140
|
-
.pf-v6-c-masthead__content,
|
|
15141
|
-
.pf-v6-c-masthead__logo,
|
|
15142
15179
|
.pf-v6-c-masthead__brand {
|
|
15143
15180
|
display: flex;
|
|
15181
|
+
flex-shrink: 0;
|
|
15182
|
+
grid-column: var(--pf-v6-c-masthead__brand--GridColumn, revert);
|
|
15183
|
+
row-gap: var(--pf-v6-c-masthead__brand--RowGap, var(--pf-v6-c-masthead--RowGap));
|
|
15144
15184
|
align-self: stretch;
|
|
15145
|
-
|
|
15146
|
-
|
|
15147
|
-
.pf-v6-c-masthead__main,
|
|
15148
|
-
.pf-v6-c-masthead__brand,
|
|
15149
|
-
.pf-v6-c-masthead__content {
|
|
15185
|
+
order: var(--pf-v6-c-masthead__brand--Order, revert);
|
|
15150
15186
|
min-width: 0.25rem;
|
|
15151
|
-
|
|
15152
|
-
|
|
15153
|
-
.pf-v6-c-masthead__main {
|
|
15154
|
-
grid-column: var(--pf-v6-c-masthead__main--GridColumn);
|
|
15155
|
-
row-gap: var(--pf-v6-c-masthead__main--RowGap, var(--pf-v6-c-masthead--RowGap));
|
|
15156
|
-
align-items: var(--pf-v6-c-masthead__main--AlignItems, var(--pf-v6-c-masthead--AlignItems));
|
|
15157
|
-
order: var(--pf-v6-c-masthead__main--Order);
|
|
15158
|
-
padding-block-end: var(--pf-v6-c-masthead__main--PaddingBlockEnd);
|
|
15159
|
-
border-block-end: var(--pf-v6-c-masthead__main--BorderBlockEnd);
|
|
15187
|
+
padding-block-end: var(--pf-v6-c-masthead__brand--PaddingBlockEnd);
|
|
15188
|
+
border-block-end: var(--pf-v6-c-masthead__brand--BorderBlockEnd);
|
|
15160
15189
|
}
|
|
15161
15190
|
|
|
15162
15191
|
.pf-v6-c-masthead__content {
|
|
15192
|
+
display: flex;
|
|
15163
15193
|
flex-wrap: wrap;
|
|
15164
15194
|
grid-column: var(--pf-v6-c-masthead__content--GridColumn);
|
|
15165
15195
|
grid-column-end: -1;
|
|
15166
15196
|
row-gap: var(--pf-v6-c-masthead__content-RowGap, var(--pf-v6-c-masthead--RowGap));
|
|
15167
|
-
column-gap: var(--pf-v6-c-masthead__content
|
|
15168
|
-
align-
|
|
15197
|
+
column-gap: var(--pf-v6-c-masthead__content--ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
|
|
15198
|
+
align-self: stretch;
|
|
15169
15199
|
order: var(--pf-v6-c-masthead__content--Order);
|
|
15200
|
+
min-width: 0.25rem;
|
|
15170
15201
|
}
|
|
15171
15202
|
|
|
15172
|
-
.pf-v6-c-
|
|
15173
|
-
|
|
15174
|
-
|
|
15175
|
-
|
|
15203
|
+
.pf-v6-c-masthead__logo {
|
|
15204
|
+
position: relative;
|
|
15205
|
+
width: var(--pf-v6-c-masthead__logo--Width);
|
|
15206
|
+
max-height: var(--pf-v6-c-masthead__logo--MaxHeight);
|
|
15207
|
+
}
|
|
15208
|
+
.pf-v6-c-masthead__logo > * {
|
|
15209
|
+
max-width: 100%;
|
|
15210
|
+
max-height: 100%;
|
|
15211
|
+
vertical-align: middle;
|
|
15176
15212
|
}
|
|
15177
15213
|
|
|
15178
15214
|
.pf-v6-c-masthead__toggle {
|
|
@@ -15185,22 +15221,30 @@ ul.pf-v6-c-list {
|
|
|
15185
15221
|
}
|
|
15186
15222
|
|
|
15187
15223
|
.pf-v6-c-masthead.pf-m-display-stack {
|
|
15224
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
15188
15225
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
15189
|
-
--pf-v6-c-
|
|
15190
|
-
--pf-v6-c-
|
|
15191
|
-
--pf-v6-c-
|
|
15192
|
-
--pf-v6-c-
|
|
15226
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
15227
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
15228
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
15229
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
15230
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15193
15231
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15194
15232
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15233
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15234
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15195
15235
|
}
|
|
15196
15236
|
.pf-v6-c-masthead.pf-m-display-inline {
|
|
15237
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
15197
15238
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
15239
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
15240
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
15241
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
15242
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
15198
15243
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15199
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
15200
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
15201
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
15202
15244
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15203
15245
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15246
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15247
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15204
15248
|
}
|
|
15205
15249
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
15206
15250
|
padding-inline-start: 0;
|
|
@@ -15228,22 +15272,30 @@ ul.pf-v6-c-list {
|
|
|
15228
15272
|
}
|
|
15229
15273
|
@media (min-width: 36rem) {
|
|
15230
15274
|
.pf-v6-c-masthead.pf-m-display-stack-on-sm {
|
|
15275
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
15231
15276
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
15232
|
-
--pf-v6-c-
|
|
15233
|
-
--pf-v6-c-
|
|
15234
|
-
--pf-v6-c-
|
|
15235
|
-
--pf-v6-c-
|
|
15277
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
15278
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
15279
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
15280
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
15281
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15236
15282
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15237
15283
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15284
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15285
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15238
15286
|
}
|
|
15239
15287
|
.pf-v6-c-masthead.pf-m-display-inline-on-sm {
|
|
15288
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
15240
15289
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
15290
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
15291
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
15292
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
15293
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
15241
15294
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15242
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
15243
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
15244
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
15245
15295
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15246
15296
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15297
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15298
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15247
15299
|
}
|
|
15248
15300
|
}
|
|
15249
15301
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
@@ -15272,22 +15324,30 @@ ul.pf-v6-c-list {
|
|
|
15272
15324
|
}
|
|
15273
15325
|
@media (min-width: 48rem) {
|
|
15274
15326
|
.pf-v6-c-masthead.pf-m-display-stack-on-md {
|
|
15327
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
15275
15328
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
15276
|
-
--pf-v6-c-
|
|
15277
|
-
--pf-v6-c-
|
|
15278
|
-
--pf-v6-c-
|
|
15279
|
-
--pf-v6-c-
|
|
15329
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
15330
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
15331
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
15332
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
15333
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15280
15334
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15281
15335
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15336
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15337
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15282
15338
|
}
|
|
15283
15339
|
.pf-v6-c-masthead.pf-m-display-inline-on-md {
|
|
15340
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
15284
15341
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
15342
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
15343
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
15344
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
15345
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
15285
15346
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15286
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
15287
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
15288
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
15289
15347
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15290
15348
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15349
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15350
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15291
15351
|
}
|
|
15292
15352
|
}
|
|
15293
15353
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
@@ -15316,22 +15376,30 @@ ul.pf-v6-c-list {
|
|
|
15316
15376
|
}
|
|
15317
15377
|
@media (min-width: 62rem) {
|
|
15318
15378
|
.pf-v6-c-masthead.pf-m-display-stack-on-lg {
|
|
15379
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
15319
15380
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
15320
|
-
--pf-v6-c-
|
|
15321
|
-
--pf-v6-c-
|
|
15322
|
-
--pf-v6-c-
|
|
15323
|
-
--pf-v6-c-
|
|
15381
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
15382
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
15383
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
15384
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
15385
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15324
15386
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15325
15387
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15388
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15389
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15326
15390
|
}
|
|
15327
15391
|
.pf-v6-c-masthead.pf-m-display-inline-on-lg {
|
|
15392
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
15328
15393
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
15394
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
15395
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
15396
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
15397
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
15329
15398
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15330
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
15331
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
15332
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
15333
15399
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15334
15400
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15401
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15402
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15335
15403
|
}
|
|
15336
15404
|
}
|
|
15337
15405
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
@@ -15360,22 +15428,30 @@ ul.pf-v6-c-list {
|
|
|
15360
15428
|
}
|
|
15361
15429
|
@media (min-width: 75rem) {
|
|
15362
15430
|
.pf-v6-c-masthead.pf-m-display-stack-on-xl {
|
|
15431
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
15363
15432
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
15364
|
-
--pf-v6-c-
|
|
15365
|
-
--pf-v6-c-
|
|
15366
|
-
--pf-v6-c-
|
|
15367
|
-
--pf-v6-c-
|
|
15433
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
15434
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
15435
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
15436
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
15437
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15368
15438
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15369
15439
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15440
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15441
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15370
15442
|
}
|
|
15371
15443
|
.pf-v6-c-masthead.pf-m-display-inline-on-xl {
|
|
15444
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
15372
15445
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
15446
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
15447
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
15448
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
15449
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
15373
15450
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15374
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
15375
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
15376
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
15377
15451
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15378
15452
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15453
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15454
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15379
15455
|
}
|
|
15380
15456
|
}
|
|
15381
15457
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
@@ -15404,22 +15480,30 @@ ul.pf-v6-c-list {
|
|
|
15404
15480
|
}
|
|
15405
15481
|
@media (min-width: 90.625rem) {
|
|
15406
15482
|
.pf-v6-c-masthead.pf-m-display-stack-on-2xl {
|
|
15483
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
15407
15484
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
15408
|
-
--pf-v6-c-
|
|
15409
|
-
--pf-v6-c-
|
|
15410
|
-
--pf-v6-c-
|
|
15411
|
-
--pf-v6-c-
|
|
15485
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
15486
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
15487
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
15488
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
15489
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15412
15490
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15413
15491
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15492
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15493
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15414
15494
|
}
|
|
15415
15495
|
.pf-v6-c-masthead.pf-m-display-inline-on-2xl {
|
|
15496
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
15416
15497
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
15498
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
15499
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
15500
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
15501
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
15417
15502
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15418
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
15419
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
15420
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
15421
15503
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15422
15504
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15505
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15506
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15423
15507
|
}
|
|
15424
15508
|
}
|
|
15425
15509
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
@@ -16849,8 +16933,8 @@ ul.pf-v6-c-list {
|
|
|
16849
16933
|
--pf-v6-c-nav__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
16850
16934
|
--pf-v6-c-nav--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
16851
16935
|
--pf-v6-c-nav--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
16852
|
-
--pf-v6-c-nav--PaddingInlineStart:
|
|
16853
|
-
--pf-v6-c-nav--PaddingInlineEnd:
|
|
16936
|
+
--pf-v6-c-nav--PaddingInlineStart: 0;
|
|
16937
|
+
--pf-v6-c-nav--PaddingInlineEnd: 0;
|
|
16854
16938
|
--pf-v6-c-nav--RowGap: var(--pf-t--global--spacer--lg);
|
|
16855
16939
|
--pf-v6-c-nav--ColumnGap: 0;
|
|
16856
16940
|
--pf-v6-c-nav--AlignItems: baseline;
|
|
@@ -16940,8 +17024,9 @@ ul.pf-v6-c-list {
|
|
|
16940
17024
|
.pf-v6-c-nav.pf-m-overflow-hidden {
|
|
16941
17025
|
overflow: hidden;
|
|
16942
17026
|
}
|
|
16943
|
-
.pf-v6-c-nav.pf-m-
|
|
16944
|
-
|
|
17027
|
+
.pf-v6-c-nav.pf-m-inset {
|
|
17028
|
+
--pf-v6-c-nav--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
17029
|
+
--pf-v6-c-nav--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
16945
17030
|
}
|
|
16946
17031
|
.pf-v6-c-nav.pf-m-fill {
|
|
16947
17032
|
flex-grow: 1;
|
|
@@ -17536,8 +17621,7 @@ ul.pf-v6-c-list {
|
|
|
17536
17621
|
|
|
17537
17622
|
:where(:root, .pf-v6-c-page) {
|
|
17538
17623
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
17539
|
-
--pf-v6-c-page--inset: var(--pf-t--global--spacer--
|
|
17540
|
-
--pf-v6-c-page--xl--inset: var(--pf-t--global--spacer--xl);
|
|
17624
|
+
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
17541
17625
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
17542
17626
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
17543
17627
|
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
|
@@ -17551,6 +17635,7 @@ ul.pf-v6-c-list {
|
|
|
17551
17635
|
--pf-v6-c-page__sidebar--MarginInlineEnd: 0;
|
|
17552
17636
|
--pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
17553
17637
|
--pf-v6-c-page__sidebar--PaddingInlineStart: 0;
|
|
17638
|
+
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
17554
17639
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
17555
17640
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
17556
17641
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -17560,8 +17645,8 @@ ul.pf-v6-c-list {
|
|
|
17560
17645
|
--pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
17561
17646
|
--pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
17562
17647
|
--pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
17563
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd:
|
|
17564
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineStart:
|
|
17648
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
17649
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
17565
17650
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
|
|
17566
17651
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
|
17567
17652
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -17569,8 +17654,8 @@ ul.pf-v6-c-list {
|
|
|
17569
17654
|
--pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
|
|
17570
17655
|
--pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
|
|
17571
17656
|
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
17572
|
-
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-
|
|
17573
|
-
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-
|
|
17657
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
17658
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
|
17574
17659
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
17575
17660
|
--pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
|
|
17576
17661
|
--pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
@@ -17611,11 +17696,6 @@ ul.pf-v6-c-list {
|
|
|
17611
17696
|
--pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
17612
17697
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
17613
17698
|
}
|
|
17614
|
-
@media (min-width: 75rem) {
|
|
17615
|
-
:where(:root, .pf-v6-c-page) {
|
|
17616
|
-
--pf-v6-c-page--inset: var(--pf-v6-c-page--xl--inset);
|
|
17617
|
-
}
|
|
17618
|
-
}
|
|
17619
17699
|
@media screen and (min-width: 75rem) {
|
|
17620
17700
|
:where(:root, .pf-v6-c-page) {
|
|
17621
17701
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
@@ -17635,7 +17715,7 @@ ul.pf-v6-c-list {
|
|
|
17635
17715
|
@media (min-width: 75rem) {
|
|
17636
17716
|
.pf-v6-c-page {
|
|
17637
17717
|
grid-template-areas: "header header" "sidebar main";
|
|
17638
|
-
grid-template-columns:
|
|
17718
|
+
grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
|
|
17639
17719
|
}
|
|
17640
17720
|
}
|
|
17641
17721
|
|
|
@@ -17643,6 +17723,11 @@ ul.pf-v6-c-list {
|
|
|
17643
17723
|
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
17644
17724
|
grid-area: header;
|
|
17645
17725
|
}
|
|
17726
|
+
@media (min-width: 75rem) {
|
|
17727
|
+
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
17728
|
+
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
|
|
17729
|
+
}
|
|
17730
|
+
}
|
|
17646
17731
|
|
|
17647
17732
|
.pf-v6-c-page__sidebar {
|
|
17648
17733
|
z-index: var(--pf-v6-c-page__sidebar--ZIndex);
|
|
@@ -17655,6 +17740,7 @@ ul.pf-v6-c-list {
|
|
|
17655
17740
|
padding-block-start: 0;
|
|
17656
17741
|
padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
17657
17742
|
padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
17743
|
+
padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
17658
17744
|
margin-inline-end: var(--pf-v6-c-page__sidebar--MarginInlineEnd);
|
|
17659
17745
|
overflow-x: hidden;
|
|
17660
17746
|
overflow-y: auto;
|
|
@@ -17934,6 +18020,11 @@ ul.pf-v6-c-list {
|
|
|
17934
18020
|
border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
17935
18021
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
17936
18022
|
}
|
|
18023
|
+
@media screen and (min-width: 75rem) {
|
|
18024
|
+
.pf-v6-c-page__main-container {
|
|
18025
|
+
--pf-v6-c-page__main-container--MarginInlineStart: 0;
|
|
18026
|
+
}
|
|
18027
|
+
}
|
|
17937
18028
|
.pf-v6-c-page__main-container.pf-m-fill, .pf-v6-c-page__main-container:has(.pf-v6-c-page__main-wizard) {
|
|
17938
18029
|
align-self: stretch;
|
|
17939
18030
|
}
|
|
@@ -19023,9 +19114,11 @@ ul.pf-v6-c-list {
|
|
|
19023
19114
|
--pf-v6-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
19024
19115
|
--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart: 0;
|
|
19025
19116
|
--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd: 0;
|
|
19026
|
-
--pf-v6-c-progress-stepper__step-title--m-help-text--
|
|
19027
|
-
--pf-v6-c-progress-stepper__step-title--m-help-text--
|
|
19117
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
|
|
19118
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
|
|
19028
19119
|
--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
19120
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
19121
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
19029
19122
|
--pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
19030
19123
|
--pf-v6-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
|
|
19031
19124
|
--pf-v6-c-progress-stepper__step-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -19251,14 +19344,13 @@ ul.pf-v6-c-list {
|
|
|
19251
19344
|
.pf-v6-c-progress-stepper__step-title.pf-m-help-text {
|
|
19252
19345
|
padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
|
|
19253
19346
|
padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
|
|
19254
|
-
text-decoration:
|
|
19255
|
-
text-decoration-thickness: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
|
|
19256
|
-
text-decoration-style: dashed;
|
|
19257
|
-
text-decoration-color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
|
|
19347
|
+
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);
|
|
19258
19348
|
text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
|
|
19259
19349
|
cursor: pointer;
|
|
19260
19350
|
}
|
|
19261
|
-
.pf-v6-c-progress-stepper__step-title.pf-m-help-text:hover,
|
|
19351
|
+
.pf-v6-c-progress-stepper__step-title.pf-m-help-text:is(:hover, :focus) {
|
|
19352
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine);
|
|
19353
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle);
|
|
19262
19354
|
--pf-v6-c-progress-stepper__step-title--Color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color);
|
|
19263
19355
|
}
|
|
19264
19356
|
|
|
@@ -20015,7 +20107,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
20015
20107
|
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
|
|
20016
20108
|
--pf-v6-c-simple-list__item-link--m-current--Color: var(--pf-v6-c-simple-list__item-link--m-link--hover--Color);
|
|
20017
20109
|
}
|
|
20018
|
-
.pf-v6-c-simple-list__item-link:hover,
|
|
20110
|
+
.pf-v6-c-simple-list__item-link:is(:hover, :focus) {
|
|
20019
20111
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
|
|
20020
20112
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
|
|
20021
20113
|
text-decoration: none;
|
|
@@ -24562,7 +24654,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24562
24654
|
--pf-v6-c-tabs__link--after--BorderWidth: 0;
|
|
24563
24655
|
}
|
|
24564
24656
|
|
|
24565
|
-
.pf-v6-c-tabs__link:disabled, .pf-
|
|
24657
|
+
.pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
|
|
24566
24658
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
|
|
24567
24659
|
}
|
|
24568
24660
|
.pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
|
|
@@ -25135,15 +25227,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25135
25227
|
--pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
25136
25228
|
--pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
|
|
25137
25229
|
--pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
|
|
25138
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationLine:
|
|
25139
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle:
|
|
25140
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
|
|
25230
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
|
|
25231
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
|
|
25141
25232
|
--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
25142
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
|
|
25143
25233
|
--pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
|
|
25144
|
-
--pf-v6-c-timestamp--m-help-text--
|
|
25145
|
-
--pf-v6-c-timestamp--m-help-text--hover--
|
|
25146
|
-
--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
|
|
25234
|
+
--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
25235
|
+
--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
25147
25236
|
}
|
|
25148
25237
|
|
|
25149
25238
|
.pf-v6-c-timestamp {
|
|
@@ -25153,20 +25242,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25153
25242
|
outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
|
|
25154
25243
|
}
|
|
25155
25244
|
.pf-v6-c-timestamp.pf-m-help-text {
|
|
25156
|
-
text-decoration
|
|
25157
|
-
text-decoration-thickness: var(--pf-v6-c-timestamp--m-help-text--TextDecorationThickness);
|
|
25158
|
-
text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
|
|
25159
|
-
text-decoration-color: var(--pf-v6-c-timestamp--m-help-text--TextDecorationColor);
|
|
25245
|
+
text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
|
|
25160
25246
|
text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
|
|
25161
25247
|
cursor: pointer;
|
|
25162
25248
|
}
|
|
25163
|
-
.pf-v6-c-timestamp.pf-m-help-text:hover {
|
|
25249
|
+
.pf-v6-c-timestamp.pf-m-help-text:is(:hover, :focus) {
|
|
25164
25250
|
--pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
|
|
25165
|
-
--pf-v6-c-timestamp--m-help-text--
|
|
25166
|
-
|
|
25167
|
-
.pf-v6-c-timestamp.pf-m-help-text:focus {
|
|
25168
|
-
--pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--focus--Color);
|
|
25169
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor);
|
|
25251
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine);
|
|
25252
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
|
25170
25253
|
}
|
|
25171
25254
|
|
|
25172
25255
|
:where(:root, .pf-v6-c-title) {
|
|
@@ -25364,7 +25447,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25364
25447
|
border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
25365
25448
|
border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
25366
25449
|
}
|
|
25367
|
-
.pf-v6-c-toggle-group__button:hover,
|
|
25450
|
+
.pf-v6-c-toggle-group__button:is(:hover, :focus) {
|
|
25368
25451
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
|
25369
25452
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
|
25370
25453
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
|
@@ -25376,7 +25459,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25376
25459
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
|
|
25377
25460
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
|
|
25378
25461
|
}
|
|
25379
|
-
.pf-v6-c-toggle-group__button:disabled, .pf-
|
|
25462
|
+
.pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
|
|
25380
25463
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
|
|
25381
25464
|
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
|
|
25382
25465
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
|