@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
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
@charset "UTF-8";
|
|
2
1
|
.pf-v6-screen-reader {
|
|
3
2
|
position: fixed;
|
|
4
3
|
inset-block-start: 0;
|
|
@@ -8773,31 +8772,6 @@
|
|
|
8773
8772
|
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8774
8773
|
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8775
8774
|
--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
8776
|
-
--pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
8777
|
-
--pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8778
|
-
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8779
|
-
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
8780
|
-
--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
8781
|
-
--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8782
|
-
--pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
|
|
8783
|
-
--pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
|
|
8784
|
-
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8785
|
-
--pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
8786
|
-
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
8787
|
-
--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8788
|
-
--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8789
|
-
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
8790
|
-
--pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
8791
|
-
--pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
|
|
8792
|
-
--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8793
|
-
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
8794
|
-
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8795
|
-
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
|
|
8796
|
-
--pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
8797
|
-
--pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8798
|
-
--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8799
|
-
--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
8800
|
-
--pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8801
8775
|
}
|
|
8802
8776
|
@media screen and (min-width: 36rem) {
|
|
8803
8777
|
.pf-v6-c-about-modal-box {
|
|
@@ -8806,6 +8780,14 @@
|
|
|
8806
8780
|
--pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
|
|
8807
8781
|
}
|
|
8808
8782
|
}
|
|
8783
|
+
.pf-v6-c-about-modal-box {
|
|
8784
|
+
--pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
8785
|
+
--pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8786
|
+
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8787
|
+
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
8788
|
+
--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
8789
|
+
--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8790
|
+
}
|
|
8809
8791
|
@media only screen and (min-width: 36rem) {
|
|
8810
8792
|
.pf-v6-c-about-modal-box {
|
|
8811
8793
|
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
|
|
@@ -8816,17 +8798,42 @@
|
|
|
8816
8798
|
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
|
|
8817
8799
|
}
|
|
8818
8800
|
}
|
|
8801
|
+
.pf-v6-c-about-modal-box {
|
|
8802
|
+
--pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
|
|
8803
|
+
--pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
|
|
8804
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8805
|
+
--pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
8806
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
8807
|
+
--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8808
|
+
--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8809
|
+
}
|
|
8819
8810
|
@media only screen and (min-width: 36rem) {
|
|
8820
8811
|
.pf-v6-c-about-modal-box {
|
|
8821
8812
|
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
|
|
8822
8813
|
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
|
|
8823
8814
|
}
|
|
8824
8815
|
}
|
|
8816
|
+
.pf-v6-c-about-modal-box {
|
|
8817
|
+
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
8818
|
+
--pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
8819
|
+
--pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
|
|
8820
|
+
--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8821
|
+
}
|
|
8825
8822
|
@media only screen and (min-width: 36rem) {
|
|
8826
8823
|
.pf-v6-c-about-modal-box {
|
|
8827
8824
|
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
|
|
8828
8825
|
}
|
|
8829
8826
|
}
|
|
8827
|
+
.pf-v6-c-about-modal-box {
|
|
8828
|
+
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
8829
|
+
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8830
|
+
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
|
|
8831
|
+
--pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
8832
|
+
--pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8833
|
+
--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8834
|
+
--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
8835
|
+
--pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8836
|
+
}
|
|
8830
8837
|
@media only screen and (min-width: 36rem) {
|
|
8831
8838
|
.pf-v6-c-about-modal-box {
|
|
8832
8839
|
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
|
|
@@ -8850,7 +8857,6 @@
|
|
|
8850
8857
|
background-repeat: no-repeat;
|
|
8851
8858
|
background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
|
|
8852
8859
|
background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
|
|
8853
|
-
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
8854
8860
|
}
|
|
8855
8861
|
@media only screen and (min-width: 36rem) {
|
|
8856
8862
|
.pf-v6-c-about-modal-box {
|
|
@@ -8866,6 +8872,9 @@
|
|
|
8866
8872
|
grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
|
|
8867
8873
|
}
|
|
8868
8874
|
}
|
|
8875
|
+
.pf-v6-c-about-modal-box {
|
|
8876
|
+
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
8877
|
+
}
|
|
8869
8878
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
|
|
8870
8879
|
--pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
|
|
8871
8880
|
}
|
|
@@ -9006,6 +9015,18 @@
|
|
|
9006
9015
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
|
|
9007
9016
|
--pf-v6-c-accordion__expandable-content--TranslateY: 0;
|
|
9008
9017
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
|
|
9018
|
+
}
|
|
9019
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
9020
|
+
.pf-v6-c-accordion {
|
|
9021
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9022
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9023
|
+
--pf-v6-c-accordion__item--before--TranslateY: -.5rem;
|
|
9024
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9025
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9026
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
|
9027
|
+
}
|
|
9028
|
+
}
|
|
9029
|
+
.pf-v6-c-accordion {
|
|
9009
9030
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
9010
9031
|
--pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
9011
9032
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -9031,16 +9052,6 @@
|
|
|
9031
9052
|
--pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9032
9053
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
9033
9054
|
}
|
|
9034
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
9035
|
-
.pf-v6-c-accordion {
|
|
9036
|
-
--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9037
|
-
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9038
|
-
--pf-v6-c-accordion__item--before--TranslateY: -.5rem;
|
|
9039
|
-
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9040
|
-
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9041
|
-
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
|
9042
|
-
}
|
|
9043
|
-
}
|
|
9044
9055
|
|
|
9045
9056
|
.pf-v6-c-accordion {
|
|
9046
9057
|
display: flex;
|
|
@@ -9151,13 +9162,14 @@
|
|
|
9151
9162
|
color: var(--pf-v6-c-accordion__toggle-text--Color);
|
|
9152
9163
|
}
|
|
9153
9164
|
|
|
9165
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
|
|
9166
|
+
scale: -1 1;
|
|
9167
|
+
}
|
|
9168
|
+
|
|
9154
9169
|
.pf-v6-c-accordion__toggle-icon {
|
|
9155
9170
|
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9156
9171
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
9157
9172
|
}
|
|
9158
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
|
|
9159
|
-
scale: -1 1;
|
|
9160
|
-
}
|
|
9161
9173
|
|
|
9162
9174
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
9163
9175
|
display: revert;
|
|
@@ -9377,14 +9389,15 @@
|
|
|
9377
9389
|
margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
|
|
9378
9390
|
}
|
|
9379
9391
|
|
|
9392
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
|
|
9393
|
+
scale: -1 1;
|
|
9394
|
+
}
|
|
9395
|
+
|
|
9380
9396
|
.pf-v6-c-alert__toggle-icon {
|
|
9381
9397
|
display: inline-block;
|
|
9382
9398
|
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
9383
9399
|
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
9384
9400
|
}
|
|
9385
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
|
|
9386
|
-
scale: -1 1;
|
|
9387
|
-
}
|
|
9388
9401
|
|
|
9389
9402
|
.pf-v6-c-alert__icon {
|
|
9390
9403
|
grid-area: icon;
|
|
@@ -9401,9 +9414,9 @@
|
|
|
9401
9414
|
}
|
|
9402
9415
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
9403
9416
|
display: -webkit-box;
|
|
9417
|
+
overflow: hidden;
|
|
9404
9418
|
-webkit-box-orient: vertical;
|
|
9405
9419
|
-webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
|
|
9406
|
-
overflow: hidden;
|
|
9407
9420
|
}
|
|
9408
9421
|
|
|
9409
9422
|
.pf-v6-c-alert__description {
|
|
@@ -9640,7 +9653,6 @@
|
|
|
9640
9653
|
}
|
|
9641
9654
|
.pf-v6-c-avatar.pf-m-sm {
|
|
9642
9655
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width);
|
|
9643
|
-
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
|
|
9644
9656
|
}
|
|
9645
9657
|
@media (min-width: 36rem) {
|
|
9646
9658
|
.pf-v6-c-avatar.pf-m-sm {
|
|
@@ -9667,6 +9679,9 @@
|
|
|
9667
9679
|
--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))))));
|
|
9668
9680
|
}
|
|
9669
9681
|
}
|
|
9682
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
9683
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
|
|
9684
|
+
}
|
|
9670
9685
|
@media (min-width: 36rem) {
|
|
9671
9686
|
.pf-v6-c-avatar.pf-m-sm {
|
|
9672
9687
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height));
|
|
@@ -9694,7 +9709,6 @@
|
|
|
9694
9709
|
}
|
|
9695
9710
|
.pf-v6-c-avatar.pf-m-md {
|
|
9696
9711
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width);
|
|
9697
|
-
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
|
|
9698
9712
|
}
|
|
9699
9713
|
@media (min-width: 36rem) {
|
|
9700
9714
|
.pf-v6-c-avatar.pf-m-md {
|
|
@@ -9721,6 +9735,9 @@
|
|
|
9721
9735
|
--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))))));
|
|
9722
9736
|
}
|
|
9723
9737
|
}
|
|
9738
|
+
.pf-v6-c-avatar.pf-m-md {
|
|
9739
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
|
|
9740
|
+
}
|
|
9724
9741
|
@media (min-width: 36rem) {
|
|
9725
9742
|
.pf-v6-c-avatar.pf-m-md {
|
|
9726
9743
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height));
|
|
@@ -9748,7 +9765,6 @@
|
|
|
9748
9765
|
}
|
|
9749
9766
|
.pf-v6-c-avatar.pf-m-lg {
|
|
9750
9767
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width);
|
|
9751
|
-
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
|
|
9752
9768
|
}
|
|
9753
9769
|
@media (min-width: 36rem) {
|
|
9754
9770
|
.pf-v6-c-avatar.pf-m-lg {
|
|
@@ -9775,6 +9791,9 @@
|
|
|
9775
9791
|
--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))))));
|
|
9776
9792
|
}
|
|
9777
9793
|
}
|
|
9794
|
+
.pf-v6-c-avatar.pf-m-lg {
|
|
9795
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
|
|
9796
|
+
}
|
|
9778
9797
|
@media (min-width: 36rem) {
|
|
9779
9798
|
.pf-v6-c-avatar.pf-m-lg {
|
|
9780
9799
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height));
|
|
@@ -9802,7 +9821,6 @@
|
|
|
9802
9821
|
}
|
|
9803
9822
|
.pf-v6-c-avatar.pf-m-xl {
|
|
9804
9823
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width);
|
|
9805
|
-
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
|
|
9806
9824
|
}
|
|
9807
9825
|
@media (min-width: 36rem) {
|
|
9808
9826
|
.pf-v6-c-avatar.pf-m-xl {
|
|
@@ -9829,6 +9847,9 @@
|
|
|
9829
9847
|
--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))))));
|
|
9830
9848
|
}
|
|
9831
9849
|
}
|
|
9850
|
+
.pf-v6-c-avatar.pf-m-xl {
|
|
9851
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
|
|
9852
|
+
}
|
|
9832
9853
|
@media (min-width: 36rem) {
|
|
9833
9854
|
.pf-v6-c-avatar.pf-m-xl {
|
|
9834
9855
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height));
|
|
@@ -9886,6 +9907,12 @@
|
|
|
9886
9907
|
|
|
9887
9908
|
.pf-v6-c-background-image {
|
|
9888
9909
|
--pf-v6-c-background-image--BackgroundPosition: bottom right;
|
|
9910
|
+
}
|
|
9911
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
|
|
9912
|
+
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
9913
|
+
}
|
|
9914
|
+
|
|
9915
|
+
.pf-v6-c-background-image {
|
|
9889
9916
|
position: fixed;
|
|
9890
9917
|
inset-block-start: 0;
|
|
9891
9918
|
inset-inline-start: 0;
|
|
@@ -9898,9 +9925,6 @@
|
|
|
9898
9925
|
background-position: var(--pf-v6-c-background-image--BackgroundPosition);
|
|
9899
9926
|
background-size: var(--pf-v6-c-background-image--BackgroundSize);
|
|
9900
9927
|
}
|
|
9901
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
|
|
9902
|
-
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
9903
|
-
}
|
|
9904
9928
|
|
|
9905
9929
|
.pf-v6-c-back-to-top {
|
|
9906
9930
|
--pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
@@ -10018,6 +10042,14 @@
|
|
|
10018
10042
|
--pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
10019
10043
|
--pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10020
10044
|
--pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
10045
|
+
}
|
|
10046
|
+
@media (min-width: 48rem) {
|
|
10047
|
+
.pf-v6-c-banner {
|
|
10048
|
+
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
|
|
10049
|
+
--pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
|
|
10050
|
+
}
|
|
10051
|
+
}
|
|
10052
|
+
.pf-v6-c-banner {
|
|
10021
10053
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
10022
10054
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
10023
10055
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
@@ -10051,12 +10083,6 @@
|
|
|
10051
10083
|
--pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
10052
10084
|
--pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
10053
10085
|
}
|
|
10054
|
-
@media (min-width: 48rem) {
|
|
10055
|
-
.pf-v6-c-banner {
|
|
10056
|
-
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
|
|
10057
|
-
--pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
|
|
10058
|
-
}
|
|
10059
|
-
}
|
|
10060
10086
|
|
|
10061
10087
|
.pf-v6-c-banner {
|
|
10062
10088
|
flex-shrink: 0;
|
|
@@ -10159,7 +10185,6 @@
|
|
|
10159
10185
|
width: var(--pf-v6-c-brand--Width--base);
|
|
10160
10186
|
height: var(--pf-v6-c-brand--Height--base);
|
|
10161
10187
|
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
|
|
10162
|
-
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
|
|
10163
10188
|
}
|
|
10164
10189
|
@media (min-width: 36rem) {
|
|
10165
10190
|
.pf-v6-c-brand {
|
|
@@ -10186,6 +10211,9 @@
|
|
|
10186
10211
|
--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))))));
|
|
10187
10212
|
}
|
|
10188
10213
|
}
|
|
10214
|
+
.pf-v6-c-brand {
|
|
10215
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
|
|
10216
|
+
}
|
|
10189
10217
|
@media (min-width: 36rem) {
|
|
10190
10218
|
.pf-v6-c-brand {
|
|
10191
10219
|
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
|
|
@@ -10266,15 +10294,16 @@
|
|
|
10266
10294
|
margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
|
|
10267
10295
|
}
|
|
10268
10296
|
|
|
10297
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
|
|
10298
|
+
scale: -1 1;
|
|
10299
|
+
}
|
|
10300
|
+
|
|
10269
10301
|
.pf-v6-c-breadcrumb__item-divider {
|
|
10270
10302
|
margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
|
|
10271
10303
|
font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
|
|
10272
10304
|
line-height: 1;
|
|
10273
10305
|
color: var(--pf-v6-c-breadcrumb__item-divider--Color);
|
|
10274
10306
|
}
|
|
10275
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
|
|
10276
|
-
scale: -1 1;
|
|
10277
|
-
}
|
|
10278
10307
|
|
|
10279
10308
|
.pf-v6-c-breadcrumb__link {
|
|
10280
10309
|
padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
|
|
@@ -10776,6 +10805,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10776
10805
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
|
|
10777
10806
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
|
|
10778
10807
|
}
|
|
10808
|
+
span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
10809
|
+
--pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
|
|
10810
|
+
--pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
|
|
10811
|
+
--pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
|
|
10812
|
+
}
|
|
10813
|
+
|
|
10779
10814
|
.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
10780
10815
|
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
|
|
10781
10816
|
--pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
|
|
@@ -10815,12 +10850,6 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10815
10850
|
background: transparent;
|
|
10816
10851
|
outline-offset: 0.125rem;
|
|
10817
10852
|
}
|
|
10818
|
-
span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
10819
|
-
--pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
|
|
10820
|
-
--pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
|
|
10821
|
-
--pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
|
|
10822
|
-
}
|
|
10823
|
-
|
|
10824
10853
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
10825
10854
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
10826
10855
|
}
|
|
@@ -11293,13 +11322,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11293
11322
|
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
11294
11323
|
}
|
|
11295
11324
|
|
|
11325
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
11326
|
+
scale: -1 1;
|
|
11327
|
+
}
|
|
11328
|
+
|
|
11296
11329
|
.pf-v6-c-calendar-month__header-nav-control {
|
|
11297
11330
|
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
11298
11331
|
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
11299
11332
|
}
|
|
11300
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
11301
|
-
scale: -1 1;
|
|
11302
|
-
}
|
|
11303
11333
|
|
|
11304
11334
|
.pf-v6-c-calendar-month__header-month {
|
|
11305
11335
|
flex-grow: 1;
|
|
@@ -11649,12 +11679,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11649
11679
|
flex-wrap: wrap;
|
|
11650
11680
|
row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
|
|
11651
11681
|
}
|
|
11652
|
-
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
11653
|
-
margin-inline-start: 0;
|
|
11654
|
-
}
|
|
11655
11682
|
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
|
|
11656
11683
|
margin-inline-end: auto;
|
|
11657
11684
|
}
|
|
11685
|
+
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
11686
|
+
margin-inline-start: 0;
|
|
11687
|
+
}
|
|
11658
11688
|
|
|
11659
11689
|
.pf-v6-c-card__header-main {
|
|
11660
11690
|
flex-grow: 1;
|
|
@@ -11668,15 +11698,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11668
11698
|
margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
|
|
11669
11699
|
}
|
|
11670
11700
|
|
|
11701
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
|
|
11702
|
+
scale: -1 1;
|
|
11703
|
+
}
|
|
11704
|
+
|
|
11671
11705
|
.pf-v6-c-card__header-toggle-icon {
|
|
11672
11706
|
display: inline-block;
|
|
11673
11707
|
transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
|
|
11674
11708
|
transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
|
|
11675
11709
|
transition-property: transform;
|
|
11676
11710
|
}
|
|
11677
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
|
|
11678
|
-
scale: -1 1;
|
|
11679
|
-
}
|
|
11680
11711
|
|
|
11681
11712
|
.pf-v6-c-card__title-text {
|
|
11682
11713
|
font-family: var(--pf-v6-c-card__title-text--FontFamily);
|
|
@@ -11942,13 +11973,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
11942
11973
|
gap: var(--pf-v6-c-clipboard-copy__group--Gap);
|
|
11943
11974
|
}
|
|
11944
11975
|
|
|
11945
|
-
.pf-v6-c-clipboard-copy__toggle-icon {
|
|
11946
|
-
transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
|
|
11947
|
-
}
|
|
11948
11976
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
|
|
11949
11977
|
scale: -1 1;
|
|
11950
11978
|
}
|
|
11951
11979
|
|
|
11980
|
+
.pf-v6-c-clipboard-copy__toggle-icon {
|
|
11981
|
+
transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
|
|
11982
|
+
}
|
|
11983
|
+
|
|
11952
11984
|
.pf-v6-c-clipboard-copy__expandable-content {
|
|
11953
11985
|
padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
|
|
11954
11986
|
padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
|
|
@@ -12119,8 +12151,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12119
12151
|
|
|
12120
12152
|
.pf-v6-c-code-editor__container {
|
|
12121
12153
|
display: flex;
|
|
12122
|
-
flex-direction: column;
|
|
12123
12154
|
flex-grow: 1;
|
|
12155
|
+
flex-direction: column;
|
|
12124
12156
|
}
|
|
12125
12157
|
|
|
12126
12158
|
.pf-v6-c-code-editor__header {
|
|
@@ -12447,23 +12479,27 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12447
12479
|
}
|
|
12448
12480
|
.pf-v6-c-compass__sidebar.pf-m-start {
|
|
12449
12481
|
translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
|
|
12450
|
-
grid-area: sidebar-start;
|
|
12451
12482
|
}
|
|
12452
12483
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-start {
|
|
12453
12484
|
translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
|
|
12454
12485
|
}
|
|
12455
12486
|
|
|
12487
|
+
.pf-v6-c-compass__sidebar.pf-m-start {
|
|
12488
|
+
grid-area: sidebar-start;
|
|
12489
|
+
}
|
|
12456
12490
|
.pf-v6-c-compass__sidebar.pf-m-start.pf-m-expanded {
|
|
12457
12491
|
margin-inline-end: var(--pf-v6-c-compass--Gap);
|
|
12458
12492
|
}
|
|
12459
12493
|
.pf-v6-c-compass__sidebar.pf-m-end {
|
|
12460
12494
|
translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
|
|
12461
|
-
grid-area: sidebar-end;
|
|
12462
12495
|
}
|
|
12463
12496
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-end {
|
|
12464
12497
|
translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
|
|
12465
12498
|
}
|
|
12466
12499
|
|
|
12500
|
+
.pf-v6-c-compass__sidebar.pf-m-end {
|
|
12501
|
+
grid-area: sidebar-end;
|
|
12502
|
+
}
|
|
12467
12503
|
.pf-v6-c-compass__sidebar.pf-m-end.pf-m-expanded {
|
|
12468
12504
|
margin-inline-start: var(--pf-v6-c-compass--Gap);
|
|
12469
12505
|
}
|
|
@@ -13272,6 +13308,14 @@ ul) {
|
|
|
13272
13308
|
--pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
13273
13309
|
--pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
13274
13310
|
--pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
13311
|
+
}
|
|
13312
|
+
@media screen and (min-width: 36rem) {
|
|
13313
|
+
.pf-v6-c-data-list {
|
|
13314
|
+
--pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
|
|
13315
|
+
--pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
|
|
13316
|
+
}
|
|
13317
|
+
}
|
|
13318
|
+
.pf-v6-c-data-list {
|
|
13275
13319
|
--pf-v6-c-data-list__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
13276
13320
|
--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
|
|
13277
13321
|
--pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
@@ -13281,6 +13325,14 @@ ul) {
|
|
|
13281
13325
|
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
|
|
13282
13326
|
--pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
13283
13327
|
--pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
13328
|
+
}
|
|
13329
|
+
@media screen and (min-width: 36rem) {
|
|
13330
|
+
.pf-v6-c-data-list {
|
|
13331
|
+
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
|
|
13332
|
+
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
|
|
13333
|
+
}
|
|
13334
|
+
}
|
|
13335
|
+
.pf-v6-c-data-list {
|
|
13284
13336
|
--pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
13285
13337
|
--pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
13286
13338
|
--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -13376,18 +13428,6 @@ ul) {
|
|
|
13376
13428
|
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
13377
13429
|
--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
13378
13430
|
}
|
|
13379
|
-
@media screen and (min-width: 36rem) {
|
|
13380
|
-
.pf-v6-c-data-list {
|
|
13381
|
-
--pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
|
|
13382
|
-
--pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
|
|
13383
|
-
}
|
|
13384
|
-
}
|
|
13385
|
-
@media screen and (min-width: 36rem) {
|
|
13386
|
-
.pf-v6-c-data-list {
|
|
13387
|
-
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
|
|
13388
|
-
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
|
|
13389
|
-
}
|
|
13390
|
-
}
|
|
13391
13431
|
|
|
13392
13432
|
.pf-v6-c-data-list {
|
|
13393
13433
|
font-size: var(--pf-v6-c-data-list--FontSize);
|
|
@@ -13550,12 +13590,6 @@ ul) {
|
|
|
13550
13590
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
13551
13591
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
13552
13592
|
display: var(--pf-v6-hidden-visible--Display);
|
|
13553
|
-
gap: var(--pf-v6-c-data-list__item-action--Gap);
|
|
13554
|
-
align-content: flex-start;
|
|
13555
|
-
align-items: flex-start;
|
|
13556
|
-
padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
|
|
13557
|
-
padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
|
|
13558
|
-
margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
|
|
13559
13593
|
}
|
|
13560
13594
|
.pf-v6-c-data-list__item-action.pf-m-hidden {
|
|
13561
13595
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -13600,6 +13634,14 @@ ul) {
|
|
|
13600
13634
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
13601
13635
|
}
|
|
13602
13636
|
}
|
|
13637
|
+
.pf-v6-c-data-list__item-action {
|
|
13638
|
+
gap: var(--pf-v6-c-data-list__item-action--Gap);
|
|
13639
|
+
align-content: flex-start;
|
|
13640
|
+
align-items: flex-start;
|
|
13641
|
+
padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
|
|
13642
|
+
padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
|
|
13643
|
+
margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
|
|
13644
|
+
}
|
|
13603
13645
|
|
|
13604
13646
|
.pf-v6-c-data-list__toggle {
|
|
13605
13647
|
margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
|
|
@@ -13607,15 +13649,16 @@ ul) {
|
|
|
13607
13649
|
margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginInlineStart);
|
|
13608
13650
|
}
|
|
13609
13651
|
|
|
13652
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
|
|
13653
|
+
scale: -1 1;
|
|
13654
|
+
}
|
|
13655
|
+
|
|
13610
13656
|
.pf-v6-c-data-list__toggle-icon {
|
|
13611
13657
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
13612
13658
|
pointer-events: none;
|
|
13613
13659
|
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
13614
13660
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
13615
13661
|
}
|
|
13616
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
|
|
13617
|
-
scale: -1 1;
|
|
13618
|
-
}
|
|
13619
13662
|
|
|
13620
13663
|
.pf-v6-c-data-list__item-content {
|
|
13621
13664
|
display: grid;
|
|
@@ -13710,6 +13753,13 @@ ul) {
|
|
|
13710
13753
|
--pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
13711
13754
|
--pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13712
13755
|
--pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
13756
|
+
}
|
|
13757
|
+
@media screen and (min-width: 36rem) {
|
|
13758
|
+
.pf-v6-c-description-list {
|
|
13759
|
+
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
|
13760
|
+
}
|
|
13761
|
+
}
|
|
13762
|
+
.pf-v6-c-description-list {
|
|
13713
13763
|
--pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
|
|
13714
13764
|
--pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
13715
13765
|
--pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
@@ -13738,11 +13788,6 @@ ul) {
|
|
|
13738
13788
|
--pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
|
|
13739
13789
|
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
13740
13790
|
}
|
|
13741
|
-
@media screen and (min-width: 36rem) {
|
|
13742
|
-
.pf-v6-c-description-list {
|
|
13743
|
-
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
|
13744
|
-
}
|
|
13745
|
-
}
|
|
13746
13791
|
@media (min-width: 36rem) {
|
|
13747
13792
|
.pf-v6-c-description-list {
|
|
13748
13793
|
--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));
|
|
@@ -14124,6 +14169,15 @@ ul) {
|
|
|
14124
14169
|
--pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
|
|
14125
14170
|
--pf-v6-c-dual-list-selector__list--TranslateY: 0;
|
|
14126
14171
|
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
|
14172
|
+
}
|
|
14173
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14174
|
+
.pf-v6-c-dual-list-selector {
|
|
14175
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
14176
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
14177
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
|
|
14178
|
+
}
|
|
14179
|
+
}
|
|
14180
|
+
.pf-v6-c-dual-list-selector {
|
|
14127
14181
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
14128
14182
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
14129
14183
|
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
@@ -14165,13 +14219,6 @@ ul) {
|
|
|
14165
14219
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
14166
14220
|
--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
14167
14221
|
}
|
|
14168
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14169
|
-
.pf-v6-c-dual-list-selector {
|
|
14170
|
-
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
14171
|
-
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
14172
|
-
--pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
|
|
14173
|
-
}
|
|
14174
|
-
}
|
|
14175
14222
|
|
|
14176
14223
|
.pf-v6-c-dual-list-selector {
|
|
14177
14224
|
display: grid;
|
|
@@ -14242,8 +14289,6 @@ ul) {
|
|
|
14242
14289
|
|
|
14243
14290
|
.pf-v6-c-dual-list-selector__list {
|
|
14244
14291
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
14245
|
-
display: flex;
|
|
14246
|
-
flex-direction: column;
|
|
14247
14292
|
}
|
|
14248
14293
|
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list {
|
|
14249
14294
|
--pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart: 0;
|
|
@@ -14251,16 +14296,22 @@ ul) {
|
|
|
14251
14296
|
}
|
|
14252
14297
|
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
|
|
14253
14298
|
transform: translateX(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX));
|
|
14254
|
-
position: absolute;
|
|
14255
|
-
inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
|
|
14256
14299
|
}
|
|
14257
14300
|
: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 {
|
|
14258
14301
|
transform: translateX(calc(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
14259
14302
|
}
|
|
14260
14303
|
|
|
14304
|
+
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
|
|
14305
|
+
position: absolute;
|
|
14306
|
+
inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
|
|
14307
|
+
}
|
|
14261
14308
|
.pf-v6-c-dual-list-selector__list.pf-m-drag-over {
|
|
14262
14309
|
overflow-anchor: none;
|
|
14263
14310
|
}
|
|
14311
|
+
.pf-v6-c-dual-list-selector__list {
|
|
14312
|
+
display: flex;
|
|
14313
|
+
flex-direction: column;
|
|
14314
|
+
}
|
|
14264
14315
|
|
|
14265
14316
|
.pf-v6-c-dual-list-selector__list-item:focus-visible {
|
|
14266
14317
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
|
@@ -14545,11 +14596,6 @@ ul) {
|
|
|
14545
14596
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
14546
14597
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
14547
14598
|
display: var(--pf-v6-hidden-visible--Display);
|
|
14548
|
-
flex-shrink: 0;
|
|
14549
|
-
align-items: stretch;
|
|
14550
|
-
align-self: stretch;
|
|
14551
|
-
justify-content: center;
|
|
14552
|
-
border: 0;
|
|
14553
14599
|
}
|
|
14554
14600
|
.pf-v6-c-divider.pf-m-hidden {
|
|
14555
14601
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -14594,6 +14640,13 @@ ul) {
|
|
|
14594
14640
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
14595
14641
|
}
|
|
14596
14642
|
}
|
|
14643
|
+
.pf-v6-c-divider {
|
|
14644
|
+
flex-shrink: 0;
|
|
14645
|
+
align-items: stretch;
|
|
14646
|
+
align-self: stretch;
|
|
14647
|
+
justify-content: center;
|
|
14648
|
+
border: 0;
|
|
14649
|
+
}
|
|
14597
14650
|
.pf-v6-c-divider::before {
|
|
14598
14651
|
flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
|
|
14599
14652
|
content: "";
|
|
@@ -14895,6 +14948,19 @@ ul) {
|
|
|
14895
14948
|
--pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--default);
|
|
14896
14949
|
--pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
|
|
14897
14950
|
--pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
|
|
14951
|
+
}
|
|
14952
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14953
|
+
.pf-v6-c-drawer {
|
|
14954
|
+
--pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
|
|
14955
|
+
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
|
|
14956
|
+
--pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
14957
|
+
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
14958
|
+
--pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
|
|
14959
|
+
--pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
|
|
14960
|
+
--pf-v6-c-drawer__panel--Opacity: 1;
|
|
14961
|
+
}
|
|
14962
|
+
}
|
|
14963
|
+
.pf-v6-c-drawer {
|
|
14898
14964
|
--pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
14899
14965
|
--pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
14900
14966
|
--pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -14957,6 +15023,17 @@ ul) {
|
|
|
14957
15023
|
--pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
|
|
14958
15024
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
|
|
14959
15025
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
|
|
15026
|
+
}
|
|
15027
|
+
@media screen and (min-width: 75rem) {
|
|
15028
|
+
.pf-v6-c-drawer {
|
|
15029
|
+
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
|
15030
|
+
}
|
|
15031
|
+
.pf-v6-c-drawer.pf-m-panel-bottom {
|
|
15032
|
+
--pf-v6-c-drawer__panel--MinWidth: auto;
|
|
15033
|
+
--pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
|
|
15034
|
+
}
|
|
15035
|
+
}
|
|
15036
|
+
.pf-v6-c-drawer {
|
|
14960
15037
|
--pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
|
|
14961
15038
|
--pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
|
|
14962
15039
|
--pf-v6-c-drawer__panel--BoxShadow: none;
|
|
@@ -14971,43 +15048,27 @@ ul) {
|
|
|
14971
15048
|
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
|
|
14972
15049
|
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
|
|
14973
15050
|
}
|
|
14974
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14975
|
-
.pf-v6-c-drawer {
|
|
14976
|
-
--pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
|
|
14977
|
-
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
|
|
14978
|
-
--pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
14979
|
-
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
14980
|
-
--pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
|
|
14981
|
-
--pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
|
|
14982
|
-
--pf-v6-c-drawer__panel--Opacity: 1;
|
|
14983
|
-
}
|
|
14984
|
-
}
|
|
14985
|
-
@media screen and (min-width: 75rem) {
|
|
14986
|
-
.pf-v6-c-drawer {
|
|
14987
|
-
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
|
14988
|
-
}
|
|
14989
|
-
.pf-v6-c-drawer.pf-m-panel-bottom {
|
|
14990
|
-
--pf-v6-c-drawer__panel--MinWidth: auto;
|
|
14991
|
-
--pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
|
|
14992
|
-
}
|
|
14993
|
-
}
|
|
14994
15051
|
|
|
14995
15052
|
.pf-v6-c-drawer {
|
|
14996
15053
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
|
|
14997
|
-
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
14998
|
-
display: flex;
|
|
14999
|
-
flex-direction: column;
|
|
15000
|
-
height: 100%;
|
|
15001
|
-
overflow-x: hidden;
|
|
15002
15054
|
}
|
|
15003
15055
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
|
15004
15056
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
15005
15057
|
}
|
|
15006
15058
|
|
|
15059
|
+
.pf-v6-c-drawer {
|
|
15060
|
+
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
15061
|
+
}
|
|
15007
15062
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
|
15008
15063
|
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
|
|
15009
15064
|
}
|
|
15010
15065
|
|
|
15066
|
+
.pf-v6-c-drawer {
|
|
15067
|
+
display: flex;
|
|
15068
|
+
flex-direction: column;
|
|
15069
|
+
height: 100%;
|
|
15070
|
+
overflow-x: hidden;
|
|
15071
|
+
}
|
|
15011
15072
|
.pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
|
|
15012
15073
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
|
|
15013
15074
|
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
@@ -15037,13 +15098,15 @@ ul) {
|
|
|
15037
15098
|
}
|
|
15038
15099
|
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15039
15100
|
transform: translateX(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15040
|
-
--pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
|
|
15041
|
-
visibility: visible;
|
|
15042
15101
|
}
|
|
15043
15102
|
: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 {
|
|
15044
15103
|
transform: translateX(calc(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)) * var(--pf-v6-global--inverse--multiplier)));
|
|
15045
15104
|
}
|
|
15046
15105
|
|
|
15106
|
+
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15107
|
+
--pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
|
|
15108
|
+
visibility: visible;
|
|
15109
|
+
}
|
|
15047
15110
|
.pf-v6-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15048
15111
|
transform: translateX(0);
|
|
15049
15112
|
}
|
|
@@ -15100,8 +15163,8 @@ ul) {
|
|
|
15100
15163
|
.pf-v6-c-drawer__panel,
|
|
15101
15164
|
.pf-v6-c-drawer__panel-main {
|
|
15102
15165
|
display: flex;
|
|
15103
|
-
flex-direction: column;
|
|
15104
15166
|
flex-shrink: 0;
|
|
15167
|
+
flex-direction: column;
|
|
15105
15168
|
overflow: auto;
|
|
15106
15169
|
}
|
|
15107
15170
|
|
|
@@ -15908,6 +15971,17 @@ ul) {
|
|
|
15908
15971
|
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
|
|
15909
15972
|
--pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
|
|
15910
15973
|
--pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
|
|
15974
|
+
}
|
|
15975
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
15976
|
+
.pf-v6-c-expandable-section {
|
|
15977
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
15978
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
15979
|
+
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
|
15980
|
+
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
|
|
15981
|
+
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
|
|
15982
|
+
}
|
|
15983
|
+
}
|
|
15984
|
+
.pf-v6-c-expandable-section {
|
|
15911
15985
|
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
|
15912
15986
|
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
15913
15987
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -15924,15 +15998,6 @@ ul) {
|
|
|
15924
15998
|
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
15925
15999
|
--pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
|
|
15926
16000
|
}
|
|
15927
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
15928
|
-
.pf-v6-c-expandable-section {
|
|
15929
|
-
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
15930
|
-
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
15931
|
-
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
|
15932
|
-
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
|
|
15933
|
-
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
|
|
15934
|
-
}
|
|
15935
|
-
}
|
|
15936
16001
|
|
|
15937
16002
|
.pf-v6-c-expandable-section {
|
|
15938
16003
|
display: flex;
|
|
@@ -15991,9 +16056,13 @@ ul) {
|
|
|
15991
16056
|
}
|
|
15992
16057
|
.pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
|
|
15993
16058
|
display: -webkit-box;
|
|
16059
|
+
overflow: hidden;
|
|
15994
16060
|
-webkit-box-orient: vertical;
|
|
15995
16061
|
-webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
|
|
15996
|
-
|
|
16062
|
+
}
|
|
16063
|
+
|
|
16064
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
16065
|
+
scale: -1 1;
|
|
15997
16066
|
}
|
|
15998
16067
|
|
|
15999
16068
|
.pf-v6-c-expandable-section__toggle-icon {
|
|
@@ -16003,10 +16072,6 @@ ul) {
|
|
|
16003
16072
|
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
16004
16073
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
16005
16074
|
}
|
|
16006
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
16007
|
-
scale: -1 1;
|
|
16008
|
-
}
|
|
16009
|
-
|
|
16010
16075
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
16011
16076
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
16012
16077
|
}
|
|
@@ -16589,8 +16654,8 @@ ul) {
|
|
|
16589
16654
|
|
|
16590
16655
|
.pf-v6-c-form__field-group-header-main {
|
|
16591
16656
|
display: flex;
|
|
16592
|
-
flex-direction: column;
|
|
16593
16657
|
flex-grow: 1;
|
|
16658
|
+
flex-direction: column;
|
|
16594
16659
|
}
|
|
16595
16660
|
|
|
16596
16661
|
.pf-v6-c-form__field-group-header-title {
|
|
@@ -16831,8 +16896,8 @@ ul) {
|
|
|
16831
16896
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
|
|
16832
16897
|
}
|
|
16833
16898
|
.pf-v6-c-form-control.pf-m-textarea > textarea {
|
|
16834
|
-
outline-offset: 0;
|
|
16835
16899
|
scrollbar-gutter: stable;
|
|
16900
|
+
outline-offset: 0;
|
|
16836
16901
|
}
|
|
16837
16902
|
.pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
|
|
16838
16903
|
padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
|
|
@@ -17975,6 +18040,10 @@ label.pf-v6-c-input-group__text {
|
|
|
17975
18040
|
margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
|
|
17976
18041
|
}
|
|
17977
18042
|
|
|
18043
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
18044
|
+
scale: -1 1;
|
|
18045
|
+
}
|
|
18046
|
+
|
|
17978
18047
|
.pf-v6-c-jump-links__toggle-icon {
|
|
17979
18048
|
display: inline-block;
|
|
17980
18049
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
@@ -17983,9 +18052,6 @@ label.pf-v6-c-input-group__text {
|
|
|
17983
18052
|
transition-property: transform;
|
|
17984
18053
|
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
17985
18054
|
}
|
|
17986
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
17987
|
-
scale: -1 1;
|
|
17988
|
-
}
|
|
17989
18055
|
|
|
17990
18056
|
.pf-v6-c-label {
|
|
17991
18057
|
--pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -18482,6 +18548,10 @@ input.pf-v6-c-label__content {
|
|
|
18482
18548
|
.pf-v6-c-label__actions {
|
|
18483
18549
|
margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
|
|
18484
18550
|
}
|
|
18551
|
+
.pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
|
|
18552
|
+
--pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
|
|
18553
|
+
}
|
|
18554
|
+
|
|
18485
18555
|
.pf-v6-c-label__actions .pf-v6-c-button {
|
|
18486
18556
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
|
|
18487
18557
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
|
|
@@ -18492,9 +18562,6 @@ input.pf-v6-c-label__content {
|
|
|
18492
18562
|
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
|
18493
18563
|
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
18494
18564
|
}
|
|
18495
|
-
.pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
|
|
18496
|
-
--pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
|
|
18497
|
-
}
|
|
18498
18565
|
|
|
18499
18566
|
.pf-v6-c-label-group {
|
|
18500
18567
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -18635,9 +18702,9 @@ input.pf-v6-c-label__content {
|
|
|
18635
18702
|
padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
|
|
18636
18703
|
white-space: nowrap;
|
|
18637
18704
|
resize: none;
|
|
18638
|
-
border: 0;
|
|
18639
|
-
-ms-overflow-style: none;
|
|
18640
18705
|
scrollbar-width: none;
|
|
18706
|
+
-ms-overflow-style: none;
|
|
18707
|
+
border: 0;
|
|
18641
18708
|
}
|
|
18642
18709
|
.pf-v6-c-label-group__textarea::-webkit-scrollbar {
|
|
18643
18710
|
display: none;
|
|
@@ -18723,18 +18790,48 @@ ul.pf-v6-c-list {
|
|
|
18723
18790
|
--pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
|
|
18724
18791
|
--pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
|
|
18725
18792
|
--pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
|
|
18793
|
+
}
|
|
18794
|
+
@media (min-width: 75rem) {
|
|
18795
|
+
.pf-v6-c-login {
|
|
18796
|
+
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
18797
|
+
}
|
|
18798
|
+
}
|
|
18799
|
+
.pf-v6-c-login {
|
|
18726
18800
|
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
18727
18801
|
--pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18728
18802
|
--pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
18803
|
+
}
|
|
18804
|
+
@media (min-width: 36rem) {
|
|
18805
|
+
.pf-v6-c-login {
|
|
18806
|
+
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
18807
|
+
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
18808
|
+
}
|
|
18809
|
+
}
|
|
18810
|
+
.pf-v6-c-login {
|
|
18729
18811
|
--pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
18730
18812
|
--pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
|
|
18731
18813
|
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
18732
18814
|
--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
18815
|
+
}
|
|
18816
|
+
@media (min-width: 75rem) {
|
|
18817
|
+
.pf-v6-c-login {
|
|
18818
|
+
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
18819
|
+
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
18820
|
+
}
|
|
18821
|
+
}
|
|
18822
|
+
.pf-v6-c-login {
|
|
18733
18823
|
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
18734
18824
|
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
18735
18825
|
--pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
18736
18826
|
--pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
18737
18827
|
--pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
18828
|
+
}
|
|
18829
|
+
@media (min-width: 75rem) {
|
|
18830
|
+
.pf-v6-c-login {
|
|
18831
|
+
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
18832
|
+
}
|
|
18833
|
+
}
|
|
18834
|
+
.pf-v6-c-login {
|
|
18738
18835
|
--pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
18739
18836
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
18740
18837
|
--pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -18746,11 +18843,28 @@ ul.pf-v6-c-list {
|
|
|
18746
18843
|
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18747
18844
|
--pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
|
|
18748
18845
|
--pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
|
|
18846
|
+
}
|
|
18847
|
+
@media (min-width: 48rem) {
|
|
18848
|
+
.pf-v6-c-login {
|
|
18849
|
+
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
18850
|
+
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
18851
|
+
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
|
|
18852
|
+
}
|
|
18853
|
+
}
|
|
18854
|
+
.pf-v6-c-login {
|
|
18749
18855
|
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
18750
18856
|
--pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
18751
18857
|
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
18752
18858
|
--pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
18753
18859
|
--pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
|
|
18860
|
+
}
|
|
18861
|
+
@media (min-width: 48rem) {
|
|
18862
|
+
.pf-v6-c-login {
|
|
18863
|
+
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
18864
|
+
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
18865
|
+
}
|
|
18866
|
+
}
|
|
18867
|
+
.pf-v6-c-login {
|
|
18754
18868
|
--pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
18755
18869
|
--pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
18756
18870
|
--pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -18768,43 +18882,6 @@ ul.pf-v6-c-list {
|
|
|
18768
18882
|
--pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18769
18883
|
--pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18770
18884
|
--pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
18771
|
-
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18772
|
-
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
18773
|
-
}
|
|
18774
|
-
@media (min-width: 75rem) {
|
|
18775
|
-
.pf-v6-c-login {
|
|
18776
|
-
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
18777
|
-
}
|
|
18778
|
-
}
|
|
18779
|
-
@media (min-width: 36rem) {
|
|
18780
|
-
.pf-v6-c-login {
|
|
18781
|
-
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
18782
|
-
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
18783
|
-
}
|
|
18784
|
-
}
|
|
18785
|
-
@media (min-width: 75rem) {
|
|
18786
|
-
.pf-v6-c-login {
|
|
18787
|
-
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
18788
|
-
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
18789
|
-
}
|
|
18790
|
-
}
|
|
18791
|
-
@media (min-width: 75rem) {
|
|
18792
|
-
.pf-v6-c-login {
|
|
18793
|
-
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
18794
|
-
}
|
|
18795
|
-
}
|
|
18796
|
-
@media (min-width: 48rem) {
|
|
18797
|
-
.pf-v6-c-login {
|
|
18798
|
-
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
18799
|
-
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
18800
|
-
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
|
|
18801
|
-
}
|
|
18802
|
-
}
|
|
18803
|
-
@media (min-width: 48rem) {
|
|
18804
|
-
.pf-v6-c-login {
|
|
18805
|
-
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
18806
|
-
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
18807
|
-
}
|
|
18808
18885
|
}
|
|
18809
18886
|
@media (min-width: 36rem) {
|
|
18810
18887
|
.pf-v6-c-login {
|
|
@@ -18812,6 +18889,10 @@ ul.pf-v6-c-list {
|
|
|
18812
18889
|
--pf-v6-c-login__footer--PaddingInlineStart: 0;
|
|
18813
18890
|
}
|
|
18814
18891
|
}
|
|
18892
|
+
.pf-v6-c-login {
|
|
18893
|
+
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18894
|
+
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
18895
|
+
}
|
|
18815
18896
|
@media (min-width: 75rem) {
|
|
18816
18897
|
.pf-v6-c-login {
|
|
18817
18898
|
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
|
|
@@ -19022,6 +19103,11 @@ ul.pf-v6-c-list {
|
|
|
19022
19103
|
--pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
|
|
19023
19104
|
}
|
|
19024
19105
|
|
|
19106
|
+
.pf-v6-c-masthead .pf-v6-c-toolbar {
|
|
19107
|
+
--pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
|
|
19108
|
+
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
19109
|
+
--pf-v6-c-toolbar__content--MinWidth: 0;
|
|
19110
|
+
}
|
|
19025
19111
|
.pf-v6-c-masthead {
|
|
19026
19112
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
19027
19113
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
@@ -19035,23 +19121,6 @@ ul.pf-v6-c-list {
|
|
|
19035
19121
|
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
19036
19122
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
19037
19123
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
19038
|
-
display: grid;
|
|
19039
|
-
grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
|
|
19040
|
-
grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
|
|
19041
|
-
row-gap: var(--pf-v6-c-masthead--RowGap);
|
|
19042
|
-
column-gap: var(--pf-v6-c-masthead--ColumnGap);
|
|
19043
|
-
align-items: start;
|
|
19044
|
-
min-width: 0;
|
|
19045
|
-
padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19046
|
-
padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19047
|
-
padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
|
|
19048
|
-
padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
|
|
19049
|
-
background-color: var(--pf-v6-c-masthead--BackgroundColor);
|
|
19050
|
-
}
|
|
19051
|
-
.pf-v6-c-masthead .pf-v6-c-toolbar {
|
|
19052
|
-
--pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
|
|
19053
|
-
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
19054
|
-
--pf-v6-c-toolbar__content--MinWidth: 0;
|
|
19055
19124
|
}
|
|
19056
19125
|
@media screen and (min-width: 48rem) {
|
|
19057
19126
|
:where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
|
|
@@ -19069,7 +19138,33 @@ ul.pf-v6-c-list {
|
|
|
19069
19138
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
19070
19139
|
}
|
|
19071
19140
|
}
|
|
19141
|
+
.pf-v6-c-masthead {
|
|
19142
|
+
display: grid;
|
|
19143
|
+
grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
|
|
19144
|
+
grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
|
|
19145
|
+
row-gap: var(--pf-v6-c-masthead--RowGap);
|
|
19146
|
+
column-gap: var(--pf-v6-c-masthead--ColumnGap);
|
|
19147
|
+
align-items: start;
|
|
19148
|
+
min-width: 0;
|
|
19149
|
+
padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19150
|
+
padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19151
|
+
padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
|
|
19152
|
+
padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
|
|
19153
|
+
background-color: var(--pf-v6-c-masthead--BackgroundColor);
|
|
19154
|
+
}
|
|
19072
19155
|
.pf-v6-c-masthead.pf-m-docked {
|
|
19156
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
19157
|
+
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
19158
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
19159
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
19160
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
19161
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
19162
|
+
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
19163
|
+
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
19164
|
+
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
19165
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
19166
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
19167
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
19073
19168
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-v6-c-masthead--m-docked--BackgroundColor);
|
|
19074
19169
|
--pf-v6-c-masthead--GridTemplateRows: var(--pf-v6-c-masthead--m-docked--GridTemplateRows);
|
|
19075
19170
|
--pf-v6-c-masthead--PaddingBlockStart: var(--pf-v6-c-masthead--m-docked--PaddingBlockStart);
|
|
@@ -19091,8 +19186,8 @@ ul.pf-v6-c-list {
|
|
|
19091
19186
|
backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
|
|
19092
19187
|
}
|
|
19093
19188
|
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
|
|
19094
|
-
flex-direction: column;
|
|
19095
19189
|
flex-grow: 1;
|
|
19190
|
+
flex-direction: column;
|
|
19096
19191
|
align-self: revert;
|
|
19097
19192
|
}
|
|
19098
19193
|
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
|
|
@@ -19562,6 +19657,13 @@ ul.pf-v6-c-list {
|
|
|
19562
19657
|
--pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
19563
19658
|
--pf-v6-c-menu--TransitionDuration: 0s;
|
|
19564
19659
|
--pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
19660
|
+
}
|
|
19661
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
19662
|
+
.pf-v6-c-menu {
|
|
19663
|
+
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
19664
|
+
}
|
|
19665
|
+
}
|
|
19666
|
+
.pf-v6-c-menu {
|
|
19565
19667
|
--pf-v6-c-menu--m-plain--BoxShadow: none;
|
|
19566
19668
|
--pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
|
|
19567
19669
|
--pf-v6-c-menu__content--Height: auto;
|
|
@@ -19641,33 +19743,34 @@ ul.pf-v6-c-list {
|
|
|
19641
19743
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19642
19744
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19643
19745
|
--pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
|
|
19644
|
-
--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
|
|
19645
|
-
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
|
|
19646
|
-
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
19647
|
-
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
|
|
19648
|
-
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
19649
|
-
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
|
|
19650
|
-
}
|
|
19651
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
19652
|
-
.pf-v6-c-menu {
|
|
19653
|
-
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
19654
|
-
}
|
|
19655
19746
|
}
|
|
19656
19747
|
@media (prefers-reduced-motion: no-preference) {
|
|
19657
19748
|
.pf-v6-c-menu {
|
|
19658
19749
|
--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);
|
|
19659
19750
|
}
|
|
19660
19751
|
}
|
|
19752
|
+
.pf-v6-c-menu {
|
|
19753
|
+
--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
|
|
19754
|
+
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
|
|
19755
|
+
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
19756
|
+
}
|
|
19661
19757
|
@media (prefers-reduced-motion: no-preference) {
|
|
19662
19758
|
.pf-v6-c-menu {
|
|
19663
19759
|
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19664
19760
|
}
|
|
19665
19761
|
}
|
|
19762
|
+
.pf-v6-c-menu {
|
|
19763
|
+
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
|
|
19764
|
+
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
19765
|
+
}
|
|
19666
19766
|
@media (prefers-reduced-motion: no-preference) {
|
|
19667
19767
|
.pf-v6-c-menu {
|
|
19668
19768
|
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19669
19769
|
}
|
|
19670
19770
|
}
|
|
19771
|
+
.pf-v6-c-menu {
|
|
19772
|
+
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
|
|
19773
|
+
}
|
|
19671
19774
|
|
|
19672
19775
|
.pf-v6-c-menu__content,
|
|
19673
19776
|
.pf-v6-c-menu__list-item,
|
|
@@ -20125,13 +20228,14 @@ ul.pf-v6-c-list {
|
|
|
20125
20228
|
--pf-v6-c-check__input--TranslateY: none;
|
|
20126
20229
|
}
|
|
20127
20230
|
|
|
20128
|
-
.pf-v6-c-menu__item-toggle-icon {
|
|
20129
|
-
color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
|
|
20130
|
-
}
|
|
20131
20231
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
|
|
20132
20232
|
scale: -1 1;
|
|
20133
20233
|
}
|
|
20134
20234
|
|
|
20235
|
+
.pf-v6-c-menu__item-toggle-icon {
|
|
20236
|
+
color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
|
|
20237
|
+
}
|
|
20238
|
+
|
|
20135
20239
|
.pf-v6-c-menu__item-icon {
|
|
20136
20240
|
color: var(--pf-v6-c-menu__item--icon--Color, inherit);
|
|
20137
20241
|
}
|
|
@@ -20722,6 +20826,13 @@ ul.pf-v6-c-list {
|
|
|
20722
20826
|
--pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
20723
20827
|
--pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
20724
20828
|
--pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
20829
|
+
}
|
|
20830
|
+
@media (min-width: 75rem) {
|
|
20831
|
+
.pf-v6-c-modal-box {
|
|
20832
|
+
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
|
20833
|
+
}
|
|
20834
|
+
}
|
|
20835
|
+
.pf-v6-c-modal-box {
|
|
20725
20836
|
--pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
20726
20837
|
--pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20727
20838
|
--pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -20753,11 +20864,6 @@ ul.pf-v6-c-list {
|
|
|
20753
20864
|
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
20754
20865
|
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
|
|
20755
20866
|
}
|
|
20756
|
-
@media (min-width: 75rem) {
|
|
20757
|
-
.pf-v6-c-modal-box {
|
|
20758
|
-
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
|
20759
|
-
}
|
|
20760
|
-
}
|
|
20761
20867
|
|
|
20762
20868
|
.pf-v6-c-modal-box {
|
|
20763
20869
|
position: relative;
|
|
@@ -20819,8 +20925,8 @@ ul.pf-v6-c-list {
|
|
|
20819
20925
|
|
|
20820
20926
|
.pf-v6-c-modal-box__header {
|
|
20821
20927
|
display: flex;
|
|
20822
|
-
flex-direction: column;
|
|
20823
20928
|
flex-shrink: 0;
|
|
20929
|
+
flex-direction: column;
|
|
20824
20930
|
gap: var(--pf-v6-c-modal-box__header--Gap);
|
|
20825
20931
|
padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
|
|
20826
20932
|
padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
|
|
@@ -20837,8 +20943,8 @@ ul.pf-v6-c-list {
|
|
|
20837
20943
|
|
|
20838
20944
|
.pf-v6-c-modal-box__header-main {
|
|
20839
20945
|
display: flex;
|
|
20840
|
-
flex-direction: column;
|
|
20841
20946
|
flex-grow: 1;
|
|
20947
|
+
flex-direction: column;
|
|
20842
20948
|
gap: var(--pf-v6-c-modal-box__header-main--Gap);
|
|
20843
20949
|
min-width: 0;
|
|
20844
20950
|
padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
|
|
@@ -21192,6 +21298,15 @@ ul.pf-v6-c-list {
|
|
|
21192
21298
|
--pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
|
|
21193
21299
|
--pf-v6-c-nav__subnav--TranslateY: 0;
|
|
21194
21300
|
--pf-v6-c-nav__subnav--hidden--TranslateY: 0;
|
|
21301
|
+
}
|
|
21302
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
21303
|
+
.pf-v6-c-nav {
|
|
21304
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
21305
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
21306
|
+
--pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
|
|
21307
|
+
}
|
|
21308
|
+
}
|
|
21309
|
+
.pf-v6-c-nav {
|
|
21195
21310
|
--pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
|
|
21196
21311
|
--pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
21197
21312
|
--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -21227,13 +21342,6 @@ ul.pf-v6-c-list {
|
|
|
21227
21342
|
--pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
21228
21343
|
--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
21229
21344
|
}
|
|
21230
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
21231
|
-
.pf-v6-c-nav {
|
|
21232
|
-
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
21233
|
-
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
21234
|
-
--pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
|
|
21235
|
-
}
|
|
21236
|
-
}
|
|
21237
21345
|
|
|
21238
21346
|
.pf-v6-c-nav,
|
|
21239
21347
|
.pf-v6-c-nav__section,
|
|
@@ -21281,6 +21389,10 @@ ul.pf-v6-c-list {
|
|
|
21281
21389
|
position: relative;
|
|
21282
21390
|
align-self: center;
|
|
21283
21391
|
min-width: 1lh;
|
|
21392
|
+
text-align: center;
|
|
21393
|
+
}
|
|
21394
|
+
.pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text {
|
|
21395
|
+
display: none;
|
|
21284
21396
|
}
|
|
21285
21397
|
.pf-v6-c-nav .pf-v6-c-menu {
|
|
21286
21398
|
--pf-v6-c-menu--MinWidth: 100%;
|
|
@@ -21514,12 +21626,14 @@ ul.pf-v6-c-list {
|
|
|
21514
21626
|
scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
|
|
21515
21627
|
scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
|
|
21516
21628
|
-webkit-overflow-scrolling: touch;
|
|
21517
|
-
scrollbar-width: none;
|
|
21518
|
-
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
21519
21629
|
}
|
|
21520
21630
|
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
|
|
21521
21631
|
display: none;
|
|
21522
21632
|
}
|
|
21633
|
+
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
|
|
21634
|
+
scrollbar-width: none;
|
|
21635
|
+
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
21636
|
+
}
|
|
21523
21637
|
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
|
|
21524
21638
|
outline-offset: var(--pf-v6-c-nav--OutlineOffset);
|
|
21525
21639
|
}
|
|
@@ -21734,9 +21848,9 @@ ul.pf-v6-c-list {
|
|
|
21734
21848
|
}
|
|
21735
21849
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
21736
21850
|
display: -webkit-box;
|
|
21851
|
+
overflow: hidden;
|
|
21737
21852
|
-webkit-box-orient: vertical;
|
|
21738
21853
|
-webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
|
|
21739
|
-
overflow: hidden;
|
|
21740
21854
|
}
|
|
21741
21855
|
|
|
21742
21856
|
.pf-v6-c-notification-drawer__list-item-action {
|
|
@@ -21790,9 +21904,9 @@ ul.pf-v6-c-list {
|
|
|
21790
21904
|
|
|
21791
21905
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
21792
21906
|
display: -webkit-box;
|
|
21907
|
+
overflow: hidden;
|
|
21793
21908
|
-webkit-box-orient: vertical;
|
|
21794
21909
|
-webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
|
|
21795
|
-
overflow: hidden;
|
|
21796
21910
|
flex: 1;
|
|
21797
21911
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
21798
21912
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
@@ -21805,15 +21919,15 @@ ul.pf-v6-c-list {
|
|
|
21805
21919
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
|
|
21806
21920
|
}
|
|
21807
21921
|
|
|
21922
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21923
|
+
scale: -1 1;
|
|
21924
|
+
}
|
|
21925
|
+
|
|
21808
21926
|
.pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21809
21927
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
|
|
21810
21928
|
color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
|
|
21811
21929
|
transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
|
|
21812
21930
|
}
|
|
21813
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21814
|
-
scale: -1 1;
|
|
21815
|
-
}
|
|
21816
|
-
|
|
21817
21931
|
.pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21818
21932
|
transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
21819
21933
|
}
|
|
@@ -21882,6 +21996,15 @@ ul.pf-v6-c-list {
|
|
|
21882
21996
|
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
21883
21997
|
--pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21884
21998
|
--pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
21999
|
+
}
|
|
22000
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
22001
|
+
.pf-v6-c-page {
|
|
22002
|
+
--pf-v6-c-page__sidebar--Opacity: 1;
|
|
22003
|
+
--pf-v6-c-page__sidebar--TransitionProperty: transform;
|
|
22004
|
+
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
22005
|
+
}
|
|
22006
|
+
}
|
|
22007
|
+
.pf-v6-c-page {
|
|
21885
22008
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
21886
22009
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
21887
22010
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -21897,6 +22020,15 @@ ul.pf-v6-c-list {
|
|
|
21897
22020
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
|
21898
22021
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
21899
22022
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
22023
|
+
}
|
|
22024
|
+
@media screen and (min-width: 75rem) {
|
|
22025
|
+
.pf-v6-c-page {
|
|
22026
|
+
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
22027
|
+
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
22028
|
+
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
22029
|
+
}
|
|
22030
|
+
}
|
|
22031
|
+
.pf-v6-c-page {
|
|
21900
22032
|
--pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
|
|
21901
22033
|
--pf-v6-c-page__main-container--GridArea: main;
|
|
21902
22034
|
--pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
|
|
@@ -21919,6 +22051,17 @@ ul.pf-v6-c-list {
|
|
|
21919
22051
|
--pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
|
|
21920
22052
|
--pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
|
|
21921
22053
|
--pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
|
|
22054
|
+
}
|
|
22055
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
22056
|
+
.pf-v6-c-page {
|
|
22057
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
22058
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
22059
|
+
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
|
22060
|
+
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
|
22061
|
+
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
|
22062
|
+
}
|
|
22063
|
+
}
|
|
22064
|
+
.pf-v6-c-page {
|
|
21922
22065
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
21923
22066
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
21924
22067
|
--pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -21971,29 +22114,6 @@ ul.pf-v6-c-list {
|
|
|
21971
22114
|
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
21972
22115
|
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
21973
22116
|
}
|
|
21974
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
21975
|
-
.pf-v6-c-page {
|
|
21976
|
-
--pf-v6-c-page__sidebar--Opacity: 1;
|
|
21977
|
-
--pf-v6-c-page__sidebar--TransitionProperty: transform;
|
|
21978
|
-
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
21979
|
-
}
|
|
21980
|
-
}
|
|
21981
|
-
@media screen and (min-width: 75rem) {
|
|
21982
|
-
.pf-v6-c-page {
|
|
21983
|
-
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
21984
|
-
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
21985
|
-
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
21986
|
-
}
|
|
21987
|
-
}
|
|
21988
|
-
@media screen and (max-width: calc(48rem - 1px)) {
|
|
21989
|
-
.pf-v6-c-page {
|
|
21990
|
-
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
21991
|
-
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
21992
|
-
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
|
21993
|
-
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
|
21994
|
-
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
|
21995
|
-
}
|
|
21996
|
-
}
|
|
21997
22117
|
|
|
21998
22118
|
.pf-v6-c-page {
|
|
21999
22119
|
display: grid;
|
|
@@ -22068,15 +22188,15 @@ ul.pf-v6-c-list {
|
|
|
22068
22188
|
}
|
|
22069
22189
|
}
|
|
22070
22190
|
|
|
22071
|
-
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
22072
|
-
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
22073
|
-
grid-area: header;
|
|
22074
|
-
}
|
|
22075
22191
|
@media (min-width: 75rem) {
|
|
22076
22192
|
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
22077
22193
|
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
|
|
22078
22194
|
}
|
|
22079
22195
|
}
|
|
22196
|
+
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
22197
|
+
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
22198
|
+
grid-area: header;
|
|
22199
|
+
}
|
|
22080
22200
|
|
|
22081
22201
|
.pf-v6-c-page__dock {
|
|
22082
22202
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
@@ -22193,8 +22313,8 @@ ul.pf-v6-c-list {
|
|
|
22193
22313
|
.pf-v6-c-page__main-group,
|
|
22194
22314
|
.pf-v6-c-page__main-subnav {
|
|
22195
22315
|
display: flex;
|
|
22196
|
-
flex-direction: column;
|
|
22197
22316
|
flex-shrink: 0;
|
|
22317
|
+
flex-direction: column;
|
|
22198
22318
|
}
|
|
22199
22319
|
.pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
|
|
22200
22320
|
.pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
|
|
@@ -22438,8 +22558,8 @@ ul.pf-v6-c-list {
|
|
|
22438
22558
|
.pf-v6-c-page__main-drawer,
|
|
22439
22559
|
.pf-v6-c-page__main-group {
|
|
22440
22560
|
display: flex;
|
|
22441
|
-
flex-direction: column;
|
|
22442
22561
|
flex-grow: 1;
|
|
22562
|
+
flex-direction: column;
|
|
22443
22563
|
}
|
|
22444
22564
|
|
|
22445
22565
|
.pf-v6-c-page__main {
|
|
@@ -24353,8 +24473,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24353
24473
|
position: var(--pf-v6-c-sidebar__panel--Position);
|
|
24354
24474
|
inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
|
|
24355
24475
|
z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
|
|
24356
|
-
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
24357
24476
|
flex-shrink: 0;
|
|
24477
|
+
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
24358
24478
|
order: var(--pf-v6-c-sidebar__panel--Order);
|
|
24359
24479
|
padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
|
|
24360
24480
|
padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
|
|
@@ -24651,7 +24771,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24651
24771
|
--pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
|
|
24652
24772
|
--pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
|
|
24653
24773
|
--pf-v6-c-skeleton--before--Height: auto;
|
|
24654
|
-
--pf-v6-c-skeleton--before--Content: "
|
|
24774
|
+
--pf-v6-c-skeleton--before--Content: "\00a0";
|
|
24655
24775
|
--pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
|
|
24656
24776
|
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
24657
24777
|
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
@@ -24662,6 +24782,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24662
24782
|
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
24663
24783
|
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
24664
24784
|
--pf-v6-c-skeleton--after--AnimationDelay: .5s;
|
|
24785
|
+
}
|
|
24786
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
24787
|
+
.pf-v6-c-skeleton {
|
|
24788
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
24789
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
24790
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
24791
|
+
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
24792
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
24793
|
+
}
|
|
24794
|
+
}
|
|
24795
|
+
.pf-v6-c-skeleton {
|
|
24665
24796
|
--pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
24666
24797
|
--pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
|
|
24667
24798
|
--pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
|
|
@@ -24689,15 +24820,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24689
24820
|
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
24690
24821
|
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
24691
24822
|
}
|
|
24692
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
24693
|
-
.pf-v6-c-skeleton {
|
|
24694
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
24695
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
24696
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
24697
|
-
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
24698
|
-
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
24699
|
-
}
|
|
24700
|
-
}
|
|
24701
24823
|
|
|
24702
24824
|
.pf-v6-c-skeleton {
|
|
24703
24825
|
position: relative;
|
|
@@ -24714,6 +24836,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24714
24836
|
padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
|
|
24715
24837
|
content: var(--pf-v6-c-skeleton--before--Content);
|
|
24716
24838
|
}
|
|
24839
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
24840
|
+
scale: -1 1;
|
|
24841
|
+
}
|
|
24842
|
+
|
|
24717
24843
|
.pf-v6-c-skeleton::after {
|
|
24718
24844
|
position: absolute;
|
|
24719
24845
|
inset: 0;
|
|
@@ -24723,10 +24849,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24723
24849
|
transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
|
|
24724
24850
|
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);
|
|
24725
24851
|
}
|
|
24726
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
24727
|
-
scale: -1 1;
|
|
24728
|
-
}
|
|
24729
|
-
|
|
24730
24852
|
.pf-v6-c-skeleton.pf-m-circle {
|
|
24731
24853
|
--pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
|
|
24732
24854
|
}
|
|
@@ -24914,12 +25036,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24914
25036
|
|
|
24915
25037
|
.pf-v6-c-slider {
|
|
24916
25038
|
--pf-v6-c-slider__rail-track--before--fill--direction: right;
|
|
24917
|
-
display: flex;
|
|
24918
25039
|
}
|
|
24919
25040
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
|
|
24920
25041
|
--pf-v6-c-slider__rail-track--before--fill--direction: left;
|
|
24921
25042
|
}
|
|
24922
25043
|
|
|
25044
|
+
.pf-v6-c-slider {
|
|
25045
|
+
display: flex;
|
|
25046
|
+
}
|
|
24923
25047
|
.pf-v6-c-slider.pf-m-disabled {
|
|
24924
25048
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
|
|
24925
25049
|
--pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
|
|
@@ -24982,6 +25106,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24982
25106
|
|
|
24983
25107
|
.pf-v6-c-slider__step-tick {
|
|
24984
25108
|
transform: translateX(var(--pf-v6-c-slider__step-tick--TranslateX));
|
|
25109
|
+
}
|
|
25110
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
25111
|
+
transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
25112
|
+
}
|
|
25113
|
+
|
|
25114
|
+
.pf-v6-c-slider__step-tick {
|
|
24985
25115
|
position: absolute;
|
|
24986
25116
|
inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
|
|
24987
25117
|
inset-inline-start: 0;
|
|
@@ -24991,22 +25121,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24991
25121
|
border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
|
|
24992
25122
|
border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
|
|
24993
25123
|
}
|
|
24994
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
24995
|
-
transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
24996
|
-
}
|
|
24997
25124
|
|
|
24998
25125
|
.pf-v6-c-slider__step-label {
|
|
24999
25126
|
transform: translateX(var(--pf-v6-c-slider__step-label--TranslateX));
|
|
25000
|
-
position: absolute;
|
|
25001
|
-
inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
|
|
25002
|
-
word-break: normal;
|
|
25003
25127
|
}
|
|
25004
25128
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
|
|
25005
25129
|
transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
25006
25130
|
}
|
|
25007
25131
|
|
|
25132
|
+
.pf-v6-c-slider__step-label {
|
|
25133
|
+
position: absolute;
|
|
25134
|
+
inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
|
|
25135
|
+
word-break: normal;
|
|
25136
|
+
}
|
|
25137
|
+
|
|
25008
25138
|
.pf-v6-c-slider__thumb {
|
|
25009
25139
|
transform: translate(var(--pf-v6-c-slider__thumb--TranslateX), var(--pf-v6-c-slider__thumb--TranslateY));
|
|
25140
|
+
}
|
|
25141
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
|
|
25142
|
+
transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
|
|
25143
|
+
}
|
|
25144
|
+
|
|
25145
|
+
.pf-v6-c-slider__thumb {
|
|
25010
25146
|
position: absolute;
|
|
25011
25147
|
inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
|
|
25012
25148
|
inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
|
|
@@ -25018,12 +25154,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25018
25154
|
border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
|
|
25019
25155
|
box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
|
|
25020
25156
|
}
|
|
25021
|
-
|
|
25022
|
-
transform: translate(
|
|
25157
|
+
.pf-v6-c-slider__thumb::before {
|
|
25158
|
+
transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
25159
|
+
}
|
|
25160
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
|
|
25161
|
+
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));
|
|
25023
25162
|
}
|
|
25024
25163
|
|
|
25025
25164
|
.pf-v6-c-slider__thumb::before {
|
|
25026
|
-
transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
25027
25165
|
position: absolute;
|
|
25028
25166
|
inset-block-start: 50%;
|
|
25029
25167
|
inset-inline-start: 50%;
|
|
@@ -25032,10 +25170,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25032
25170
|
content: "";
|
|
25033
25171
|
border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
|
|
25034
25172
|
}
|
|
25035
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
|
|
25036
|
-
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));
|
|
25037
|
-
}
|
|
25038
|
-
|
|
25039
25173
|
.pf-v6-c-slider__thumb:hover {
|
|
25040
25174
|
--pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
|
|
25041
25175
|
}
|
|
@@ -25052,16 +25186,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25052
25186
|
}
|
|
25053
25187
|
.pf-v6-c-slider__value.pf-m-floating {
|
|
25054
25188
|
transform: translate(var(--pf-v6-c-slider__value--m-floating--TranslateX), var(--pf-v6-c-slider__value--m-floating--TranslateY));
|
|
25189
|
+
}
|
|
25190
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
|
|
25191
|
+
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));
|
|
25192
|
+
}
|
|
25193
|
+
|
|
25194
|
+
.pf-v6-c-slider__value.pf-m-floating {
|
|
25055
25195
|
--pf-v6-c-slider__value--MarginInlineStart: 0;
|
|
25056
25196
|
position: absolute;
|
|
25057
25197
|
inset-block-start: 0;
|
|
25058
25198
|
inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
|
|
25059
25199
|
z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
|
|
25060
25200
|
}
|
|
25061
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
|
|
25062
|
-
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));
|
|
25063
|
-
}
|
|
25064
|
-
|
|
25065
25201
|
.pf-v6-c-slider__value .pf-v6-c-form-control {
|
|
25066
25202
|
width: var(--pf-v6-c-slider__value--c-form-control--Width);
|
|
25067
25203
|
}
|
|
@@ -25239,12 +25375,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25239
25375
|
}
|
|
25240
25376
|
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
25241
25377
|
transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
|
|
25242
|
-
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
25243
25378
|
}
|
|
25244
25379
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
25245
25380
|
transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
|
|
25246
25381
|
}
|
|
25247
25382
|
|
|
25383
|
+
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
25384
|
+
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
25385
|
+
}
|
|
25248
25386
|
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
|
|
25249
25387
|
color: var(--pf-v6-c-switch__input--not-checked__label--Color);
|
|
25250
25388
|
}
|
|
@@ -27066,6 +27204,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27066
27204
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
|
27067
27205
|
--pf-v6-c-table__expandable-row--TranslateY: 0;
|
|
27068
27206
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
|
|
27207
|
+
}
|
|
27208
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
27209
|
+
.pf-v6-c-table {
|
|
27210
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
27211
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
27212
|
+
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
|
27213
|
+
}
|
|
27214
|
+
}
|
|
27215
|
+
.pf-v6-c-table {
|
|
27069
27216
|
--pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
27070
27217
|
--pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
27071
27218
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -27134,13 +27281,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27134
27281
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
27135
27282
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
27136
27283
|
}
|
|
27137
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
27138
|
-
.pf-v6-c-table {
|
|
27139
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
27140
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
27141
|
-
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
|
27142
|
-
}
|
|
27143
|
-
}
|
|
27144
27284
|
|
|
27145
27285
|
.pf-v6-c-table {
|
|
27146
27286
|
width: 100%;
|
|
@@ -27205,22 +27345,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27205
27345
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
27206
27346
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
27207
27347
|
display: var(--pf-v6-hidden-visible--Display);
|
|
27208
|
-
position: relative;
|
|
27209
|
-
width: var(--pf-v6-c-table--cell--Width);
|
|
27210
|
-
min-width: var(--pf-v6-c-table--cell--MinWidth);
|
|
27211
|
-
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
27212
|
-
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
|
27213
|
-
padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
|
|
27214
|
-
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
27215
|
-
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
27216
|
-
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
27217
|
-
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
27218
|
-
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
27219
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
27220
|
-
color: var(--pf-v6-c-table--cell--Color);
|
|
27221
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
27222
|
-
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
27223
|
-
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
27224
27348
|
}
|
|
27225
27349
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
|
|
27226
27350
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -27265,6 +27389,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27265
27389
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
27266
27390
|
}
|
|
27267
27391
|
}
|
|
27392
|
+
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
|
|
27393
|
+
position: relative;
|
|
27394
|
+
width: var(--pf-v6-c-table--cell--Width);
|
|
27395
|
+
min-width: var(--pf-v6-c-table--cell--MinWidth);
|
|
27396
|
+
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
27397
|
+
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
|
27398
|
+
padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
|
|
27399
|
+
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
27400
|
+
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
27401
|
+
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
27402
|
+
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
27403
|
+
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
27404
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
27405
|
+
color: var(--pf-v6-c-table--cell--Color);
|
|
27406
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
27407
|
+
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
27408
|
+
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
27409
|
+
}
|
|
27268
27410
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
|
27269
27411
|
padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
|
27270
27412
|
}
|
|
@@ -27621,16 +27763,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27621
27763
|
.pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
|
|
27622
27764
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
|
27623
27765
|
}
|
|
27766
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27767
|
+
scale: -1 1;
|
|
27768
|
+
}
|
|
27769
|
+
|
|
27624
27770
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27625
27771
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
27626
27772
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
27627
27773
|
transition-property: transform;
|
|
27628
27774
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
27629
27775
|
}
|
|
27630
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27631
|
-
scale: -1 1;
|
|
27632
|
-
}
|
|
27633
|
-
|
|
27634
27776
|
.pf-v6-c-table__toggle svg {
|
|
27635
27777
|
pointer-events: none;
|
|
27636
27778
|
}
|
|
@@ -28107,13 +28249,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28107
28249
|
}
|
|
28108
28250
|
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
28109
28251
|
transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
|
|
28110
|
-
position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
|
|
28111
|
-
inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
|
|
28112
28252
|
}
|
|
28113
28253
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
28114
28254
|
transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
28115
28255
|
}
|
|
28116
28256
|
|
|
28257
|
+
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
28258
|
+
position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
|
|
28259
|
+
inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
|
|
28260
|
+
}
|
|
28117
28261
|
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
28118
28262
|
min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
|
|
28119
28263
|
}
|
|
@@ -29163,8 +29307,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29163
29307
|
}
|
|
29164
29308
|
.pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
|
|
29165
29309
|
position: relative;
|
|
29166
|
-
flex-direction: column;
|
|
29167
29310
|
flex-grow: 1;
|
|
29311
|
+
flex-direction: column;
|
|
29168
29312
|
max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
|
|
29169
29313
|
}
|
|
29170
29314
|
.pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
|
|
@@ -29329,15 +29473,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29329
29473
|
white-space: normal;
|
|
29330
29474
|
}
|
|
29331
29475
|
|
|
29476
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
29477
|
+
scale: -1 1;
|
|
29478
|
+
}
|
|
29479
|
+
|
|
29332
29480
|
.pf-v6-c-tabs__toggle-icon {
|
|
29333
29481
|
display: inline-block;
|
|
29334
29482
|
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
29335
29483
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
29336
29484
|
}
|
|
29337
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
29338
|
-
scale: -1 1;
|
|
29339
|
-
}
|
|
29340
29485
|
|
|
29486
|
+
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
29487
|
+
display: none;
|
|
29488
|
+
}
|
|
29341
29489
|
.pf-v6-c-tabs__list {
|
|
29342
29490
|
scrollbar-width: none;
|
|
29343
29491
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
@@ -29349,20 +29497,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29349
29497
|
scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
|
|
29350
29498
|
-webkit-overflow-scrolling: touch;
|
|
29351
29499
|
}
|
|
29352
|
-
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
29353
|
-
display: none;
|
|
29354
|
-
}
|
|
29355
29500
|
|
|
29356
29501
|
.pf-v6-c-tabs__item {
|
|
29357
29502
|
position: relative;
|
|
29358
29503
|
display: flex;
|
|
29359
29504
|
flex: none;
|
|
29360
29505
|
column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
|
|
29361
|
-
scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
|
|
29362
29506
|
padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
|
|
29363
29507
|
padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
|
|
29364
29508
|
padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
|
|
29365
29509
|
padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
|
|
29510
|
+
scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
|
|
29366
29511
|
background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
|
|
29367
29512
|
}
|
|
29368
29513
|
.pf-v6-c-tabs__item.pf-m-current {
|
|
@@ -29415,6 +29560,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29415
29560
|
border: 0;
|
|
29416
29561
|
}
|
|
29417
29562
|
|
|
29563
|
+
.pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
|
|
29564
|
+
--pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
|
|
29565
|
+
}
|
|
29566
|
+
|
|
29418
29567
|
.pf-v6-c-tabs__link {
|
|
29419
29568
|
display: flex;
|
|
29420
29569
|
flex: 1;
|
|
@@ -29432,10 +29581,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29432
29581
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
|
29433
29582
|
transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
|
|
29434
29583
|
}
|
|
29435
|
-
.pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
|
|
29436
|
-
--pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
|
|
29437
|
-
}
|
|
29438
|
-
|
|
29439
29584
|
.pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
|
|
29440
29585
|
pointer-events: none;
|
|
29441
29586
|
border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
|
|
@@ -29490,6 +29635,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29490
29635
|
--pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
|
|
29491
29636
|
}
|
|
29492
29637
|
|
|
29638
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
|
|
29639
|
+
scale: -1 1;
|
|
29640
|
+
}
|
|
29641
|
+
|
|
29493
29642
|
.pf-v6-c-tabs__link-toggle-icon {
|
|
29494
29643
|
align-self: end;
|
|
29495
29644
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
@@ -29497,9 +29646,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29497
29646
|
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
29498
29647
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
29499
29648
|
}
|
|
29500
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
|
|
29501
|
-
scale: -1 1;
|
|
29502
|
-
}
|
|
29503
29649
|
|
|
29504
29650
|
.pf-v6-c-tabs__item-action {
|
|
29505
29651
|
display: flex;
|
|
@@ -30517,9 +30663,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30517
30663
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
30518
30664
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
30519
30665
|
display: var(--pf-v6-hidden-visible--Display);
|
|
30520
|
-
row-gap: var(--pf-v6-c-toolbar__content--RowGap);
|
|
30521
|
-
padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
|
|
30522
|
-
padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
|
|
30523
30666
|
}
|
|
30524
30667
|
.pf-v6-c-toolbar__content.pf-m-hidden {
|
|
30525
30668
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -30564,6 +30707,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30564
30707
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
30565
30708
|
}
|
|
30566
30709
|
}
|
|
30710
|
+
.pf-v6-c-toolbar__content {
|
|
30711
|
+
row-gap: var(--pf-v6-c-toolbar__content--RowGap);
|
|
30712
|
+
padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
|
|
30713
|
+
padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
|
|
30714
|
+
}
|
|
30567
30715
|
|
|
30568
30716
|
.pf-v6-c-toolbar__content-section {
|
|
30569
30717
|
flex-wrap: wrap;
|
|
@@ -30637,11 +30785,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30637
30785
|
|
|
30638
30786
|
.pf-v6-c-toolbar__item {
|
|
30639
30787
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
|
|
30640
|
-
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
|
|
30641
|
-
row-gap: var(--pf-v6-c-toolbar__item--RowGap);
|
|
30642
|
-
column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
|
|
30643
|
-
width: var(--pf-v6-c-toolbar__item--Width--base);
|
|
30644
|
-
min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
|
|
30645
30788
|
}
|
|
30646
30789
|
@media (min-width: 36rem) {
|
|
30647
30790
|
.pf-v6-c-toolbar__item {
|
|
@@ -30668,6 +30811,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30668
30811
|
--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))))));
|
|
30669
30812
|
}
|
|
30670
30813
|
}
|
|
30814
|
+
.pf-v6-c-toolbar__item {
|
|
30815
|
+
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
|
|
30816
|
+
}
|
|
30671
30817
|
@media (min-width: 36rem) {
|
|
30672
30818
|
.pf-v6-c-toolbar__item {
|
|
30673
30819
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
|
|
@@ -30693,6 +30839,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30693
30839
|
--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))))));
|
|
30694
30840
|
}
|
|
30695
30841
|
}
|
|
30842
|
+
.pf-v6-c-toolbar__item {
|
|
30843
|
+
row-gap: var(--pf-v6-c-toolbar__item--RowGap);
|
|
30844
|
+
column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
|
|
30845
|
+
width: var(--pf-v6-c-toolbar__item--Width--base);
|
|
30846
|
+
min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
|
|
30847
|
+
}
|
|
30696
30848
|
.pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
|
|
30697
30849
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
|
|
30698
30850
|
}
|
|
@@ -32566,6 +32718,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32566
32718
|
--pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
|
|
32567
32719
|
--pf-v6-c-tree-view__list--TranslateY: 0;
|
|
32568
32720
|
--pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
|
|
32721
|
+
}
|
|
32722
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
32723
|
+
.pf-v6-c-tree-view {
|
|
32724
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
32725
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
32726
|
+
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
|
32727
|
+
}
|
|
32728
|
+
}
|
|
32729
|
+
.pf-v6-c-tree-view {
|
|
32569
32730
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
|
|
32570
32731
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
|
|
32571
32732
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
@@ -32594,6 +32755,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32594
32755
|
--pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
|
|
32595
32756
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
32596
32757
|
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
|
|
32758
|
+
--pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
32759
|
+
--pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
32760
|
+
--pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
32597
32761
|
--pf-v6-c-tree-view__node-text--max-lines: 1;
|
|
32598
32762
|
--pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
32599
32763
|
--pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -32649,6 +32813,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32649
32813
|
--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
32650
32814
|
--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
32651
32815
|
--pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
|
|
32816
|
+
--pf-v6-c-tree-view--m-compact__node-container--nested--Color: initial;
|
|
32817
|
+
--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: var(--pf-t--global--text--color--on-disabled);
|
|
32818
|
+
--pf-v6-c-tree-view--m-compact__node-icon--nested--Color: initial;
|
|
32819
|
+
--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
32820
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color: initial;
|
|
32821
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
32652
32822
|
--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
|
|
32653
32823
|
--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
|
|
32654
32824
|
--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));
|
|
@@ -32658,13 +32828,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32658
32828
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
|
|
32659
32829
|
--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);
|
|
32660
32830
|
}
|
|
32661
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
32662
|
-
.pf-v6-c-tree-view {
|
|
32663
|
-
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
32664
|
-
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
32665
|
-
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
|
32666
|
-
}
|
|
32667
|
-
}
|
|
32668
32831
|
|
|
32669
32832
|
.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 {
|
|
32670
32833
|
position: relative;
|
|
@@ -32745,11 +32908,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32745
32908
|
padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
|
|
32746
32909
|
padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
|
|
32747
32910
|
padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
|
|
32911
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--Color, inherit);
|
|
32748
32912
|
background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
|
|
32749
32913
|
}
|
|
32750
32914
|
.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 {
|
|
32751
32915
|
margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
|
|
32752
32916
|
margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
|
|
32917
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color, inherit);
|
|
32918
|
+
}
|
|
32919
|
+
.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 {
|
|
32920
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-icon--nested--Color, inherit);
|
|
32753
32921
|
}
|
|
32754
32922
|
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
|
|
32755
32923
|
padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
|
|
@@ -32774,6 +32942,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32774
32942
|
}
|
|
32775
32943
|
.pf-v6-c-tree-view.pf-m-no-background {
|
|
32776
32944
|
--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
|
|
32945
|
+
--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: initial;
|
|
32946
|
+
--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: initial;
|
|
32947
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: initial;
|
|
32948
|
+
}
|
|
32949
|
+
|
|
32950
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
32951
|
+
scale: -1 1;
|
|
32777
32952
|
}
|
|
32778
32953
|
|
|
32779
32954
|
.pf-v6-c-tree-view__node-toggle-icon {
|
|
@@ -32783,9 +32958,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32783
32958
|
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
32784
32959
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
32785
32960
|
}
|
|
32786
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
32787
|
-
scale: -1 1;
|
|
32788
|
-
}
|
|
32789
32961
|
|
|
32790
32962
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
32791
32963
|
max-height: 0;
|
|
@@ -32849,6 +33021,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32849
33021
|
.pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
|
|
32850
33022
|
margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
|
|
32851
33023
|
}
|
|
33024
|
+
.pf-v6-c-tree-view__node.pf-m-disabled {
|
|
33025
|
+
--pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-disabled--Color);
|
|
33026
|
+
--pf-v6-c-tree-view__node-icon--Color: var(--pf-v6-c-tree-view__node-icon--m-disabled--Color);
|
|
33027
|
+
--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);
|
|
33028
|
+
--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);
|
|
33029
|
+
}
|
|
32852
33030
|
|
|
32853
33031
|
.pf-v6-c-tree-view__node-container {
|
|
32854
33032
|
display: var(--pf-v6-c-tree-view__node-container--Display);
|
|
@@ -32891,6 +33069,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32891
33069
|
transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
32892
33070
|
}
|
|
32893
33071
|
|
|
33072
|
+
.pf-v6-c-tree-view__node-toggle.pf-m-disabled {
|
|
33073
|
+
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--m-disabled--Color);
|
|
33074
|
+
}
|
|
33075
|
+
|
|
32894
33076
|
.pf-v6-c-tree-view__node-title.pf-m-truncate,
|
|
32895
33077
|
.pf-v6-c-tree-view__node-text.pf-m-truncate {
|
|
32896
33078
|
--pf-v6-c-tree-view__node-content--Overflow: hidden;
|
|
@@ -32906,6 +33088,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32906
33088
|
white-space: nowrap;
|
|
32907
33089
|
}
|
|
32908
33090
|
|
|
33091
|
+
label.pf-v6-c-tree-view__node-text {
|
|
33092
|
+
cursor: pointer;
|
|
33093
|
+
}
|
|
33094
|
+
|
|
32909
33095
|
.pf-v6-c-tree-view__node-text {
|
|
32910
33096
|
font-weight: inherit;
|
|
32911
33097
|
color: inherit;
|
|
@@ -32913,9 +33099,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32913
33099
|
background-color: transparent;
|
|
32914
33100
|
border: 0;
|
|
32915
33101
|
}
|
|
32916
|
-
label.pf-v6-c-tree-view__node-text {
|
|
32917
|
-
cursor: pointer;
|
|
32918
|
-
}
|
|
32919
33102
|
|
|
32920
33103
|
.pf-v6-c-tree-view__node-title {
|
|
32921
33104
|
font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
|
|
@@ -33144,6 +33327,15 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33144
33327
|
--pf-v6-c-wizard__nav--lg--Width: 15.625rem;
|
|
33145
33328
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
33146
33329
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
|
|
33330
|
+
}
|
|
33331
|
+
@media screen and (min-width: 62rem) {
|
|
33332
|
+
.pf-v6-c-wizard {
|
|
33333
|
+
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
33334
|
+
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
33335
|
+
--pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
|
|
33336
|
+
}
|
|
33337
|
+
}
|
|
33338
|
+
.pf-v6-c-wizard {
|
|
33147
33339
|
--pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
33148
33340
|
--pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
33149
33341
|
--pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -33168,13 +33360,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33168
33360
|
--pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
33169
33361
|
--pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
33170
33362
|
}
|
|
33171
|
-
@media screen and (min-width: 62rem) {
|
|
33172
|
-
.pf-v6-c-wizard {
|
|
33173
|
-
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
33174
|
-
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
33175
|
-
--pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
|
|
33176
|
-
}
|
|
33177
|
-
}
|
|
33178
33363
|
|
|
33179
33364
|
.pf-v6-c-wizard {
|
|
33180
33365
|
position: relative;
|
|
@@ -33310,13 +33495,14 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33310
33495
|
color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
|
|
33311
33496
|
}
|
|
33312
33497
|
|
|
33313
|
-
.pf-v6-c-wizard__toggle-separator {
|
|
33314
|
-
color: var(--pf-v6-c-wizard__toggle-separator--Color);
|
|
33315
|
-
}
|
|
33316
33498
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
|
|
33317
33499
|
scale: -1 1;
|
|
33318
33500
|
}
|
|
33319
33501
|
|
|
33502
|
+
.pf-v6-c-wizard__toggle-separator {
|
|
33503
|
+
color: var(--pf-v6-c-wizard__toggle-separator--Color);
|
|
33504
|
+
}
|
|
33505
|
+
|
|
33320
33506
|
.pf-v6-c-wizard__toggle-icon {
|
|
33321
33507
|
line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
|
|
33322
33508
|
}
|
|
@@ -33324,8 +33510,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33324
33510
|
.pf-v6-c-wizard__outer-wrap {
|
|
33325
33511
|
position: relative;
|
|
33326
33512
|
display: flex;
|
|
33327
|
-
flex-direction: column;
|
|
33328
33513
|
flex-grow: 1;
|
|
33514
|
+
flex-direction: column;
|
|
33329
33515
|
min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
|
|
33330
33516
|
background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
|
|
33331
33517
|
}
|
|
@@ -33338,8 +33524,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33338
33524
|
.pf-v6-c-wizard__inner-wrap {
|
|
33339
33525
|
position: relative;
|
|
33340
33526
|
display: flex;
|
|
33341
|
-
flex-direction: column;
|
|
33342
33527
|
flex-grow: 1;
|
|
33528
|
+
flex-direction: column;
|
|
33343
33529
|
min-height: 0;
|
|
33344
33530
|
}
|
|
33345
33531
|
@media screen and (min-width: 62rem) {
|
|
@@ -33517,6 +33703,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33517
33703
|
color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
|
|
33518
33704
|
}
|
|
33519
33705
|
|
|
33706
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|
|
33707
|
+
scale: -1 1;
|
|
33708
|
+
}
|
|
33709
|
+
|
|
33520
33710
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
33521
33711
|
display: inline-block;
|
|
33522
33712
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
@@ -33524,15 +33714,12 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33524
33714
|
transition-property: transform;
|
|
33525
33715
|
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
33526
33716
|
}
|
|
33527
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|
|
33528
|
-
scale: -1 1;
|
|
33529
|
-
}
|
|
33530
33717
|
|
|
33531
33718
|
.pf-v6-c-wizard__main {
|
|
33532
33719
|
z-index: var(--pf-v6-c-wizard__main--ZIndex);
|
|
33533
33720
|
display: flex;
|
|
33534
|
-
flex-direction: column;
|
|
33535
33721
|
flex-grow: 1;
|
|
33722
|
+
flex-direction: column;
|
|
33536
33723
|
overflow-x: hidden;
|
|
33537
33724
|
overflow-y: auto;
|
|
33538
33725
|
word-break: break-word;
|
|
@@ -35970,12 +36157,13 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35970
36157
|
display: grid;
|
|
35971
36158
|
grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
|
|
35972
36159
|
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
35973
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
35974
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
35975
36160
|
}
|
|
35976
36161
|
.pf-v6-l-gallery.pf-m-gutter {
|
|
35977
36162
|
grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
35978
36163
|
}
|
|
36164
|
+
.pf-v6-l-gallery {
|
|
36165
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
36166
|
+
}
|
|
35979
36167
|
@media (min-width: 36rem) {
|
|
35980
36168
|
.pf-v6-l-gallery {
|
|
35981
36169
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
|
|
@@ -36001,6 +36189,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
36001
36189
|
--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))))));
|
|
36002
36190
|
}
|
|
36003
36191
|
}
|
|
36192
|
+
.pf-v6-l-gallery {
|
|
36193
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
36194
|
+
}
|
|
36004
36195
|
@media (min-width: 36rem) {
|
|
36005
36196
|
.pf-v6-l-gallery {
|
|
36006
36197
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
|