@patternfly/patternfly 6.5.0-prerelease.32 → 6.5.0-prerelease.34
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/assets/fontawesome/_variables.scss +2 -1
- package/base/tokens/tokens-local.scss +1 -1
- package/components/AboutModalBox/about-modal-box.css +36 -26
- package/components/Accordion/accordion.css +16 -13
- package/components/Alert/alert.css +5 -4
- package/components/Avatar/avatar.css +12 -4
- package/components/BackgroundImage/background-image.css +6 -3
- package/components/Banner/banner.css +8 -6
- package/components/Brand/brand.css +3 -1
- package/components/Breadcrumb/breadcrumb.css +4 -3
- package/components/Button/button.css +6 -6
- package/components/CalendarMonth/calendar-month.css +4 -3
- package/components/Card/card.css +7 -6
- package/components/ClipboardCopy/clipboard-copy.css +4 -3
- package/components/CodeEditor/code-editor.css +1 -1
- package/components/CodeEditor/code-editor.scss +1 -1
- package/components/Compass/compass.css +6 -2
- package/components/DataList/data-list.css +28 -21
- package/components/DescriptionList/description-list-order.scss +5 -1
- package/components/DescriptionList/description-list.css +7 -5
- package/components/DescriptionList/description-list.scss +5 -1
- package/components/Divider/divider.css +7 -5
- package/components/Drawer/drawer.css +38 -28
- package/components/Drawer/drawer.scss +12 -4
- package/components/DualListSelector/dual-list-selector.css +17 -11
- package/components/ExpandableSection/expandable-section.css +16 -14
- package/components/ExpandableSection/expandable-section.scss +1 -1
- package/components/Form/form.css +1 -1
- package/components/Form/form.scss +1 -1
- package/components/FormControl/form-control.css +1 -1
- package/components/FormControl/form-control.scss +1 -1
- package/components/JumpLinks/jump-links.css +4 -3
- package/components/JumpLinks/jump-links.scss +5 -1
- package/components/Label/label-group.css +2 -2
- package/components/Label/label-group.scss +2 -2
- package/components/Label/label.css +4 -3
- package/components/Login/login.css +51 -37
- package/components/Masthead/masthead.css +32 -18
- package/components/Masthead/masthead.scss +8 -2
- package/components/Menu/menu.css +23 -14
- package/components/ModalBox/modal-box.css +9 -7
- package/components/ModalBox/modal-box.scss +2 -2
- package/components/Nav/nav.css +17 -9
- package/components/Nav/nav.scss +5 -0
- package/components/NotificationDrawer/notification-drawer.css +6 -6
- package/components/Page/page.css +35 -29
- package/components/Page/page.scss +17 -5
- package/components/Pagination/pagination.scss +5 -1
- package/components/ProgressStepper/progress-stepper.scss +5 -1
- package/components/Sidebar/sidebar.css +1 -1
- package/components/Sidebar/sidebar.scss +7 -3
- package/components/Skeleton/skeleton.css +16 -15
- package/components/Slider/slider.css +32 -18
- package/components/Switch/switch.css +3 -1
- package/components/Table/table-tree-view.css +4 -2
- package/components/Table/table.css +31 -27
- package/components/Tabs/tabs.css +17 -15
- package/components/Tabs/tabs.scss +12 -4
- package/components/Toolbar/toolbar.css +14 -8
- package/components/Toolbar/toolbar.scss +5 -1
- package/components/TreeView/tree-view.css +44 -13
- package/components/TreeView/tree-view.scss +31 -0
- package/components/Wizard/wizard.css +20 -16
- package/components/Wizard/wizard.scss +3 -3
- package/components/_index.css +613 -426
- package/docs/components/TreeView/examples/TreeView.md +38 -26
- package/layouts/Flex/flex.scss +83 -19
- package/layouts/Gallery/gallery.css +6 -2
- package/layouts/_index.css +6 -2
- package/package.json +4 -2
- package/patternfly-charts.css +3 -3
- package/patternfly-no-globals.css +604 -413
- package/patternfly.css +604 -413
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/functions.scss +32 -25
- package/sass-utilities/mixins.scss +36 -20
package/patternfly.css
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
@charset "UTF-8";
|
|
2
1
|
:where(html,
|
|
3
2
|
body,
|
|
4
3
|
p,
|
|
@@ -8920,31 +8919,6 @@ button) {
|
|
|
8920
8919
|
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8921
8920
|
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8922
8921
|
--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
8923
|
-
--pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
8924
|
-
--pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8925
|
-
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8926
|
-
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
8927
|
-
--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
8928
|
-
--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8929
|
-
--pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
|
|
8930
|
-
--pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
|
|
8931
|
-
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8932
|
-
--pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
8933
|
-
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
8934
|
-
--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8935
|
-
--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8936
|
-
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
8937
|
-
--pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
8938
|
-
--pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
|
|
8939
|
-
--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8940
|
-
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
8941
|
-
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8942
|
-
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
|
|
8943
|
-
--pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
8944
|
-
--pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8945
|
-
--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8946
|
-
--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
8947
|
-
--pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8948
8922
|
}
|
|
8949
8923
|
@media screen and (min-width: 36rem) {
|
|
8950
8924
|
.pf-v6-c-about-modal-box {
|
|
@@ -8953,6 +8927,14 @@ button) {
|
|
|
8953
8927
|
--pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
|
|
8954
8928
|
}
|
|
8955
8929
|
}
|
|
8930
|
+
.pf-v6-c-about-modal-box {
|
|
8931
|
+
--pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
8932
|
+
--pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8933
|
+
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8934
|
+
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
8935
|
+
--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
8936
|
+
--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8937
|
+
}
|
|
8956
8938
|
@media only screen and (min-width: 36rem) {
|
|
8957
8939
|
.pf-v6-c-about-modal-box {
|
|
8958
8940
|
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
|
|
@@ -8963,17 +8945,42 @@ button) {
|
|
|
8963
8945
|
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
|
|
8964
8946
|
}
|
|
8965
8947
|
}
|
|
8948
|
+
.pf-v6-c-about-modal-box {
|
|
8949
|
+
--pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
|
|
8950
|
+
--pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
|
|
8951
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8952
|
+
--pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
8953
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
8954
|
+
--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8955
|
+
--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8956
|
+
}
|
|
8966
8957
|
@media only screen and (min-width: 36rem) {
|
|
8967
8958
|
.pf-v6-c-about-modal-box {
|
|
8968
8959
|
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
|
|
8969
8960
|
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
|
|
8970
8961
|
}
|
|
8971
8962
|
}
|
|
8963
|
+
.pf-v6-c-about-modal-box {
|
|
8964
|
+
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
8965
|
+
--pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
8966
|
+
--pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
|
|
8967
|
+
--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8968
|
+
}
|
|
8972
8969
|
@media only screen and (min-width: 36rem) {
|
|
8973
8970
|
.pf-v6-c-about-modal-box {
|
|
8974
8971
|
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
|
|
8975
8972
|
}
|
|
8976
8973
|
}
|
|
8974
|
+
.pf-v6-c-about-modal-box {
|
|
8975
|
+
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
8976
|
+
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8977
|
+
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
|
|
8978
|
+
--pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
8979
|
+
--pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8980
|
+
--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8981
|
+
--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
8982
|
+
--pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8983
|
+
}
|
|
8977
8984
|
@media only screen and (min-width: 36rem) {
|
|
8978
8985
|
.pf-v6-c-about-modal-box {
|
|
8979
8986
|
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
|
|
@@ -8997,7 +9004,6 @@ button) {
|
|
|
8997
9004
|
background-repeat: no-repeat;
|
|
8998
9005
|
background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
|
|
8999
9006
|
background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
|
|
9000
|
-
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
9001
9007
|
}
|
|
9002
9008
|
@media only screen and (min-width: 36rem) {
|
|
9003
9009
|
.pf-v6-c-about-modal-box {
|
|
@@ -9013,6 +9019,9 @@ button) {
|
|
|
9013
9019
|
grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
|
|
9014
9020
|
}
|
|
9015
9021
|
}
|
|
9022
|
+
.pf-v6-c-about-modal-box {
|
|
9023
|
+
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
9024
|
+
}
|
|
9016
9025
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
|
|
9017
9026
|
--pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
|
|
9018
9027
|
}
|
|
@@ -9153,6 +9162,18 @@ button) {
|
|
|
9153
9162
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
|
|
9154
9163
|
--pf-v6-c-accordion__expandable-content--TranslateY: 0;
|
|
9155
9164
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
|
|
9165
|
+
}
|
|
9166
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
9167
|
+
.pf-v6-c-accordion {
|
|
9168
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9169
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9170
|
+
--pf-v6-c-accordion__item--before--TranslateY: -.5rem;
|
|
9171
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9172
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9173
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
|
9174
|
+
}
|
|
9175
|
+
}
|
|
9176
|
+
.pf-v6-c-accordion {
|
|
9156
9177
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
9157
9178
|
--pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
9158
9179
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -9178,16 +9199,6 @@ button) {
|
|
|
9178
9199
|
--pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9179
9200
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
9180
9201
|
}
|
|
9181
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
9182
|
-
.pf-v6-c-accordion {
|
|
9183
|
-
--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9184
|
-
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9185
|
-
--pf-v6-c-accordion__item--before--TranslateY: -.5rem;
|
|
9186
|
-
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9187
|
-
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9188
|
-
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
|
9189
|
-
}
|
|
9190
|
-
}
|
|
9191
9202
|
|
|
9192
9203
|
.pf-v6-c-accordion {
|
|
9193
9204
|
display: flex;
|
|
@@ -9298,13 +9309,14 @@ button) {
|
|
|
9298
9309
|
color: var(--pf-v6-c-accordion__toggle-text--Color);
|
|
9299
9310
|
}
|
|
9300
9311
|
|
|
9312
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
|
|
9313
|
+
scale: -1 1;
|
|
9314
|
+
}
|
|
9315
|
+
|
|
9301
9316
|
.pf-v6-c-accordion__toggle-icon {
|
|
9302
9317
|
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9303
9318
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
9304
9319
|
}
|
|
9305
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
|
|
9306
|
-
scale: -1 1;
|
|
9307
|
-
}
|
|
9308
9320
|
|
|
9309
9321
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
9310
9322
|
display: revert;
|
|
@@ -9524,14 +9536,15 @@ button) {
|
|
|
9524
9536
|
margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
|
|
9525
9537
|
}
|
|
9526
9538
|
|
|
9539
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
|
|
9540
|
+
scale: -1 1;
|
|
9541
|
+
}
|
|
9542
|
+
|
|
9527
9543
|
.pf-v6-c-alert__toggle-icon {
|
|
9528
9544
|
display: inline-block;
|
|
9529
9545
|
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
9530
9546
|
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
9531
9547
|
}
|
|
9532
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
|
|
9533
|
-
scale: -1 1;
|
|
9534
|
-
}
|
|
9535
9548
|
|
|
9536
9549
|
.pf-v6-c-alert__icon {
|
|
9537
9550
|
grid-area: icon;
|
|
@@ -9548,9 +9561,9 @@ button) {
|
|
|
9548
9561
|
}
|
|
9549
9562
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
9550
9563
|
display: -webkit-box;
|
|
9564
|
+
overflow: hidden;
|
|
9551
9565
|
-webkit-box-orient: vertical;
|
|
9552
9566
|
-webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
|
|
9553
|
-
overflow: hidden;
|
|
9554
9567
|
}
|
|
9555
9568
|
|
|
9556
9569
|
.pf-v6-c-alert__description {
|
|
@@ -9787,7 +9800,6 @@ button) {
|
|
|
9787
9800
|
}
|
|
9788
9801
|
.pf-v6-c-avatar.pf-m-sm {
|
|
9789
9802
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width);
|
|
9790
|
-
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
|
|
9791
9803
|
}
|
|
9792
9804
|
@media (min-width: 36rem) {
|
|
9793
9805
|
.pf-v6-c-avatar.pf-m-sm {
|
|
@@ -9814,6 +9826,9 @@ button) {
|
|
|
9814
9826
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-2xl, var(--pf-v6-c-avatar--m-sm--Width-on-xl, var(--pf-v6-c-avatar--m-sm--Width-on-lg, var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width))))));
|
|
9815
9827
|
}
|
|
9816
9828
|
}
|
|
9829
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
9830
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
|
|
9831
|
+
}
|
|
9817
9832
|
@media (min-width: 36rem) {
|
|
9818
9833
|
.pf-v6-c-avatar.pf-m-sm {
|
|
9819
9834
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height));
|
|
@@ -9841,7 +9856,6 @@ button) {
|
|
|
9841
9856
|
}
|
|
9842
9857
|
.pf-v6-c-avatar.pf-m-md {
|
|
9843
9858
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width);
|
|
9844
|
-
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
|
|
9845
9859
|
}
|
|
9846
9860
|
@media (min-width: 36rem) {
|
|
9847
9861
|
.pf-v6-c-avatar.pf-m-md {
|
|
@@ -9868,6 +9882,9 @@ button) {
|
|
|
9868
9882
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width-on-2xl, var(--pf-v6-c-avatar--m-md--Width-on-xl, var(--pf-v6-c-avatar--m-md--Width-on-lg, var(--pf-v6-c-avatar--m-md--Width-on-md, var(--pf-v6-c-avatar--m-md--Width-on-sm, var(--pf-v6-c-avatar--m-md--Width))))));
|
|
9869
9883
|
}
|
|
9870
9884
|
}
|
|
9885
|
+
.pf-v6-c-avatar.pf-m-md {
|
|
9886
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
|
|
9887
|
+
}
|
|
9871
9888
|
@media (min-width: 36rem) {
|
|
9872
9889
|
.pf-v6-c-avatar.pf-m-md {
|
|
9873
9890
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height));
|
|
@@ -9895,7 +9912,6 @@ button) {
|
|
|
9895
9912
|
}
|
|
9896
9913
|
.pf-v6-c-avatar.pf-m-lg {
|
|
9897
9914
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width);
|
|
9898
|
-
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
|
|
9899
9915
|
}
|
|
9900
9916
|
@media (min-width: 36rem) {
|
|
9901
9917
|
.pf-v6-c-avatar.pf-m-lg {
|
|
@@ -9922,6 +9938,9 @@ button) {
|
|
|
9922
9938
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-2xl, var(--pf-v6-c-avatar--m-lg--Width-on-xl, var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width))))));
|
|
9923
9939
|
}
|
|
9924
9940
|
}
|
|
9941
|
+
.pf-v6-c-avatar.pf-m-lg {
|
|
9942
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
|
|
9943
|
+
}
|
|
9925
9944
|
@media (min-width: 36rem) {
|
|
9926
9945
|
.pf-v6-c-avatar.pf-m-lg {
|
|
9927
9946
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height));
|
|
@@ -9949,7 +9968,6 @@ button) {
|
|
|
9949
9968
|
}
|
|
9950
9969
|
.pf-v6-c-avatar.pf-m-xl {
|
|
9951
9970
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width);
|
|
9952
|
-
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
|
|
9953
9971
|
}
|
|
9954
9972
|
@media (min-width: 36rem) {
|
|
9955
9973
|
.pf-v6-c-avatar.pf-m-xl {
|
|
@@ -9976,6 +9994,9 @@ button) {
|
|
|
9976
9994
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-2xl, var(--pf-v6-c-avatar--m-xl--Width-on-xl, var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width))))));
|
|
9977
9995
|
}
|
|
9978
9996
|
}
|
|
9997
|
+
.pf-v6-c-avatar.pf-m-xl {
|
|
9998
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
|
|
9999
|
+
}
|
|
9979
10000
|
@media (min-width: 36rem) {
|
|
9980
10001
|
.pf-v6-c-avatar.pf-m-xl {
|
|
9981
10002
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height));
|
|
@@ -10033,6 +10054,12 @@ button) {
|
|
|
10033
10054
|
|
|
10034
10055
|
.pf-v6-c-background-image {
|
|
10035
10056
|
--pf-v6-c-background-image--BackgroundPosition: bottom right;
|
|
10057
|
+
}
|
|
10058
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
|
|
10059
|
+
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
10060
|
+
}
|
|
10061
|
+
|
|
10062
|
+
.pf-v6-c-background-image {
|
|
10036
10063
|
position: fixed;
|
|
10037
10064
|
inset-block-start: 0;
|
|
10038
10065
|
inset-inline-start: 0;
|
|
@@ -10045,9 +10072,6 @@ button) {
|
|
|
10045
10072
|
background-position: var(--pf-v6-c-background-image--BackgroundPosition);
|
|
10046
10073
|
background-size: var(--pf-v6-c-background-image--BackgroundSize);
|
|
10047
10074
|
}
|
|
10048
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
|
|
10049
|
-
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
10050
|
-
}
|
|
10051
10075
|
|
|
10052
10076
|
.pf-v6-c-back-to-top {
|
|
10053
10077
|
--pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
@@ -10165,6 +10189,14 @@ button) {
|
|
|
10165
10189
|
--pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
10166
10190
|
--pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10167
10191
|
--pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
10192
|
+
}
|
|
10193
|
+
@media (min-width: 48rem) {
|
|
10194
|
+
.pf-v6-c-banner {
|
|
10195
|
+
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
|
|
10196
|
+
--pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
|
|
10197
|
+
}
|
|
10198
|
+
}
|
|
10199
|
+
.pf-v6-c-banner {
|
|
10168
10200
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
10169
10201
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
10170
10202
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
@@ -10198,12 +10230,6 @@ button) {
|
|
|
10198
10230
|
--pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
10199
10231
|
--pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
10200
10232
|
}
|
|
10201
|
-
@media (min-width: 48rem) {
|
|
10202
|
-
.pf-v6-c-banner {
|
|
10203
|
-
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
|
|
10204
|
-
--pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
|
|
10205
|
-
}
|
|
10206
|
-
}
|
|
10207
10233
|
|
|
10208
10234
|
.pf-v6-c-banner {
|
|
10209
10235
|
flex-shrink: 0;
|
|
@@ -10306,7 +10332,6 @@ button) {
|
|
|
10306
10332
|
width: var(--pf-v6-c-brand--Width--base);
|
|
10307
10333
|
height: var(--pf-v6-c-brand--Height--base);
|
|
10308
10334
|
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
|
|
10309
|
-
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
|
|
10310
10335
|
}
|
|
10311
10336
|
@media (min-width: 36rem) {
|
|
10312
10337
|
.pf-v6-c-brand {
|
|
@@ -10333,6 +10358,9 @@ button) {
|
|
|
10333
10358
|
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
|
|
10334
10359
|
}
|
|
10335
10360
|
}
|
|
10361
|
+
.pf-v6-c-brand {
|
|
10362
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
|
|
10363
|
+
}
|
|
10336
10364
|
@media (min-width: 36rem) {
|
|
10337
10365
|
.pf-v6-c-brand {
|
|
10338
10366
|
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
|
|
@@ -10413,15 +10441,16 @@ button) {
|
|
|
10413
10441
|
margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
|
|
10414
10442
|
}
|
|
10415
10443
|
|
|
10444
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
|
|
10445
|
+
scale: -1 1;
|
|
10446
|
+
}
|
|
10447
|
+
|
|
10416
10448
|
.pf-v6-c-breadcrumb__item-divider {
|
|
10417
10449
|
margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
|
|
10418
10450
|
font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
|
|
10419
10451
|
line-height: 1;
|
|
10420
10452
|
color: var(--pf-v6-c-breadcrumb__item-divider--Color);
|
|
10421
10453
|
}
|
|
10422
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
|
|
10423
|
-
scale: -1 1;
|
|
10424
|
-
}
|
|
10425
10454
|
|
|
10426
10455
|
.pf-v6-c-breadcrumb__link {
|
|
10427
10456
|
padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
|
|
@@ -10923,6 +10952,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10923
10952
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
|
|
10924
10953
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
|
|
10925
10954
|
}
|
|
10955
|
+
span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
10956
|
+
--pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
|
|
10957
|
+
--pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
|
|
10958
|
+
--pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
|
|
10959
|
+
}
|
|
10960
|
+
|
|
10926
10961
|
.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
10927
10962
|
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
|
|
10928
10963
|
--pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
|
|
@@ -10962,12 +10997,6 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10962
10997
|
background: transparent;
|
|
10963
10998
|
outline-offset: 0.125rem;
|
|
10964
10999
|
}
|
|
10965
|
-
span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
10966
|
-
--pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
|
|
10967
|
-
--pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
|
|
10968
|
-
--pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
|
|
10969
|
-
}
|
|
10970
|
-
|
|
10971
11000
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
10972
11001
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
10973
11002
|
}
|
|
@@ -11440,13 +11469,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11440
11469
|
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
11441
11470
|
}
|
|
11442
11471
|
|
|
11472
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
11473
|
+
scale: -1 1;
|
|
11474
|
+
}
|
|
11475
|
+
|
|
11443
11476
|
.pf-v6-c-calendar-month__header-nav-control {
|
|
11444
11477
|
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
11445
11478
|
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
11446
11479
|
}
|
|
11447
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
11448
|
-
scale: -1 1;
|
|
11449
|
-
}
|
|
11450
11480
|
|
|
11451
11481
|
.pf-v6-c-calendar-month__header-month {
|
|
11452
11482
|
flex-grow: 1;
|
|
@@ -11796,12 +11826,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11796
11826
|
flex-wrap: wrap;
|
|
11797
11827
|
row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
|
|
11798
11828
|
}
|
|
11799
|
-
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
11800
|
-
margin-inline-start: 0;
|
|
11801
|
-
}
|
|
11802
11829
|
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
|
|
11803
11830
|
margin-inline-end: auto;
|
|
11804
11831
|
}
|
|
11832
|
+
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
11833
|
+
margin-inline-start: 0;
|
|
11834
|
+
}
|
|
11805
11835
|
|
|
11806
11836
|
.pf-v6-c-card__header-main {
|
|
11807
11837
|
flex-grow: 1;
|
|
@@ -11815,15 +11845,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11815
11845
|
margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
|
|
11816
11846
|
}
|
|
11817
11847
|
|
|
11848
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
|
|
11849
|
+
scale: -1 1;
|
|
11850
|
+
}
|
|
11851
|
+
|
|
11818
11852
|
.pf-v6-c-card__header-toggle-icon {
|
|
11819
11853
|
display: inline-block;
|
|
11820
11854
|
transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
|
|
11821
11855
|
transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
|
|
11822
11856
|
transition-property: transform;
|
|
11823
11857
|
}
|
|
11824
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
|
|
11825
|
-
scale: -1 1;
|
|
11826
|
-
}
|
|
11827
11858
|
|
|
11828
11859
|
.pf-v6-c-card__title-text {
|
|
11829
11860
|
font-family: var(--pf-v6-c-card__title-text--FontFamily);
|
|
@@ -12089,13 +12120,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12089
12120
|
gap: var(--pf-v6-c-clipboard-copy__group--Gap);
|
|
12090
12121
|
}
|
|
12091
12122
|
|
|
12092
|
-
.pf-v6-c-clipboard-copy__toggle-icon {
|
|
12093
|
-
transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
|
|
12094
|
-
}
|
|
12095
12123
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
|
|
12096
12124
|
scale: -1 1;
|
|
12097
12125
|
}
|
|
12098
12126
|
|
|
12127
|
+
.pf-v6-c-clipboard-copy__toggle-icon {
|
|
12128
|
+
transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
|
|
12129
|
+
}
|
|
12130
|
+
|
|
12099
12131
|
.pf-v6-c-clipboard-copy__expandable-content {
|
|
12100
12132
|
padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
|
|
12101
12133
|
padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
|
|
@@ -12266,8 +12298,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12266
12298
|
|
|
12267
12299
|
.pf-v6-c-code-editor__container {
|
|
12268
12300
|
display: flex;
|
|
12269
|
-
flex-direction: column;
|
|
12270
12301
|
flex-grow: 1;
|
|
12302
|
+
flex-direction: column;
|
|
12271
12303
|
}
|
|
12272
12304
|
|
|
12273
12305
|
.pf-v6-c-code-editor__header {
|
|
@@ -12594,23 +12626,27 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12594
12626
|
}
|
|
12595
12627
|
.pf-v6-c-compass__sidebar.pf-m-start {
|
|
12596
12628
|
translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
|
|
12597
|
-
grid-area: sidebar-start;
|
|
12598
12629
|
}
|
|
12599
12630
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-start {
|
|
12600
12631
|
translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
|
|
12601
12632
|
}
|
|
12602
12633
|
|
|
12634
|
+
.pf-v6-c-compass__sidebar.pf-m-start {
|
|
12635
|
+
grid-area: sidebar-start;
|
|
12636
|
+
}
|
|
12603
12637
|
.pf-v6-c-compass__sidebar.pf-m-start.pf-m-expanded {
|
|
12604
12638
|
margin-inline-end: var(--pf-v6-c-compass--Gap);
|
|
12605
12639
|
}
|
|
12606
12640
|
.pf-v6-c-compass__sidebar.pf-m-end {
|
|
12607
12641
|
translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
|
|
12608
|
-
grid-area: sidebar-end;
|
|
12609
12642
|
}
|
|
12610
12643
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-end {
|
|
12611
12644
|
translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
|
|
12612
12645
|
}
|
|
12613
12646
|
|
|
12647
|
+
.pf-v6-c-compass__sidebar.pf-m-end {
|
|
12648
|
+
grid-area: sidebar-end;
|
|
12649
|
+
}
|
|
12614
12650
|
.pf-v6-c-compass__sidebar.pf-m-end.pf-m-expanded {
|
|
12615
12651
|
margin-inline-start: var(--pf-v6-c-compass--Gap);
|
|
12616
12652
|
}
|
|
@@ -13419,6 +13455,14 @@ ul) {
|
|
|
13419
13455
|
--pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
13420
13456
|
--pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
13421
13457
|
--pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
13458
|
+
}
|
|
13459
|
+
@media screen and (min-width: 36rem) {
|
|
13460
|
+
.pf-v6-c-data-list {
|
|
13461
|
+
--pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
|
|
13462
|
+
--pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
|
|
13463
|
+
}
|
|
13464
|
+
}
|
|
13465
|
+
.pf-v6-c-data-list {
|
|
13422
13466
|
--pf-v6-c-data-list__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
13423
13467
|
--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
|
|
13424
13468
|
--pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
@@ -13428,6 +13472,14 @@ ul) {
|
|
|
13428
13472
|
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
|
|
13429
13473
|
--pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
13430
13474
|
--pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
13475
|
+
}
|
|
13476
|
+
@media screen and (min-width: 36rem) {
|
|
13477
|
+
.pf-v6-c-data-list {
|
|
13478
|
+
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
|
|
13479
|
+
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
|
|
13480
|
+
}
|
|
13481
|
+
}
|
|
13482
|
+
.pf-v6-c-data-list {
|
|
13431
13483
|
--pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
13432
13484
|
--pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
13433
13485
|
--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -13523,18 +13575,6 @@ ul) {
|
|
|
13523
13575
|
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
13524
13576
|
--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
13525
13577
|
}
|
|
13526
|
-
@media screen and (min-width: 36rem) {
|
|
13527
|
-
.pf-v6-c-data-list {
|
|
13528
|
-
--pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
|
|
13529
|
-
--pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
|
|
13530
|
-
}
|
|
13531
|
-
}
|
|
13532
|
-
@media screen and (min-width: 36rem) {
|
|
13533
|
-
.pf-v6-c-data-list {
|
|
13534
|
-
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
|
|
13535
|
-
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
|
|
13536
|
-
}
|
|
13537
|
-
}
|
|
13538
13578
|
|
|
13539
13579
|
.pf-v6-c-data-list {
|
|
13540
13580
|
font-size: var(--pf-v6-c-data-list--FontSize);
|
|
@@ -13697,12 +13737,6 @@ ul) {
|
|
|
13697
13737
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
13698
13738
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
13699
13739
|
display: var(--pf-v6-hidden-visible--Display);
|
|
13700
|
-
gap: var(--pf-v6-c-data-list__item-action--Gap);
|
|
13701
|
-
align-content: flex-start;
|
|
13702
|
-
align-items: flex-start;
|
|
13703
|
-
padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
|
|
13704
|
-
padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
|
|
13705
|
-
margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
|
|
13706
13740
|
}
|
|
13707
13741
|
.pf-v6-c-data-list__item-action.pf-m-hidden {
|
|
13708
13742
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -13747,6 +13781,14 @@ ul) {
|
|
|
13747
13781
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
13748
13782
|
}
|
|
13749
13783
|
}
|
|
13784
|
+
.pf-v6-c-data-list__item-action {
|
|
13785
|
+
gap: var(--pf-v6-c-data-list__item-action--Gap);
|
|
13786
|
+
align-content: flex-start;
|
|
13787
|
+
align-items: flex-start;
|
|
13788
|
+
padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
|
|
13789
|
+
padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
|
|
13790
|
+
margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
|
|
13791
|
+
}
|
|
13750
13792
|
|
|
13751
13793
|
.pf-v6-c-data-list__toggle {
|
|
13752
13794
|
margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
|
|
@@ -13754,15 +13796,16 @@ ul) {
|
|
|
13754
13796
|
margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginInlineStart);
|
|
13755
13797
|
}
|
|
13756
13798
|
|
|
13799
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
|
|
13800
|
+
scale: -1 1;
|
|
13801
|
+
}
|
|
13802
|
+
|
|
13757
13803
|
.pf-v6-c-data-list__toggle-icon {
|
|
13758
13804
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
13759
13805
|
pointer-events: none;
|
|
13760
13806
|
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
13761
13807
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
13762
13808
|
}
|
|
13763
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
|
|
13764
|
-
scale: -1 1;
|
|
13765
|
-
}
|
|
13766
13809
|
|
|
13767
13810
|
.pf-v6-c-data-list__item-content {
|
|
13768
13811
|
display: grid;
|
|
@@ -13857,6 +13900,13 @@ ul) {
|
|
|
13857
13900
|
--pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
13858
13901
|
--pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13859
13902
|
--pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
13903
|
+
}
|
|
13904
|
+
@media screen and (min-width: 36rem) {
|
|
13905
|
+
.pf-v6-c-description-list {
|
|
13906
|
+
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
|
13907
|
+
}
|
|
13908
|
+
}
|
|
13909
|
+
.pf-v6-c-description-list {
|
|
13860
13910
|
--pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
|
|
13861
13911
|
--pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
13862
13912
|
--pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
@@ -13885,11 +13935,6 @@ ul) {
|
|
|
13885
13935
|
--pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
|
|
13886
13936
|
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
13887
13937
|
}
|
|
13888
|
-
@media screen and (min-width: 36rem) {
|
|
13889
|
-
.pf-v6-c-description-list {
|
|
13890
|
-
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
|
13891
|
-
}
|
|
13892
|
-
}
|
|
13893
13938
|
@media (min-width: 36rem) {
|
|
13894
13939
|
.pf-v6-c-description-list {
|
|
13895
13940
|
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
|
|
@@ -14271,6 +14316,15 @@ ul) {
|
|
|
14271
14316
|
--pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
|
|
14272
14317
|
--pf-v6-c-dual-list-selector__list--TranslateY: 0;
|
|
14273
14318
|
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
|
14319
|
+
}
|
|
14320
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14321
|
+
.pf-v6-c-dual-list-selector {
|
|
14322
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
14323
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
14324
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
|
|
14325
|
+
}
|
|
14326
|
+
}
|
|
14327
|
+
.pf-v6-c-dual-list-selector {
|
|
14274
14328
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
14275
14329
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
14276
14330
|
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
@@ -14312,13 +14366,6 @@ ul) {
|
|
|
14312
14366
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
14313
14367
|
--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
14314
14368
|
}
|
|
14315
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14316
|
-
.pf-v6-c-dual-list-selector {
|
|
14317
|
-
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
14318
|
-
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
14319
|
-
--pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
|
|
14320
|
-
}
|
|
14321
|
-
}
|
|
14322
14369
|
|
|
14323
14370
|
.pf-v6-c-dual-list-selector {
|
|
14324
14371
|
display: grid;
|
|
@@ -14389,8 +14436,6 @@ ul) {
|
|
|
14389
14436
|
|
|
14390
14437
|
.pf-v6-c-dual-list-selector__list {
|
|
14391
14438
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
14392
|
-
display: flex;
|
|
14393
|
-
flex-direction: column;
|
|
14394
14439
|
}
|
|
14395
14440
|
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list {
|
|
14396
14441
|
--pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart: 0;
|
|
@@ -14398,16 +14443,22 @@ ul) {
|
|
|
14398
14443
|
}
|
|
14399
14444
|
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
|
|
14400
14445
|
transform: translateX(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX));
|
|
14401
|
-
position: absolute;
|
|
14402
|
-
inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
|
|
14403
14446
|
}
|
|
14404
14447
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
|
|
14405
14448
|
transform: translateX(calc(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
14406
14449
|
}
|
|
14407
14450
|
|
|
14451
|
+
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
|
|
14452
|
+
position: absolute;
|
|
14453
|
+
inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
|
|
14454
|
+
}
|
|
14408
14455
|
.pf-v6-c-dual-list-selector__list.pf-m-drag-over {
|
|
14409
14456
|
overflow-anchor: none;
|
|
14410
14457
|
}
|
|
14458
|
+
.pf-v6-c-dual-list-selector__list {
|
|
14459
|
+
display: flex;
|
|
14460
|
+
flex-direction: column;
|
|
14461
|
+
}
|
|
14411
14462
|
|
|
14412
14463
|
.pf-v6-c-dual-list-selector__list-item:focus-visible {
|
|
14413
14464
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
|
@@ -14692,11 +14743,6 @@ ul) {
|
|
|
14692
14743
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
14693
14744
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
14694
14745
|
display: var(--pf-v6-hidden-visible--Display);
|
|
14695
|
-
flex-shrink: 0;
|
|
14696
|
-
align-items: stretch;
|
|
14697
|
-
align-self: stretch;
|
|
14698
|
-
justify-content: center;
|
|
14699
|
-
border: 0;
|
|
14700
14746
|
}
|
|
14701
14747
|
.pf-v6-c-divider.pf-m-hidden {
|
|
14702
14748
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -14741,6 +14787,13 @@ ul) {
|
|
|
14741
14787
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
14742
14788
|
}
|
|
14743
14789
|
}
|
|
14790
|
+
.pf-v6-c-divider {
|
|
14791
|
+
flex-shrink: 0;
|
|
14792
|
+
align-items: stretch;
|
|
14793
|
+
align-self: stretch;
|
|
14794
|
+
justify-content: center;
|
|
14795
|
+
border: 0;
|
|
14796
|
+
}
|
|
14744
14797
|
.pf-v6-c-divider::before {
|
|
14745
14798
|
flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
|
|
14746
14799
|
content: "";
|
|
@@ -15042,6 +15095,19 @@ ul) {
|
|
|
15042
15095
|
--pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--default);
|
|
15043
15096
|
--pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
|
|
15044
15097
|
--pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
|
|
15098
|
+
}
|
|
15099
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
15100
|
+
.pf-v6-c-drawer {
|
|
15101
|
+
--pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
|
|
15102
|
+
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
|
|
15103
|
+
--pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
15104
|
+
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
15105
|
+
--pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
|
|
15106
|
+
--pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
|
|
15107
|
+
--pf-v6-c-drawer__panel--Opacity: 1;
|
|
15108
|
+
}
|
|
15109
|
+
}
|
|
15110
|
+
.pf-v6-c-drawer {
|
|
15045
15111
|
--pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
15046
15112
|
--pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
15047
15113
|
--pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -15104,6 +15170,17 @@ ul) {
|
|
|
15104
15170
|
--pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
|
|
15105
15171
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
|
|
15106
15172
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
|
|
15173
|
+
}
|
|
15174
|
+
@media screen and (min-width: 75rem) {
|
|
15175
|
+
.pf-v6-c-drawer {
|
|
15176
|
+
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
|
15177
|
+
}
|
|
15178
|
+
.pf-v6-c-drawer.pf-m-panel-bottom {
|
|
15179
|
+
--pf-v6-c-drawer__panel--MinWidth: auto;
|
|
15180
|
+
--pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
|
|
15181
|
+
}
|
|
15182
|
+
}
|
|
15183
|
+
.pf-v6-c-drawer {
|
|
15107
15184
|
--pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
|
|
15108
15185
|
--pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
|
|
15109
15186
|
--pf-v6-c-drawer__panel--BoxShadow: none;
|
|
@@ -15118,43 +15195,27 @@ ul) {
|
|
|
15118
15195
|
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
|
|
15119
15196
|
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
|
|
15120
15197
|
}
|
|
15121
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
15122
|
-
.pf-v6-c-drawer {
|
|
15123
|
-
--pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
|
|
15124
|
-
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
|
|
15125
|
-
--pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
15126
|
-
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
15127
|
-
--pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
|
|
15128
|
-
--pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
|
|
15129
|
-
--pf-v6-c-drawer__panel--Opacity: 1;
|
|
15130
|
-
}
|
|
15131
|
-
}
|
|
15132
|
-
@media screen and (min-width: 75rem) {
|
|
15133
|
-
.pf-v6-c-drawer {
|
|
15134
|
-
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
|
15135
|
-
}
|
|
15136
|
-
.pf-v6-c-drawer.pf-m-panel-bottom {
|
|
15137
|
-
--pf-v6-c-drawer__panel--MinWidth: auto;
|
|
15138
|
-
--pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
|
|
15139
|
-
}
|
|
15140
|
-
}
|
|
15141
15198
|
|
|
15142
15199
|
.pf-v6-c-drawer {
|
|
15143
15200
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
|
|
15144
|
-
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
15145
|
-
display: flex;
|
|
15146
|
-
flex-direction: column;
|
|
15147
|
-
height: 100%;
|
|
15148
|
-
overflow-x: hidden;
|
|
15149
15201
|
}
|
|
15150
15202
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
|
15151
15203
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
15152
15204
|
}
|
|
15153
15205
|
|
|
15206
|
+
.pf-v6-c-drawer {
|
|
15207
|
+
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
15208
|
+
}
|
|
15154
15209
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
|
15155
15210
|
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
|
|
15156
15211
|
}
|
|
15157
15212
|
|
|
15213
|
+
.pf-v6-c-drawer {
|
|
15214
|
+
display: flex;
|
|
15215
|
+
flex-direction: column;
|
|
15216
|
+
height: 100%;
|
|
15217
|
+
overflow-x: hidden;
|
|
15218
|
+
}
|
|
15158
15219
|
.pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
|
|
15159
15220
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
|
|
15160
15221
|
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
@@ -15184,13 +15245,15 @@ ul) {
|
|
|
15184
15245
|
}
|
|
15185
15246
|
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15186
15247
|
transform: translateX(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15187
|
-
--pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
|
|
15188
|
-
visibility: visible;
|
|
15189
15248
|
}
|
|
15190
15249
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15191
15250
|
transform: translateX(calc(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)) * var(--pf-v6-global--inverse--multiplier)));
|
|
15192
15251
|
}
|
|
15193
15252
|
|
|
15253
|
+
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15254
|
+
--pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
|
|
15255
|
+
visibility: visible;
|
|
15256
|
+
}
|
|
15194
15257
|
.pf-v6-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15195
15258
|
transform: translateX(0);
|
|
15196
15259
|
}
|
|
@@ -15247,8 +15310,8 @@ ul) {
|
|
|
15247
15310
|
.pf-v6-c-drawer__panel,
|
|
15248
15311
|
.pf-v6-c-drawer__panel-main {
|
|
15249
15312
|
display: flex;
|
|
15250
|
-
flex-direction: column;
|
|
15251
15313
|
flex-shrink: 0;
|
|
15314
|
+
flex-direction: column;
|
|
15252
15315
|
overflow: auto;
|
|
15253
15316
|
}
|
|
15254
15317
|
|
|
@@ -16055,6 +16118,17 @@ ul) {
|
|
|
16055
16118
|
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
|
|
16056
16119
|
--pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
|
|
16057
16120
|
--pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
|
|
16121
|
+
}
|
|
16122
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
16123
|
+
.pf-v6-c-expandable-section {
|
|
16124
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
16125
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
16126
|
+
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
|
16127
|
+
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
|
|
16128
|
+
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
|
|
16129
|
+
}
|
|
16130
|
+
}
|
|
16131
|
+
.pf-v6-c-expandable-section {
|
|
16058
16132
|
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
|
16059
16133
|
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
16060
16134
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -16071,15 +16145,6 @@ ul) {
|
|
|
16071
16145
|
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
16072
16146
|
--pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
|
|
16073
16147
|
}
|
|
16074
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
16075
|
-
.pf-v6-c-expandable-section {
|
|
16076
|
-
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
16077
|
-
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
16078
|
-
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
|
16079
|
-
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
|
|
16080
|
-
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
|
|
16081
|
-
}
|
|
16082
|
-
}
|
|
16083
16148
|
|
|
16084
16149
|
.pf-v6-c-expandable-section {
|
|
16085
16150
|
display: flex;
|
|
@@ -16138,9 +16203,13 @@ ul) {
|
|
|
16138
16203
|
}
|
|
16139
16204
|
.pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
|
|
16140
16205
|
display: -webkit-box;
|
|
16206
|
+
overflow: hidden;
|
|
16141
16207
|
-webkit-box-orient: vertical;
|
|
16142
16208
|
-webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
|
|
16143
|
-
|
|
16209
|
+
}
|
|
16210
|
+
|
|
16211
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
16212
|
+
scale: -1 1;
|
|
16144
16213
|
}
|
|
16145
16214
|
|
|
16146
16215
|
.pf-v6-c-expandable-section__toggle-icon {
|
|
@@ -16150,10 +16219,6 @@ ul) {
|
|
|
16150
16219
|
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
16151
16220
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
16152
16221
|
}
|
|
16153
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
16154
|
-
scale: -1 1;
|
|
16155
|
-
}
|
|
16156
|
-
|
|
16157
16222
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
16158
16223
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
16159
16224
|
}
|
|
@@ -16736,8 +16801,8 @@ ul) {
|
|
|
16736
16801
|
|
|
16737
16802
|
.pf-v6-c-form__field-group-header-main {
|
|
16738
16803
|
display: flex;
|
|
16739
|
-
flex-direction: column;
|
|
16740
16804
|
flex-grow: 1;
|
|
16805
|
+
flex-direction: column;
|
|
16741
16806
|
}
|
|
16742
16807
|
|
|
16743
16808
|
.pf-v6-c-form__field-group-header-title {
|
|
@@ -16978,8 +17043,8 @@ ul) {
|
|
|
16978
17043
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
|
|
16979
17044
|
}
|
|
16980
17045
|
.pf-v6-c-form-control.pf-m-textarea > textarea {
|
|
16981
|
-
outline-offset: 0;
|
|
16982
17046
|
scrollbar-gutter: stable;
|
|
17047
|
+
outline-offset: 0;
|
|
16983
17048
|
}
|
|
16984
17049
|
.pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
|
|
16985
17050
|
padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
|
|
@@ -18122,6 +18187,10 @@ label.pf-v6-c-input-group__text {
|
|
|
18122
18187
|
margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
|
|
18123
18188
|
}
|
|
18124
18189
|
|
|
18190
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
18191
|
+
scale: -1 1;
|
|
18192
|
+
}
|
|
18193
|
+
|
|
18125
18194
|
.pf-v6-c-jump-links__toggle-icon {
|
|
18126
18195
|
display: inline-block;
|
|
18127
18196
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
@@ -18130,9 +18199,6 @@ label.pf-v6-c-input-group__text {
|
|
|
18130
18199
|
transition-property: transform;
|
|
18131
18200
|
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
18132
18201
|
}
|
|
18133
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
18134
|
-
scale: -1 1;
|
|
18135
|
-
}
|
|
18136
18202
|
|
|
18137
18203
|
.pf-v6-c-label {
|
|
18138
18204
|
--pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -18629,6 +18695,10 @@ input.pf-v6-c-label__content {
|
|
|
18629
18695
|
.pf-v6-c-label__actions {
|
|
18630
18696
|
margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
|
|
18631
18697
|
}
|
|
18698
|
+
.pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
|
|
18699
|
+
--pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
|
|
18700
|
+
}
|
|
18701
|
+
|
|
18632
18702
|
.pf-v6-c-label__actions .pf-v6-c-button {
|
|
18633
18703
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
|
|
18634
18704
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
|
|
@@ -18639,9 +18709,6 @@ input.pf-v6-c-label__content {
|
|
|
18639
18709
|
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
|
18640
18710
|
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
18641
18711
|
}
|
|
18642
|
-
.pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
|
|
18643
|
-
--pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
|
|
18644
|
-
}
|
|
18645
18712
|
|
|
18646
18713
|
.pf-v6-c-label-group {
|
|
18647
18714
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -18782,9 +18849,9 @@ input.pf-v6-c-label__content {
|
|
|
18782
18849
|
padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
|
|
18783
18850
|
white-space: nowrap;
|
|
18784
18851
|
resize: none;
|
|
18785
|
-
border: 0;
|
|
18786
|
-
-ms-overflow-style: none;
|
|
18787
18852
|
scrollbar-width: none;
|
|
18853
|
+
-ms-overflow-style: none;
|
|
18854
|
+
border: 0;
|
|
18788
18855
|
}
|
|
18789
18856
|
.pf-v6-c-label-group__textarea::-webkit-scrollbar {
|
|
18790
18857
|
display: none;
|
|
@@ -18870,18 +18937,48 @@ ul.pf-v6-c-list {
|
|
|
18870
18937
|
--pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
|
|
18871
18938
|
--pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
|
|
18872
18939
|
--pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
|
|
18940
|
+
}
|
|
18941
|
+
@media (min-width: 75rem) {
|
|
18942
|
+
.pf-v6-c-login {
|
|
18943
|
+
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
18944
|
+
}
|
|
18945
|
+
}
|
|
18946
|
+
.pf-v6-c-login {
|
|
18873
18947
|
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
18874
18948
|
--pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18875
18949
|
--pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
18950
|
+
}
|
|
18951
|
+
@media (min-width: 36rem) {
|
|
18952
|
+
.pf-v6-c-login {
|
|
18953
|
+
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
18954
|
+
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
18955
|
+
}
|
|
18956
|
+
}
|
|
18957
|
+
.pf-v6-c-login {
|
|
18876
18958
|
--pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
18877
18959
|
--pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
|
|
18878
18960
|
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
18879
18961
|
--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
18962
|
+
}
|
|
18963
|
+
@media (min-width: 75rem) {
|
|
18964
|
+
.pf-v6-c-login {
|
|
18965
|
+
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
18966
|
+
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
18967
|
+
}
|
|
18968
|
+
}
|
|
18969
|
+
.pf-v6-c-login {
|
|
18880
18970
|
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
18881
18971
|
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
18882
18972
|
--pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
18883
18973
|
--pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
18884
18974
|
--pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
18975
|
+
}
|
|
18976
|
+
@media (min-width: 75rem) {
|
|
18977
|
+
.pf-v6-c-login {
|
|
18978
|
+
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
18979
|
+
}
|
|
18980
|
+
}
|
|
18981
|
+
.pf-v6-c-login {
|
|
18885
18982
|
--pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
18886
18983
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
18887
18984
|
--pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -18893,11 +18990,28 @@ ul.pf-v6-c-list {
|
|
|
18893
18990
|
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18894
18991
|
--pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
|
|
18895
18992
|
--pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
|
|
18993
|
+
}
|
|
18994
|
+
@media (min-width: 48rem) {
|
|
18995
|
+
.pf-v6-c-login {
|
|
18996
|
+
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
18997
|
+
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
18998
|
+
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
|
|
18999
|
+
}
|
|
19000
|
+
}
|
|
19001
|
+
.pf-v6-c-login {
|
|
18896
19002
|
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
18897
19003
|
--pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
18898
19004
|
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
18899
19005
|
--pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
18900
19006
|
--pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
|
|
19007
|
+
}
|
|
19008
|
+
@media (min-width: 48rem) {
|
|
19009
|
+
.pf-v6-c-login {
|
|
19010
|
+
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
19011
|
+
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
19012
|
+
}
|
|
19013
|
+
}
|
|
19014
|
+
.pf-v6-c-login {
|
|
18901
19015
|
--pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
18902
19016
|
--pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
18903
19017
|
--pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -18915,43 +19029,6 @@ ul.pf-v6-c-list {
|
|
|
18915
19029
|
--pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18916
19030
|
--pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18917
19031
|
--pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
18918
|
-
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18919
|
-
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
18920
|
-
}
|
|
18921
|
-
@media (min-width: 75rem) {
|
|
18922
|
-
.pf-v6-c-login {
|
|
18923
|
-
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
18924
|
-
}
|
|
18925
|
-
}
|
|
18926
|
-
@media (min-width: 36rem) {
|
|
18927
|
-
.pf-v6-c-login {
|
|
18928
|
-
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
18929
|
-
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
18930
|
-
}
|
|
18931
|
-
}
|
|
18932
|
-
@media (min-width: 75rem) {
|
|
18933
|
-
.pf-v6-c-login {
|
|
18934
|
-
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
18935
|
-
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
18936
|
-
}
|
|
18937
|
-
}
|
|
18938
|
-
@media (min-width: 75rem) {
|
|
18939
|
-
.pf-v6-c-login {
|
|
18940
|
-
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
18941
|
-
}
|
|
18942
|
-
}
|
|
18943
|
-
@media (min-width: 48rem) {
|
|
18944
|
-
.pf-v6-c-login {
|
|
18945
|
-
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
18946
|
-
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
18947
|
-
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
|
|
18948
|
-
}
|
|
18949
|
-
}
|
|
18950
|
-
@media (min-width: 48rem) {
|
|
18951
|
-
.pf-v6-c-login {
|
|
18952
|
-
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
18953
|
-
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
18954
|
-
}
|
|
18955
19032
|
}
|
|
18956
19033
|
@media (min-width: 36rem) {
|
|
18957
19034
|
.pf-v6-c-login {
|
|
@@ -18959,6 +19036,10 @@ ul.pf-v6-c-list {
|
|
|
18959
19036
|
--pf-v6-c-login__footer--PaddingInlineStart: 0;
|
|
18960
19037
|
}
|
|
18961
19038
|
}
|
|
19039
|
+
.pf-v6-c-login {
|
|
19040
|
+
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19041
|
+
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
19042
|
+
}
|
|
18962
19043
|
@media (min-width: 75rem) {
|
|
18963
19044
|
.pf-v6-c-login {
|
|
18964
19045
|
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
|
|
@@ -19169,6 +19250,11 @@ ul.pf-v6-c-list {
|
|
|
19169
19250
|
--pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
|
|
19170
19251
|
}
|
|
19171
19252
|
|
|
19253
|
+
.pf-v6-c-masthead .pf-v6-c-toolbar {
|
|
19254
|
+
--pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
|
|
19255
|
+
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
19256
|
+
--pf-v6-c-toolbar__content--MinWidth: 0;
|
|
19257
|
+
}
|
|
19172
19258
|
.pf-v6-c-masthead {
|
|
19173
19259
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
19174
19260
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
@@ -19182,23 +19268,6 @@ ul.pf-v6-c-list {
|
|
|
19182
19268
|
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
19183
19269
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
19184
19270
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
19185
|
-
display: grid;
|
|
19186
|
-
grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
|
|
19187
|
-
grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
|
|
19188
|
-
row-gap: var(--pf-v6-c-masthead--RowGap);
|
|
19189
|
-
column-gap: var(--pf-v6-c-masthead--ColumnGap);
|
|
19190
|
-
align-items: start;
|
|
19191
|
-
min-width: 0;
|
|
19192
|
-
padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19193
|
-
padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19194
|
-
padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
|
|
19195
|
-
padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
|
|
19196
|
-
background-color: var(--pf-v6-c-masthead--BackgroundColor);
|
|
19197
|
-
}
|
|
19198
|
-
.pf-v6-c-masthead .pf-v6-c-toolbar {
|
|
19199
|
-
--pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
|
|
19200
|
-
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
19201
|
-
--pf-v6-c-toolbar__content--MinWidth: 0;
|
|
19202
19271
|
}
|
|
19203
19272
|
@media screen and (min-width: 48rem) {
|
|
19204
19273
|
:where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
|
|
@@ -19216,7 +19285,33 @@ ul.pf-v6-c-list {
|
|
|
19216
19285
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
19217
19286
|
}
|
|
19218
19287
|
}
|
|
19288
|
+
.pf-v6-c-masthead {
|
|
19289
|
+
display: grid;
|
|
19290
|
+
grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
|
|
19291
|
+
grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
|
|
19292
|
+
row-gap: var(--pf-v6-c-masthead--RowGap);
|
|
19293
|
+
column-gap: var(--pf-v6-c-masthead--ColumnGap);
|
|
19294
|
+
align-items: start;
|
|
19295
|
+
min-width: 0;
|
|
19296
|
+
padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19297
|
+
padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19298
|
+
padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
|
|
19299
|
+
padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
|
|
19300
|
+
background-color: var(--pf-v6-c-masthead--BackgroundColor);
|
|
19301
|
+
}
|
|
19219
19302
|
.pf-v6-c-masthead.pf-m-docked {
|
|
19303
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
19304
|
+
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
19305
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
19306
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
19307
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
19308
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
19309
|
+
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
19310
|
+
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
19311
|
+
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
19312
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
19313
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
19314
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
19220
19315
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-v6-c-masthead--m-docked--BackgroundColor);
|
|
19221
19316
|
--pf-v6-c-masthead--GridTemplateRows: var(--pf-v6-c-masthead--m-docked--GridTemplateRows);
|
|
19222
19317
|
--pf-v6-c-masthead--PaddingBlockStart: var(--pf-v6-c-masthead--m-docked--PaddingBlockStart);
|
|
@@ -19238,8 +19333,8 @@ ul.pf-v6-c-list {
|
|
|
19238
19333
|
backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
|
|
19239
19334
|
}
|
|
19240
19335
|
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
|
|
19241
|
-
flex-direction: column;
|
|
19242
19336
|
flex-grow: 1;
|
|
19337
|
+
flex-direction: column;
|
|
19243
19338
|
align-self: revert;
|
|
19244
19339
|
}
|
|
19245
19340
|
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
|
|
@@ -19709,6 +19804,13 @@ ul.pf-v6-c-list {
|
|
|
19709
19804
|
--pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
19710
19805
|
--pf-v6-c-menu--TransitionDuration: 0s;
|
|
19711
19806
|
--pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
19807
|
+
}
|
|
19808
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
19809
|
+
.pf-v6-c-menu {
|
|
19810
|
+
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
19811
|
+
}
|
|
19812
|
+
}
|
|
19813
|
+
.pf-v6-c-menu {
|
|
19712
19814
|
--pf-v6-c-menu--m-plain--BoxShadow: none;
|
|
19713
19815
|
--pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
|
|
19714
19816
|
--pf-v6-c-menu__content--Height: auto;
|
|
@@ -19788,33 +19890,34 @@ ul.pf-v6-c-list {
|
|
|
19788
19890
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19789
19891
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19790
19892
|
--pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
|
|
19791
|
-
--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
|
|
19792
|
-
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
|
|
19793
|
-
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
19794
|
-
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
|
|
19795
|
-
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
19796
|
-
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
|
|
19797
|
-
}
|
|
19798
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
19799
|
-
.pf-v6-c-menu {
|
|
19800
|
-
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
19801
|
-
}
|
|
19802
19893
|
}
|
|
19803
19894
|
@media (prefers-reduced-motion: no-preference) {
|
|
19804
19895
|
.pf-v6-c-menu {
|
|
19805
19896
|
--pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
|
|
19806
19897
|
}
|
|
19807
19898
|
}
|
|
19899
|
+
.pf-v6-c-menu {
|
|
19900
|
+
--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
|
|
19901
|
+
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
|
|
19902
|
+
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
19903
|
+
}
|
|
19808
19904
|
@media (prefers-reduced-motion: no-preference) {
|
|
19809
19905
|
.pf-v6-c-menu {
|
|
19810
19906
|
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19811
19907
|
}
|
|
19812
19908
|
}
|
|
19909
|
+
.pf-v6-c-menu {
|
|
19910
|
+
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
|
|
19911
|
+
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
19912
|
+
}
|
|
19813
19913
|
@media (prefers-reduced-motion: no-preference) {
|
|
19814
19914
|
.pf-v6-c-menu {
|
|
19815
19915
|
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19816
19916
|
}
|
|
19817
19917
|
}
|
|
19918
|
+
.pf-v6-c-menu {
|
|
19919
|
+
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
|
|
19920
|
+
}
|
|
19818
19921
|
|
|
19819
19922
|
.pf-v6-c-menu__content,
|
|
19820
19923
|
.pf-v6-c-menu__list-item,
|
|
@@ -20272,13 +20375,14 @@ ul.pf-v6-c-list {
|
|
|
20272
20375
|
--pf-v6-c-check__input--TranslateY: none;
|
|
20273
20376
|
}
|
|
20274
20377
|
|
|
20275
|
-
.pf-v6-c-menu__item-toggle-icon {
|
|
20276
|
-
color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
|
|
20277
|
-
}
|
|
20278
20378
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
|
|
20279
20379
|
scale: -1 1;
|
|
20280
20380
|
}
|
|
20281
20381
|
|
|
20382
|
+
.pf-v6-c-menu__item-toggle-icon {
|
|
20383
|
+
color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
|
|
20384
|
+
}
|
|
20385
|
+
|
|
20282
20386
|
.pf-v6-c-menu__item-icon {
|
|
20283
20387
|
color: var(--pf-v6-c-menu__item--icon--Color, inherit);
|
|
20284
20388
|
}
|
|
@@ -20869,6 +20973,13 @@ ul.pf-v6-c-list {
|
|
|
20869
20973
|
--pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
20870
20974
|
--pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
20871
20975
|
--pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
20976
|
+
}
|
|
20977
|
+
@media (min-width: 75rem) {
|
|
20978
|
+
.pf-v6-c-modal-box {
|
|
20979
|
+
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
|
20980
|
+
}
|
|
20981
|
+
}
|
|
20982
|
+
.pf-v6-c-modal-box {
|
|
20872
20983
|
--pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
20873
20984
|
--pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20874
20985
|
--pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -20900,11 +21011,6 @@ ul.pf-v6-c-list {
|
|
|
20900
21011
|
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
20901
21012
|
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
|
|
20902
21013
|
}
|
|
20903
|
-
@media (min-width: 75rem) {
|
|
20904
|
-
.pf-v6-c-modal-box {
|
|
20905
|
-
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
|
20906
|
-
}
|
|
20907
|
-
}
|
|
20908
21014
|
|
|
20909
21015
|
.pf-v6-c-modal-box {
|
|
20910
21016
|
position: relative;
|
|
@@ -20966,8 +21072,8 @@ ul.pf-v6-c-list {
|
|
|
20966
21072
|
|
|
20967
21073
|
.pf-v6-c-modal-box__header {
|
|
20968
21074
|
display: flex;
|
|
20969
|
-
flex-direction: column;
|
|
20970
21075
|
flex-shrink: 0;
|
|
21076
|
+
flex-direction: column;
|
|
20971
21077
|
gap: var(--pf-v6-c-modal-box__header--Gap);
|
|
20972
21078
|
padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
|
|
20973
21079
|
padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
|
|
@@ -20984,8 +21090,8 @@ ul.pf-v6-c-list {
|
|
|
20984
21090
|
|
|
20985
21091
|
.pf-v6-c-modal-box__header-main {
|
|
20986
21092
|
display: flex;
|
|
20987
|
-
flex-direction: column;
|
|
20988
21093
|
flex-grow: 1;
|
|
21094
|
+
flex-direction: column;
|
|
20989
21095
|
gap: var(--pf-v6-c-modal-box__header-main--Gap);
|
|
20990
21096
|
min-width: 0;
|
|
20991
21097
|
padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
|
|
@@ -21339,6 +21445,15 @@ ul.pf-v6-c-list {
|
|
|
21339
21445
|
--pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
|
|
21340
21446
|
--pf-v6-c-nav__subnav--TranslateY: 0;
|
|
21341
21447
|
--pf-v6-c-nav__subnav--hidden--TranslateY: 0;
|
|
21448
|
+
}
|
|
21449
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
21450
|
+
.pf-v6-c-nav {
|
|
21451
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
21452
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
21453
|
+
--pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
|
|
21454
|
+
}
|
|
21455
|
+
}
|
|
21456
|
+
.pf-v6-c-nav {
|
|
21342
21457
|
--pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
|
|
21343
21458
|
--pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
21344
21459
|
--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -21374,13 +21489,6 @@ ul.pf-v6-c-list {
|
|
|
21374
21489
|
--pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
21375
21490
|
--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
21376
21491
|
}
|
|
21377
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
21378
|
-
.pf-v6-c-nav {
|
|
21379
|
-
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
21380
|
-
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
21381
|
-
--pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
|
|
21382
|
-
}
|
|
21383
|
-
}
|
|
21384
21492
|
|
|
21385
21493
|
.pf-v6-c-nav,
|
|
21386
21494
|
.pf-v6-c-nav__section,
|
|
@@ -21428,6 +21536,10 @@ ul.pf-v6-c-list {
|
|
|
21428
21536
|
position: relative;
|
|
21429
21537
|
align-self: center;
|
|
21430
21538
|
min-width: 1lh;
|
|
21539
|
+
text-align: center;
|
|
21540
|
+
}
|
|
21541
|
+
.pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text {
|
|
21542
|
+
display: none;
|
|
21431
21543
|
}
|
|
21432
21544
|
.pf-v6-c-nav .pf-v6-c-menu {
|
|
21433
21545
|
--pf-v6-c-menu--MinWidth: 100%;
|
|
@@ -21661,12 +21773,14 @@ ul.pf-v6-c-list {
|
|
|
21661
21773
|
scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
|
|
21662
21774
|
scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
|
|
21663
21775
|
-webkit-overflow-scrolling: touch;
|
|
21664
|
-
scrollbar-width: none;
|
|
21665
|
-
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
21666
21776
|
}
|
|
21667
21777
|
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
|
|
21668
21778
|
display: none;
|
|
21669
21779
|
}
|
|
21780
|
+
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
|
|
21781
|
+
scrollbar-width: none;
|
|
21782
|
+
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
21783
|
+
}
|
|
21670
21784
|
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
|
|
21671
21785
|
outline-offset: var(--pf-v6-c-nav--OutlineOffset);
|
|
21672
21786
|
}
|
|
@@ -21881,9 +21995,9 @@ ul.pf-v6-c-list {
|
|
|
21881
21995
|
}
|
|
21882
21996
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
21883
21997
|
display: -webkit-box;
|
|
21998
|
+
overflow: hidden;
|
|
21884
21999
|
-webkit-box-orient: vertical;
|
|
21885
22000
|
-webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
|
|
21886
|
-
overflow: hidden;
|
|
21887
22001
|
}
|
|
21888
22002
|
|
|
21889
22003
|
.pf-v6-c-notification-drawer__list-item-action {
|
|
@@ -21937,9 +22051,9 @@ ul.pf-v6-c-list {
|
|
|
21937
22051
|
|
|
21938
22052
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
21939
22053
|
display: -webkit-box;
|
|
22054
|
+
overflow: hidden;
|
|
21940
22055
|
-webkit-box-orient: vertical;
|
|
21941
22056
|
-webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
|
|
21942
|
-
overflow: hidden;
|
|
21943
22057
|
flex: 1;
|
|
21944
22058
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
21945
22059
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
@@ -21952,15 +22066,15 @@ ul.pf-v6-c-list {
|
|
|
21952
22066
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
|
|
21953
22067
|
}
|
|
21954
22068
|
|
|
22069
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
22070
|
+
scale: -1 1;
|
|
22071
|
+
}
|
|
22072
|
+
|
|
21955
22073
|
.pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21956
22074
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
|
|
21957
22075
|
color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
|
|
21958
22076
|
transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
|
|
21959
22077
|
}
|
|
21960
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21961
|
-
scale: -1 1;
|
|
21962
|
-
}
|
|
21963
|
-
|
|
21964
22078
|
.pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21965
22079
|
transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
21966
22080
|
}
|
|
@@ -22029,6 +22143,15 @@ ul.pf-v6-c-list {
|
|
|
22029
22143
|
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
22030
22144
|
--pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
22031
22145
|
--pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
22146
|
+
}
|
|
22147
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
22148
|
+
.pf-v6-c-page {
|
|
22149
|
+
--pf-v6-c-page__sidebar--Opacity: 1;
|
|
22150
|
+
--pf-v6-c-page__sidebar--TransitionProperty: transform;
|
|
22151
|
+
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
22152
|
+
}
|
|
22153
|
+
}
|
|
22154
|
+
.pf-v6-c-page {
|
|
22032
22155
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
22033
22156
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
22034
22157
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -22044,6 +22167,15 @@ ul.pf-v6-c-list {
|
|
|
22044
22167
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
|
22045
22168
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
22046
22169
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
22170
|
+
}
|
|
22171
|
+
@media screen and (min-width: 75rem) {
|
|
22172
|
+
.pf-v6-c-page {
|
|
22173
|
+
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
22174
|
+
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
22175
|
+
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
22176
|
+
}
|
|
22177
|
+
}
|
|
22178
|
+
.pf-v6-c-page {
|
|
22047
22179
|
--pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
|
|
22048
22180
|
--pf-v6-c-page__main-container--GridArea: main;
|
|
22049
22181
|
--pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
|
|
@@ -22066,6 +22198,17 @@ ul.pf-v6-c-list {
|
|
|
22066
22198
|
--pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
|
|
22067
22199
|
--pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
|
|
22068
22200
|
--pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
|
|
22201
|
+
}
|
|
22202
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
22203
|
+
.pf-v6-c-page {
|
|
22204
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
22205
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
22206
|
+
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
|
22207
|
+
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
|
22208
|
+
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
|
22209
|
+
}
|
|
22210
|
+
}
|
|
22211
|
+
.pf-v6-c-page {
|
|
22069
22212
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
22070
22213
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
22071
22214
|
--pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -22118,29 +22261,6 @@ ul.pf-v6-c-list {
|
|
|
22118
22261
|
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
22119
22262
|
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
22120
22263
|
}
|
|
22121
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
22122
|
-
.pf-v6-c-page {
|
|
22123
|
-
--pf-v6-c-page__sidebar--Opacity: 1;
|
|
22124
|
-
--pf-v6-c-page__sidebar--TransitionProperty: transform;
|
|
22125
|
-
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
22126
|
-
}
|
|
22127
|
-
}
|
|
22128
|
-
@media screen and (min-width: 75rem) {
|
|
22129
|
-
.pf-v6-c-page {
|
|
22130
|
-
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
22131
|
-
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
22132
|
-
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
22133
|
-
}
|
|
22134
|
-
}
|
|
22135
|
-
@media screen and (max-width: calc(48rem - 1px)) {
|
|
22136
|
-
.pf-v6-c-page {
|
|
22137
|
-
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
22138
|
-
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
22139
|
-
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
|
22140
|
-
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
|
22141
|
-
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
|
22142
|
-
}
|
|
22143
|
-
}
|
|
22144
22264
|
|
|
22145
22265
|
.pf-v6-c-page {
|
|
22146
22266
|
display: grid;
|
|
@@ -22215,15 +22335,15 @@ ul.pf-v6-c-list {
|
|
|
22215
22335
|
}
|
|
22216
22336
|
}
|
|
22217
22337
|
|
|
22218
|
-
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
22219
|
-
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
22220
|
-
grid-area: header;
|
|
22221
|
-
}
|
|
22222
22338
|
@media (min-width: 75rem) {
|
|
22223
22339
|
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
22224
22340
|
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
|
|
22225
22341
|
}
|
|
22226
22342
|
}
|
|
22343
|
+
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
22344
|
+
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
22345
|
+
grid-area: header;
|
|
22346
|
+
}
|
|
22227
22347
|
|
|
22228
22348
|
.pf-v6-c-page__dock {
|
|
22229
22349
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
@@ -22340,8 +22460,8 @@ ul.pf-v6-c-list {
|
|
|
22340
22460
|
.pf-v6-c-page__main-group,
|
|
22341
22461
|
.pf-v6-c-page__main-subnav {
|
|
22342
22462
|
display: flex;
|
|
22343
|
-
flex-direction: column;
|
|
22344
22463
|
flex-shrink: 0;
|
|
22464
|
+
flex-direction: column;
|
|
22345
22465
|
}
|
|
22346
22466
|
.pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
|
|
22347
22467
|
.pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
|
|
@@ -22585,8 +22705,8 @@ ul.pf-v6-c-list {
|
|
|
22585
22705
|
.pf-v6-c-page__main-drawer,
|
|
22586
22706
|
.pf-v6-c-page__main-group {
|
|
22587
22707
|
display: flex;
|
|
22588
|
-
flex-direction: column;
|
|
22589
22708
|
flex-grow: 1;
|
|
22709
|
+
flex-direction: column;
|
|
22590
22710
|
}
|
|
22591
22711
|
|
|
22592
22712
|
.pf-v6-c-page__main {
|
|
@@ -24500,8 +24620,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24500
24620
|
position: var(--pf-v6-c-sidebar__panel--Position);
|
|
24501
24621
|
inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
|
|
24502
24622
|
z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
|
|
24503
|
-
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
24504
24623
|
flex-shrink: 0;
|
|
24624
|
+
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
24505
24625
|
order: var(--pf-v6-c-sidebar__panel--Order);
|
|
24506
24626
|
padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
|
|
24507
24627
|
padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
|
|
@@ -24798,7 +24918,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24798
24918
|
--pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
|
|
24799
24919
|
--pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
|
|
24800
24920
|
--pf-v6-c-skeleton--before--Height: auto;
|
|
24801
|
-
--pf-v6-c-skeleton--before--Content: "
|
|
24921
|
+
--pf-v6-c-skeleton--before--Content: "\00a0";
|
|
24802
24922
|
--pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
|
|
24803
24923
|
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
24804
24924
|
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
@@ -24809,6 +24929,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24809
24929
|
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
24810
24930
|
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
24811
24931
|
--pf-v6-c-skeleton--after--AnimationDelay: .5s;
|
|
24932
|
+
}
|
|
24933
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
24934
|
+
.pf-v6-c-skeleton {
|
|
24935
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
24936
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
24937
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
24938
|
+
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
24939
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
24940
|
+
}
|
|
24941
|
+
}
|
|
24942
|
+
.pf-v6-c-skeleton {
|
|
24812
24943
|
--pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
24813
24944
|
--pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
|
|
24814
24945
|
--pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
|
|
@@ -24836,15 +24967,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24836
24967
|
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
24837
24968
|
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
24838
24969
|
}
|
|
24839
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
24840
|
-
.pf-v6-c-skeleton {
|
|
24841
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
24842
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
24843
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
24844
|
-
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
24845
|
-
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
24846
|
-
}
|
|
24847
|
-
}
|
|
24848
24970
|
|
|
24849
24971
|
.pf-v6-c-skeleton {
|
|
24850
24972
|
position: relative;
|
|
@@ -24861,6 +24983,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24861
24983
|
padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
|
|
24862
24984
|
content: var(--pf-v6-c-skeleton--before--Content);
|
|
24863
24985
|
}
|
|
24986
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
24987
|
+
scale: -1 1;
|
|
24988
|
+
}
|
|
24989
|
+
|
|
24864
24990
|
.pf-v6-c-skeleton::after {
|
|
24865
24991
|
position: absolute;
|
|
24866
24992
|
inset: 0;
|
|
@@ -24870,10 +24996,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24870
24996
|
transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
|
|
24871
24997
|
animation: var(--pf-v6-c-skeleton--after--AnimationName) var(--pf-v6-c-skeleton--after--AnimationDuration) var(--pf-v6-c-skeleton--after--AnimationTimingFunction) var(--pf-v6-c-skeleton--after--AnimationDelay) var(--pf-v6-c-skeleton--after--AnimationIterationCount);
|
|
24872
24998
|
}
|
|
24873
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
24874
|
-
scale: -1 1;
|
|
24875
|
-
}
|
|
24876
|
-
|
|
24877
24999
|
.pf-v6-c-skeleton.pf-m-circle {
|
|
24878
25000
|
--pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
|
|
24879
25001
|
}
|
|
@@ -25061,12 +25183,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25061
25183
|
|
|
25062
25184
|
.pf-v6-c-slider {
|
|
25063
25185
|
--pf-v6-c-slider__rail-track--before--fill--direction: right;
|
|
25064
|
-
display: flex;
|
|
25065
25186
|
}
|
|
25066
25187
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
|
|
25067
25188
|
--pf-v6-c-slider__rail-track--before--fill--direction: left;
|
|
25068
25189
|
}
|
|
25069
25190
|
|
|
25191
|
+
.pf-v6-c-slider {
|
|
25192
|
+
display: flex;
|
|
25193
|
+
}
|
|
25070
25194
|
.pf-v6-c-slider.pf-m-disabled {
|
|
25071
25195
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
|
|
25072
25196
|
--pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
|
|
@@ -25129,6 +25253,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25129
25253
|
|
|
25130
25254
|
.pf-v6-c-slider__step-tick {
|
|
25131
25255
|
transform: translateX(var(--pf-v6-c-slider__step-tick--TranslateX));
|
|
25256
|
+
}
|
|
25257
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
25258
|
+
transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
25259
|
+
}
|
|
25260
|
+
|
|
25261
|
+
.pf-v6-c-slider__step-tick {
|
|
25132
25262
|
position: absolute;
|
|
25133
25263
|
inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
|
|
25134
25264
|
inset-inline-start: 0;
|
|
@@ -25138,22 +25268,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25138
25268
|
border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
|
|
25139
25269
|
border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
|
|
25140
25270
|
}
|
|
25141
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
25142
|
-
transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
25143
|
-
}
|
|
25144
25271
|
|
|
25145
25272
|
.pf-v6-c-slider__step-label {
|
|
25146
25273
|
transform: translateX(var(--pf-v6-c-slider__step-label--TranslateX));
|
|
25147
|
-
position: absolute;
|
|
25148
|
-
inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
|
|
25149
|
-
word-break: normal;
|
|
25150
25274
|
}
|
|
25151
25275
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
|
|
25152
25276
|
transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
25153
25277
|
}
|
|
25154
25278
|
|
|
25279
|
+
.pf-v6-c-slider__step-label {
|
|
25280
|
+
position: absolute;
|
|
25281
|
+
inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
|
|
25282
|
+
word-break: normal;
|
|
25283
|
+
}
|
|
25284
|
+
|
|
25155
25285
|
.pf-v6-c-slider__thumb {
|
|
25156
25286
|
transform: translate(var(--pf-v6-c-slider__thumb--TranslateX), var(--pf-v6-c-slider__thumb--TranslateY));
|
|
25287
|
+
}
|
|
25288
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
|
|
25289
|
+
transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
|
|
25290
|
+
}
|
|
25291
|
+
|
|
25292
|
+
.pf-v6-c-slider__thumb {
|
|
25157
25293
|
position: absolute;
|
|
25158
25294
|
inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
|
|
25159
25295
|
inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
|
|
@@ -25165,12 +25301,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25165
25301
|
border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
|
|
25166
25302
|
box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
|
|
25167
25303
|
}
|
|
25168
|
-
|
|
25169
|
-
transform: translate(
|
|
25304
|
+
.pf-v6-c-slider__thumb::before {
|
|
25305
|
+
transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
25306
|
+
}
|
|
25307
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
|
|
25308
|
+
transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
25170
25309
|
}
|
|
25171
25310
|
|
|
25172
25311
|
.pf-v6-c-slider__thumb::before {
|
|
25173
|
-
transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
25174
25312
|
position: absolute;
|
|
25175
25313
|
inset-block-start: 50%;
|
|
25176
25314
|
inset-inline-start: 50%;
|
|
@@ -25179,10 +25317,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25179
25317
|
content: "";
|
|
25180
25318
|
border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
|
|
25181
25319
|
}
|
|
25182
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
|
|
25183
|
-
transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
25184
|
-
}
|
|
25185
|
-
|
|
25186
25320
|
.pf-v6-c-slider__thumb:hover {
|
|
25187
25321
|
--pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
|
|
25188
25322
|
}
|
|
@@ -25199,16 +25333,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25199
25333
|
}
|
|
25200
25334
|
.pf-v6-c-slider__value.pf-m-floating {
|
|
25201
25335
|
transform: translate(var(--pf-v6-c-slider__value--m-floating--TranslateX), var(--pf-v6-c-slider__value--m-floating--TranslateY));
|
|
25336
|
+
}
|
|
25337
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
|
|
25338
|
+
transform: translate(calc(var(--pf-v6-c-slider__value--m-floating--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__value--m-floating--TranslateY));
|
|
25339
|
+
}
|
|
25340
|
+
|
|
25341
|
+
.pf-v6-c-slider__value.pf-m-floating {
|
|
25202
25342
|
--pf-v6-c-slider__value--MarginInlineStart: 0;
|
|
25203
25343
|
position: absolute;
|
|
25204
25344
|
inset-block-start: 0;
|
|
25205
25345
|
inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
|
|
25206
25346
|
z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
|
|
25207
25347
|
}
|
|
25208
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
|
|
25209
|
-
transform: translate(calc(var(--pf-v6-c-slider__value--m-floating--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__value--m-floating--TranslateY));
|
|
25210
|
-
}
|
|
25211
|
-
|
|
25212
25348
|
.pf-v6-c-slider__value .pf-v6-c-form-control {
|
|
25213
25349
|
width: var(--pf-v6-c-slider__value--c-form-control--Width);
|
|
25214
25350
|
}
|
|
@@ -25386,12 +25522,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25386
25522
|
}
|
|
25387
25523
|
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
25388
25524
|
transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
|
|
25389
|
-
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
25390
25525
|
}
|
|
25391
25526
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
25392
25527
|
transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
|
|
25393
25528
|
}
|
|
25394
25529
|
|
|
25530
|
+
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
25531
|
+
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
25532
|
+
}
|
|
25395
25533
|
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
|
|
25396
25534
|
color: var(--pf-v6-c-switch__input--not-checked__label--Color);
|
|
25397
25535
|
}
|
|
@@ -27213,6 +27351,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27213
27351
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
|
27214
27352
|
--pf-v6-c-table__expandable-row--TranslateY: 0;
|
|
27215
27353
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
|
|
27354
|
+
}
|
|
27355
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
27356
|
+
.pf-v6-c-table {
|
|
27357
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
27358
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
27359
|
+
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
|
27360
|
+
}
|
|
27361
|
+
}
|
|
27362
|
+
.pf-v6-c-table {
|
|
27216
27363
|
--pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
27217
27364
|
--pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
27218
27365
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -27281,13 +27428,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27281
27428
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
27282
27429
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
27283
27430
|
}
|
|
27284
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
27285
|
-
.pf-v6-c-table {
|
|
27286
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
27287
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
27288
|
-
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
|
27289
|
-
}
|
|
27290
|
-
}
|
|
27291
27431
|
|
|
27292
27432
|
.pf-v6-c-table {
|
|
27293
27433
|
width: 100%;
|
|
@@ -27352,22 +27492,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27352
27492
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
27353
27493
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
27354
27494
|
display: var(--pf-v6-hidden-visible--Display);
|
|
27355
|
-
position: relative;
|
|
27356
|
-
width: var(--pf-v6-c-table--cell--Width);
|
|
27357
|
-
min-width: var(--pf-v6-c-table--cell--MinWidth);
|
|
27358
|
-
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
27359
|
-
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
|
27360
|
-
padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
|
|
27361
|
-
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
27362
|
-
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
27363
|
-
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
27364
|
-
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
27365
|
-
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
27366
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
27367
|
-
color: var(--pf-v6-c-table--cell--Color);
|
|
27368
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
27369
|
-
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
27370
|
-
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
27371
27495
|
}
|
|
27372
27496
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
|
|
27373
27497
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -27412,6 +27536,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27412
27536
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
27413
27537
|
}
|
|
27414
27538
|
}
|
|
27539
|
+
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
|
|
27540
|
+
position: relative;
|
|
27541
|
+
width: var(--pf-v6-c-table--cell--Width);
|
|
27542
|
+
min-width: var(--pf-v6-c-table--cell--MinWidth);
|
|
27543
|
+
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
27544
|
+
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
|
27545
|
+
padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
|
|
27546
|
+
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
27547
|
+
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
27548
|
+
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
27549
|
+
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
27550
|
+
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
27551
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
27552
|
+
color: var(--pf-v6-c-table--cell--Color);
|
|
27553
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
27554
|
+
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
27555
|
+
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
27556
|
+
}
|
|
27415
27557
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
|
27416
27558
|
padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
|
27417
27559
|
}
|
|
@@ -27768,16 +27910,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27768
27910
|
.pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
|
|
27769
27911
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
|
27770
27912
|
}
|
|
27913
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27914
|
+
scale: -1 1;
|
|
27915
|
+
}
|
|
27916
|
+
|
|
27771
27917
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27772
27918
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
27773
27919
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
27774
27920
|
transition-property: transform;
|
|
27775
27921
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
27776
27922
|
}
|
|
27777
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27778
|
-
scale: -1 1;
|
|
27779
|
-
}
|
|
27780
|
-
|
|
27781
27923
|
.pf-v6-c-table__toggle svg {
|
|
27782
27924
|
pointer-events: none;
|
|
27783
27925
|
}
|
|
@@ -28254,13 +28396,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28254
28396
|
}
|
|
28255
28397
|
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
28256
28398
|
transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
|
|
28257
|
-
position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
|
|
28258
|
-
inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
|
|
28259
28399
|
}
|
|
28260
28400
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
28261
28401
|
transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
28262
28402
|
}
|
|
28263
28403
|
|
|
28404
|
+
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
28405
|
+
position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
|
|
28406
|
+
inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
|
|
28407
|
+
}
|
|
28264
28408
|
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
28265
28409
|
min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
|
|
28266
28410
|
}
|
|
@@ -29310,8 +29454,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29310
29454
|
}
|
|
29311
29455
|
.pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
|
|
29312
29456
|
position: relative;
|
|
29313
|
-
flex-direction: column;
|
|
29314
29457
|
flex-grow: 1;
|
|
29458
|
+
flex-direction: column;
|
|
29315
29459
|
max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
|
|
29316
29460
|
}
|
|
29317
29461
|
.pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
|
|
@@ -29476,15 +29620,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29476
29620
|
white-space: normal;
|
|
29477
29621
|
}
|
|
29478
29622
|
|
|
29623
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
29624
|
+
scale: -1 1;
|
|
29625
|
+
}
|
|
29626
|
+
|
|
29479
29627
|
.pf-v6-c-tabs__toggle-icon {
|
|
29480
29628
|
display: inline-block;
|
|
29481
29629
|
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
29482
29630
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
29483
29631
|
}
|
|
29484
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
29485
|
-
scale: -1 1;
|
|
29486
|
-
}
|
|
29487
29632
|
|
|
29633
|
+
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
29634
|
+
display: none;
|
|
29635
|
+
}
|
|
29488
29636
|
.pf-v6-c-tabs__list {
|
|
29489
29637
|
scrollbar-width: none;
|
|
29490
29638
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
@@ -29496,20 +29644,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29496
29644
|
scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
|
|
29497
29645
|
-webkit-overflow-scrolling: touch;
|
|
29498
29646
|
}
|
|
29499
|
-
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
29500
|
-
display: none;
|
|
29501
|
-
}
|
|
29502
29647
|
|
|
29503
29648
|
.pf-v6-c-tabs__item {
|
|
29504
29649
|
position: relative;
|
|
29505
29650
|
display: flex;
|
|
29506
29651
|
flex: none;
|
|
29507
29652
|
column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
|
|
29508
|
-
scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
|
|
29509
29653
|
padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
|
|
29510
29654
|
padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
|
|
29511
29655
|
padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
|
|
29512
29656
|
padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
|
|
29657
|
+
scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
|
|
29513
29658
|
background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
|
|
29514
29659
|
}
|
|
29515
29660
|
.pf-v6-c-tabs__item.pf-m-current {
|
|
@@ -29562,6 +29707,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29562
29707
|
border: 0;
|
|
29563
29708
|
}
|
|
29564
29709
|
|
|
29710
|
+
.pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
|
|
29711
|
+
--pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
|
|
29712
|
+
}
|
|
29713
|
+
|
|
29565
29714
|
.pf-v6-c-tabs__link {
|
|
29566
29715
|
display: flex;
|
|
29567
29716
|
flex: 1;
|
|
@@ -29579,10 +29728,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29579
29728
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
|
29580
29729
|
transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
|
|
29581
29730
|
}
|
|
29582
|
-
.pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
|
|
29583
|
-
--pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
|
|
29584
|
-
}
|
|
29585
|
-
|
|
29586
29731
|
.pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
|
|
29587
29732
|
pointer-events: none;
|
|
29588
29733
|
border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
|
|
@@ -29637,6 +29782,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29637
29782
|
--pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
|
|
29638
29783
|
}
|
|
29639
29784
|
|
|
29785
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
|
|
29786
|
+
scale: -1 1;
|
|
29787
|
+
}
|
|
29788
|
+
|
|
29640
29789
|
.pf-v6-c-tabs__link-toggle-icon {
|
|
29641
29790
|
align-self: end;
|
|
29642
29791
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
@@ -29644,9 +29793,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29644
29793
|
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
29645
29794
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
29646
29795
|
}
|
|
29647
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
|
|
29648
|
-
scale: -1 1;
|
|
29649
|
-
}
|
|
29650
29796
|
|
|
29651
29797
|
.pf-v6-c-tabs__item-action {
|
|
29652
29798
|
display: flex;
|
|
@@ -30664,9 +30810,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30664
30810
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
30665
30811
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
30666
30812
|
display: var(--pf-v6-hidden-visible--Display);
|
|
30667
|
-
row-gap: var(--pf-v6-c-toolbar__content--RowGap);
|
|
30668
|
-
padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
|
|
30669
|
-
padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
|
|
30670
30813
|
}
|
|
30671
30814
|
.pf-v6-c-toolbar__content.pf-m-hidden {
|
|
30672
30815
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -30711,6 +30854,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30711
30854
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
30712
30855
|
}
|
|
30713
30856
|
}
|
|
30857
|
+
.pf-v6-c-toolbar__content {
|
|
30858
|
+
row-gap: var(--pf-v6-c-toolbar__content--RowGap);
|
|
30859
|
+
padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
|
|
30860
|
+
padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
|
|
30861
|
+
}
|
|
30714
30862
|
|
|
30715
30863
|
.pf-v6-c-toolbar__content-section {
|
|
30716
30864
|
flex-wrap: wrap;
|
|
@@ -30784,11 +30932,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30784
30932
|
|
|
30785
30933
|
.pf-v6-c-toolbar__item {
|
|
30786
30934
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
|
|
30787
|
-
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
|
|
30788
|
-
row-gap: var(--pf-v6-c-toolbar__item--RowGap);
|
|
30789
|
-
column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
|
|
30790
|
-
width: var(--pf-v6-c-toolbar__item--Width--base);
|
|
30791
|
-
min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
|
|
30792
30935
|
}
|
|
30793
30936
|
@media (min-width: 36rem) {
|
|
30794
30937
|
.pf-v6-c-toolbar__item {
|
|
@@ -30815,6 +30958,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30815
30958
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
|
|
30816
30959
|
}
|
|
30817
30960
|
}
|
|
30961
|
+
.pf-v6-c-toolbar__item {
|
|
30962
|
+
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
|
|
30963
|
+
}
|
|
30818
30964
|
@media (min-width: 36rem) {
|
|
30819
30965
|
.pf-v6-c-toolbar__item {
|
|
30820
30966
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
|
|
@@ -30840,6 +30986,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30840
30986
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
|
|
30841
30987
|
}
|
|
30842
30988
|
}
|
|
30989
|
+
.pf-v6-c-toolbar__item {
|
|
30990
|
+
row-gap: var(--pf-v6-c-toolbar__item--RowGap);
|
|
30991
|
+
column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
|
|
30992
|
+
width: var(--pf-v6-c-toolbar__item--Width--base);
|
|
30993
|
+
min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
|
|
30994
|
+
}
|
|
30843
30995
|
.pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
|
|
30844
30996
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
|
|
30845
30997
|
}
|
|
@@ -32713,6 +32865,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32713
32865
|
--pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
|
|
32714
32866
|
--pf-v6-c-tree-view__list--TranslateY: 0;
|
|
32715
32867
|
--pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
|
|
32868
|
+
}
|
|
32869
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
32870
|
+
.pf-v6-c-tree-view {
|
|
32871
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
32872
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
32873
|
+
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
|
32874
|
+
}
|
|
32875
|
+
}
|
|
32876
|
+
.pf-v6-c-tree-view {
|
|
32716
32877
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
|
|
32717
32878
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
|
|
32718
32879
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
@@ -32741,6 +32902,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32741
32902
|
--pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
|
|
32742
32903
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
32743
32904
|
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
|
|
32905
|
+
--pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
32906
|
+
--pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
32907
|
+
--pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
32744
32908
|
--pf-v6-c-tree-view__node-text--max-lines: 1;
|
|
32745
32909
|
--pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
32746
32910
|
--pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -32796,6 +32960,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32796
32960
|
--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
32797
32961
|
--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
32798
32962
|
--pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
|
|
32963
|
+
--pf-v6-c-tree-view--m-compact__node-container--nested--Color: initial;
|
|
32964
|
+
--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: var(--pf-t--global--text--color--on-disabled);
|
|
32965
|
+
--pf-v6-c-tree-view--m-compact__node-icon--nested--Color: initial;
|
|
32966
|
+
--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
32967
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color: initial;
|
|
32968
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
32799
32969
|
--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
|
|
32800
32970
|
--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
|
|
32801
32971
|
--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
|
|
@@ -32805,13 +32975,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32805
32975
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
|
|
32806
32976
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart: calc(var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart) + 0.25rem);
|
|
32807
32977
|
}
|
|
32808
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
32809
|
-
.pf-v6-c-tree-view {
|
|
32810
|
-
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
32811
|
-
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
32812
|
-
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
|
32813
|
-
}
|
|
32814
|
-
}
|
|
32815
32978
|
|
|
32816
32979
|
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item {
|
|
32817
32980
|
position: relative;
|
|
@@ -32892,11 +33055,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32892
33055
|
padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
|
|
32893
33056
|
padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
|
|
32894
33057
|
padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
|
|
33058
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--Color, inherit);
|
|
32895
33059
|
background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
|
|
32896
33060
|
}
|
|
32897
33061
|
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-toggle {
|
|
32898
33062
|
margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
|
|
32899
33063
|
margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
|
|
33064
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color, inherit);
|
|
33065
|
+
}
|
|
33066
|
+
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-icon {
|
|
33067
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-icon--nested--Color, inherit);
|
|
32900
33068
|
}
|
|
32901
33069
|
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
|
|
32902
33070
|
padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
|
|
@@ -32921,6 +33089,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32921
33089
|
}
|
|
32922
33090
|
.pf-v6-c-tree-view.pf-m-no-background {
|
|
32923
33091
|
--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
|
|
33092
|
+
--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: initial;
|
|
33093
|
+
--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: initial;
|
|
33094
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: initial;
|
|
33095
|
+
}
|
|
33096
|
+
|
|
33097
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
33098
|
+
scale: -1 1;
|
|
32924
33099
|
}
|
|
32925
33100
|
|
|
32926
33101
|
.pf-v6-c-tree-view__node-toggle-icon {
|
|
@@ -32930,9 +33105,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32930
33105
|
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
32931
33106
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
32932
33107
|
}
|
|
32933
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
32934
|
-
scale: -1 1;
|
|
32935
|
-
}
|
|
32936
33108
|
|
|
32937
33109
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
32938
33110
|
max-height: 0;
|
|
@@ -32996,6 +33168,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32996
33168
|
.pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
|
|
32997
33169
|
margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
|
|
32998
33170
|
}
|
|
33171
|
+
.pf-v6-c-tree-view__node.pf-m-disabled {
|
|
33172
|
+
--pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-disabled--Color);
|
|
33173
|
+
--pf-v6-c-tree-view__node-icon--Color: var(--pf-v6-c-tree-view__node-icon--m-disabled--Color);
|
|
33174
|
+
--pf-v6-c-tree-view--m-compact__node-container--nested--Color: var(--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color);
|
|
33175
|
+
--pf-v6-c-tree-view--m-compact__node-icon--nested--Color: var(--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color);
|
|
33176
|
+
}
|
|
32999
33177
|
|
|
33000
33178
|
.pf-v6-c-tree-view__node-container {
|
|
33001
33179
|
display: var(--pf-v6-c-tree-view__node-container--Display);
|
|
@@ -33038,6 +33216,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
33038
33216
|
transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
33039
33217
|
}
|
|
33040
33218
|
|
|
33219
|
+
.pf-v6-c-tree-view__node-toggle.pf-m-disabled {
|
|
33220
|
+
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--m-disabled--Color);
|
|
33221
|
+
}
|
|
33222
|
+
|
|
33041
33223
|
.pf-v6-c-tree-view__node-title.pf-m-truncate,
|
|
33042
33224
|
.pf-v6-c-tree-view__node-text.pf-m-truncate {
|
|
33043
33225
|
--pf-v6-c-tree-view__node-content--Overflow: hidden;
|
|
@@ -33053,6 +33235,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
33053
33235
|
white-space: nowrap;
|
|
33054
33236
|
}
|
|
33055
33237
|
|
|
33238
|
+
label.pf-v6-c-tree-view__node-text {
|
|
33239
|
+
cursor: pointer;
|
|
33240
|
+
}
|
|
33241
|
+
|
|
33056
33242
|
.pf-v6-c-tree-view__node-text {
|
|
33057
33243
|
font-weight: inherit;
|
|
33058
33244
|
color: inherit;
|
|
@@ -33060,9 +33246,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
33060
33246
|
background-color: transparent;
|
|
33061
33247
|
border: 0;
|
|
33062
33248
|
}
|
|
33063
|
-
label.pf-v6-c-tree-view__node-text {
|
|
33064
|
-
cursor: pointer;
|
|
33065
|
-
}
|
|
33066
33249
|
|
|
33067
33250
|
.pf-v6-c-tree-view__node-title {
|
|
33068
33251
|
font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
|
|
@@ -33291,6 +33474,15 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33291
33474
|
--pf-v6-c-wizard__nav--lg--Width: 15.625rem;
|
|
33292
33475
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
33293
33476
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
|
|
33477
|
+
}
|
|
33478
|
+
@media screen and (min-width: 62rem) {
|
|
33479
|
+
.pf-v6-c-wizard {
|
|
33480
|
+
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
33481
|
+
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
33482
|
+
--pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
|
|
33483
|
+
}
|
|
33484
|
+
}
|
|
33485
|
+
.pf-v6-c-wizard {
|
|
33294
33486
|
--pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
33295
33487
|
--pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
33296
33488
|
--pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -33315,13 +33507,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33315
33507
|
--pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
33316
33508
|
--pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
33317
33509
|
}
|
|
33318
|
-
@media screen and (min-width: 62rem) {
|
|
33319
|
-
.pf-v6-c-wizard {
|
|
33320
|
-
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
33321
|
-
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
33322
|
-
--pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
|
|
33323
|
-
}
|
|
33324
|
-
}
|
|
33325
33510
|
|
|
33326
33511
|
.pf-v6-c-wizard {
|
|
33327
33512
|
position: relative;
|
|
@@ -33457,13 +33642,14 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33457
33642
|
color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
|
|
33458
33643
|
}
|
|
33459
33644
|
|
|
33460
|
-
.pf-v6-c-wizard__toggle-separator {
|
|
33461
|
-
color: var(--pf-v6-c-wizard__toggle-separator--Color);
|
|
33462
|
-
}
|
|
33463
33645
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
|
|
33464
33646
|
scale: -1 1;
|
|
33465
33647
|
}
|
|
33466
33648
|
|
|
33649
|
+
.pf-v6-c-wizard__toggle-separator {
|
|
33650
|
+
color: var(--pf-v6-c-wizard__toggle-separator--Color);
|
|
33651
|
+
}
|
|
33652
|
+
|
|
33467
33653
|
.pf-v6-c-wizard__toggle-icon {
|
|
33468
33654
|
line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
|
|
33469
33655
|
}
|
|
@@ -33471,8 +33657,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33471
33657
|
.pf-v6-c-wizard__outer-wrap {
|
|
33472
33658
|
position: relative;
|
|
33473
33659
|
display: flex;
|
|
33474
|
-
flex-direction: column;
|
|
33475
33660
|
flex-grow: 1;
|
|
33661
|
+
flex-direction: column;
|
|
33476
33662
|
min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
|
|
33477
33663
|
background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
|
|
33478
33664
|
}
|
|
@@ -33485,8 +33671,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33485
33671
|
.pf-v6-c-wizard__inner-wrap {
|
|
33486
33672
|
position: relative;
|
|
33487
33673
|
display: flex;
|
|
33488
|
-
flex-direction: column;
|
|
33489
33674
|
flex-grow: 1;
|
|
33675
|
+
flex-direction: column;
|
|
33490
33676
|
min-height: 0;
|
|
33491
33677
|
}
|
|
33492
33678
|
@media screen and (min-width: 62rem) {
|
|
@@ -33664,6 +33850,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33664
33850
|
color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
|
|
33665
33851
|
}
|
|
33666
33852
|
|
|
33853
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|
|
33854
|
+
scale: -1 1;
|
|
33855
|
+
}
|
|
33856
|
+
|
|
33667
33857
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
33668
33858
|
display: inline-block;
|
|
33669
33859
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
@@ -33671,15 +33861,12 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33671
33861
|
transition-property: transform;
|
|
33672
33862
|
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
33673
33863
|
}
|
|
33674
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|
|
33675
|
-
scale: -1 1;
|
|
33676
|
-
}
|
|
33677
33864
|
|
|
33678
33865
|
.pf-v6-c-wizard__main {
|
|
33679
33866
|
z-index: var(--pf-v6-c-wizard__main--ZIndex);
|
|
33680
33867
|
display: flex;
|
|
33681
|
-
flex-direction: column;
|
|
33682
33868
|
flex-grow: 1;
|
|
33869
|
+
flex-direction: column;
|
|
33683
33870
|
overflow-x: hidden;
|
|
33684
33871
|
overflow-y: auto;
|
|
33685
33872
|
word-break: break-word;
|
|
@@ -36117,12 +36304,13 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
36117
36304
|
display: grid;
|
|
36118
36305
|
grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
|
|
36119
36306
|
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
36120
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
36121
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
36122
36307
|
}
|
|
36123
36308
|
.pf-v6-l-gallery.pf-m-gutter {
|
|
36124
36309
|
grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
36125
36310
|
}
|
|
36311
|
+
.pf-v6-l-gallery {
|
|
36312
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
36313
|
+
}
|
|
36126
36314
|
@media (min-width: 36rem) {
|
|
36127
36315
|
.pf-v6-l-gallery {
|
|
36128
36316
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
|
|
@@ -36148,6 +36336,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
36148
36336
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
|
|
36149
36337
|
}
|
|
36150
36338
|
}
|
|
36339
|
+
.pf-v6-l-gallery {
|
|
36340
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
36341
|
+
}
|
|
36151
36342
|
@media (min-width: 36rem) {
|
|
36152
36343
|
.pf-v6-l-gallery {
|
|
36153
36344
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
|