@patternfly/patternfly 6.5.0-prerelease.33 → 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 +20 -18
- package/components/Masthead/masthead.scss +6 -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 +13 -9
- 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 +598 -427
- 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 +588 -413
- package/patternfly.css +588 -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,6 +19138,20 @@ 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 {
|
|
19073
19156
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
19074
19157
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
@@ -19103,8 +19186,8 @@ ul.pf-v6-c-list {
|
|
|
19103
19186
|
backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
|
|
19104
19187
|
}
|
|
19105
19188
|
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
|
|
19106
|
-
flex-direction: column;
|
|
19107
19189
|
flex-grow: 1;
|
|
19190
|
+
flex-direction: column;
|
|
19108
19191
|
align-self: revert;
|
|
19109
19192
|
}
|
|
19110
19193
|
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
|
|
@@ -19574,6 +19657,13 @@ ul.pf-v6-c-list {
|
|
|
19574
19657
|
--pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
19575
19658
|
--pf-v6-c-menu--TransitionDuration: 0s;
|
|
19576
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 {
|
|
19577
19667
|
--pf-v6-c-menu--m-plain--BoxShadow: none;
|
|
19578
19668
|
--pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
|
|
19579
19669
|
--pf-v6-c-menu__content--Height: auto;
|
|
@@ -19653,33 +19743,34 @@ ul.pf-v6-c-list {
|
|
|
19653
19743
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19654
19744
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19655
19745
|
--pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
|
|
19656
|
-
--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
|
|
19657
|
-
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
|
|
19658
|
-
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
19659
|
-
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
|
|
19660
|
-
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
19661
|
-
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
|
|
19662
|
-
}
|
|
19663
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
19664
|
-
.pf-v6-c-menu {
|
|
19665
|
-
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
19666
|
-
}
|
|
19667
19746
|
}
|
|
19668
19747
|
@media (prefers-reduced-motion: no-preference) {
|
|
19669
19748
|
.pf-v6-c-menu {
|
|
19670
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);
|
|
19671
19750
|
}
|
|
19672
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
|
+
}
|
|
19673
19757
|
@media (prefers-reduced-motion: no-preference) {
|
|
19674
19758
|
.pf-v6-c-menu {
|
|
19675
19759
|
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19676
19760
|
}
|
|
19677
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
|
+
}
|
|
19678
19766
|
@media (prefers-reduced-motion: no-preference) {
|
|
19679
19767
|
.pf-v6-c-menu {
|
|
19680
19768
|
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19681
19769
|
}
|
|
19682
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
|
+
}
|
|
19683
19774
|
|
|
19684
19775
|
.pf-v6-c-menu__content,
|
|
19685
19776
|
.pf-v6-c-menu__list-item,
|
|
@@ -20137,13 +20228,14 @@ ul.pf-v6-c-list {
|
|
|
20137
20228
|
--pf-v6-c-check__input--TranslateY: none;
|
|
20138
20229
|
}
|
|
20139
20230
|
|
|
20140
|
-
.pf-v6-c-menu__item-toggle-icon {
|
|
20141
|
-
color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
|
|
20142
|
-
}
|
|
20143
20231
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
|
|
20144
20232
|
scale: -1 1;
|
|
20145
20233
|
}
|
|
20146
20234
|
|
|
20235
|
+
.pf-v6-c-menu__item-toggle-icon {
|
|
20236
|
+
color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
|
|
20237
|
+
}
|
|
20238
|
+
|
|
20147
20239
|
.pf-v6-c-menu__item-icon {
|
|
20148
20240
|
color: var(--pf-v6-c-menu__item--icon--Color, inherit);
|
|
20149
20241
|
}
|
|
@@ -20734,6 +20826,13 @@ ul.pf-v6-c-list {
|
|
|
20734
20826
|
--pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
20735
20827
|
--pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
20736
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 {
|
|
20737
20836
|
--pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
20738
20837
|
--pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20739
20838
|
--pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -20765,11 +20864,6 @@ ul.pf-v6-c-list {
|
|
|
20765
20864
|
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
20766
20865
|
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
|
|
20767
20866
|
}
|
|
20768
|
-
@media (min-width: 75rem) {
|
|
20769
|
-
.pf-v6-c-modal-box {
|
|
20770
|
-
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
|
20771
|
-
}
|
|
20772
|
-
}
|
|
20773
20867
|
|
|
20774
20868
|
.pf-v6-c-modal-box {
|
|
20775
20869
|
position: relative;
|
|
@@ -20831,8 +20925,8 @@ ul.pf-v6-c-list {
|
|
|
20831
20925
|
|
|
20832
20926
|
.pf-v6-c-modal-box__header {
|
|
20833
20927
|
display: flex;
|
|
20834
|
-
flex-direction: column;
|
|
20835
20928
|
flex-shrink: 0;
|
|
20929
|
+
flex-direction: column;
|
|
20836
20930
|
gap: var(--pf-v6-c-modal-box__header--Gap);
|
|
20837
20931
|
padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
|
|
20838
20932
|
padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
|
|
@@ -20849,8 +20943,8 @@ ul.pf-v6-c-list {
|
|
|
20849
20943
|
|
|
20850
20944
|
.pf-v6-c-modal-box__header-main {
|
|
20851
20945
|
display: flex;
|
|
20852
|
-
flex-direction: column;
|
|
20853
20946
|
flex-grow: 1;
|
|
20947
|
+
flex-direction: column;
|
|
20854
20948
|
gap: var(--pf-v6-c-modal-box__header-main--Gap);
|
|
20855
20949
|
min-width: 0;
|
|
20856
20950
|
padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
|
|
@@ -21204,6 +21298,15 @@ ul.pf-v6-c-list {
|
|
|
21204
21298
|
--pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
|
|
21205
21299
|
--pf-v6-c-nav__subnav--TranslateY: 0;
|
|
21206
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 {
|
|
21207
21310
|
--pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
|
|
21208
21311
|
--pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
21209
21312
|
--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -21239,13 +21342,6 @@ ul.pf-v6-c-list {
|
|
|
21239
21342
|
--pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
21240
21343
|
--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
21241
21344
|
}
|
|
21242
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
21243
|
-
.pf-v6-c-nav {
|
|
21244
|
-
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
21245
|
-
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
21246
|
-
--pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
|
|
21247
|
-
}
|
|
21248
|
-
}
|
|
21249
21345
|
|
|
21250
21346
|
.pf-v6-c-nav,
|
|
21251
21347
|
.pf-v6-c-nav__section,
|
|
@@ -21530,12 +21626,14 @@ ul.pf-v6-c-list {
|
|
|
21530
21626
|
scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
|
|
21531
21627
|
scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
|
|
21532
21628
|
-webkit-overflow-scrolling: touch;
|
|
21533
|
-
scrollbar-width: none;
|
|
21534
|
-
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
21535
21629
|
}
|
|
21536
21630
|
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
|
|
21537
21631
|
display: none;
|
|
21538
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
|
+
}
|
|
21539
21637
|
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
|
|
21540
21638
|
outline-offset: var(--pf-v6-c-nav--OutlineOffset);
|
|
21541
21639
|
}
|
|
@@ -21750,9 +21848,9 @@ ul.pf-v6-c-list {
|
|
|
21750
21848
|
}
|
|
21751
21849
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
21752
21850
|
display: -webkit-box;
|
|
21851
|
+
overflow: hidden;
|
|
21753
21852
|
-webkit-box-orient: vertical;
|
|
21754
21853
|
-webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
|
|
21755
|
-
overflow: hidden;
|
|
21756
21854
|
}
|
|
21757
21855
|
|
|
21758
21856
|
.pf-v6-c-notification-drawer__list-item-action {
|
|
@@ -21806,9 +21904,9 @@ ul.pf-v6-c-list {
|
|
|
21806
21904
|
|
|
21807
21905
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
21808
21906
|
display: -webkit-box;
|
|
21907
|
+
overflow: hidden;
|
|
21809
21908
|
-webkit-box-orient: vertical;
|
|
21810
21909
|
-webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
|
|
21811
|
-
overflow: hidden;
|
|
21812
21910
|
flex: 1;
|
|
21813
21911
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
21814
21912
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
@@ -21821,15 +21919,15 @@ ul.pf-v6-c-list {
|
|
|
21821
21919
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
|
|
21822
21920
|
}
|
|
21823
21921
|
|
|
21922
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21923
|
+
scale: -1 1;
|
|
21924
|
+
}
|
|
21925
|
+
|
|
21824
21926
|
.pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21825
21927
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
|
|
21826
21928
|
color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
|
|
21827
21929
|
transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
|
|
21828
21930
|
}
|
|
21829
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21830
|
-
scale: -1 1;
|
|
21831
|
-
}
|
|
21832
|
-
|
|
21833
21931
|
.pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21834
21932
|
transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
21835
21933
|
}
|
|
@@ -21898,6 +21996,15 @@ ul.pf-v6-c-list {
|
|
|
21898
21996
|
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
21899
21997
|
--pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21900
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 {
|
|
21901
22008
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
21902
22009
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
21903
22010
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -21913,6 +22020,15 @@ ul.pf-v6-c-list {
|
|
|
21913
22020
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
|
21914
22021
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
21915
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 {
|
|
21916
22032
|
--pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
|
|
21917
22033
|
--pf-v6-c-page__main-container--GridArea: main;
|
|
21918
22034
|
--pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
|
|
@@ -21935,6 +22051,17 @@ ul.pf-v6-c-list {
|
|
|
21935
22051
|
--pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
|
|
21936
22052
|
--pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
|
|
21937
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 {
|
|
21938
22065
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
21939
22066
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
21940
22067
|
--pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -21987,29 +22114,6 @@ ul.pf-v6-c-list {
|
|
|
21987
22114
|
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
21988
22115
|
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
21989
22116
|
}
|
|
21990
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
21991
|
-
.pf-v6-c-page {
|
|
21992
|
-
--pf-v6-c-page__sidebar--Opacity: 1;
|
|
21993
|
-
--pf-v6-c-page__sidebar--TransitionProperty: transform;
|
|
21994
|
-
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
21995
|
-
}
|
|
21996
|
-
}
|
|
21997
|
-
@media screen and (min-width: 75rem) {
|
|
21998
|
-
.pf-v6-c-page {
|
|
21999
|
-
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
22000
|
-
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
22001
|
-
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
22002
|
-
}
|
|
22003
|
-
}
|
|
22004
|
-
@media screen and (max-width: calc(48rem - 1px)) {
|
|
22005
|
-
.pf-v6-c-page {
|
|
22006
|
-
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
22007
|
-
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
22008
|
-
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
|
22009
|
-
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
|
22010
|
-
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
|
22011
|
-
}
|
|
22012
|
-
}
|
|
22013
22117
|
|
|
22014
22118
|
.pf-v6-c-page {
|
|
22015
22119
|
display: grid;
|
|
@@ -22084,15 +22188,15 @@ ul.pf-v6-c-list {
|
|
|
22084
22188
|
}
|
|
22085
22189
|
}
|
|
22086
22190
|
|
|
22087
|
-
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
22088
|
-
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
22089
|
-
grid-area: header;
|
|
22090
|
-
}
|
|
22091
22191
|
@media (min-width: 75rem) {
|
|
22092
22192
|
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
22093
22193
|
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
|
|
22094
22194
|
}
|
|
22095
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
|
+
}
|
|
22096
22200
|
|
|
22097
22201
|
.pf-v6-c-page__dock {
|
|
22098
22202
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
@@ -22209,8 +22313,8 @@ ul.pf-v6-c-list {
|
|
|
22209
22313
|
.pf-v6-c-page__main-group,
|
|
22210
22314
|
.pf-v6-c-page__main-subnav {
|
|
22211
22315
|
display: flex;
|
|
22212
|
-
flex-direction: column;
|
|
22213
22316
|
flex-shrink: 0;
|
|
22317
|
+
flex-direction: column;
|
|
22214
22318
|
}
|
|
22215
22319
|
.pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
|
|
22216
22320
|
.pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
|
|
@@ -22454,8 +22558,8 @@ ul.pf-v6-c-list {
|
|
|
22454
22558
|
.pf-v6-c-page__main-drawer,
|
|
22455
22559
|
.pf-v6-c-page__main-group {
|
|
22456
22560
|
display: flex;
|
|
22457
|
-
flex-direction: column;
|
|
22458
22561
|
flex-grow: 1;
|
|
22562
|
+
flex-direction: column;
|
|
22459
22563
|
}
|
|
22460
22564
|
|
|
22461
22565
|
.pf-v6-c-page__main {
|
|
@@ -24369,8 +24473,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24369
24473
|
position: var(--pf-v6-c-sidebar__panel--Position);
|
|
24370
24474
|
inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
|
|
24371
24475
|
z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
|
|
24372
|
-
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
24373
24476
|
flex-shrink: 0;
|
|
24477
|
+
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
24374
24478
|
order: var(--pf-v6-c-sidebar__panel--Order);
|
|
24375
24479
|
padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
|
|
24376
24480
|
padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
|
|
@@ -24667,7 +24771,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24667
24771
|
--pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
|
|
24668
24772
|
--pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
|
|
24669
24773
|
--pf-v6-c-skeleton--before--Height: auto;
|
|
24670
|
-
--pf-v6-c-skeleton--before--Content: "
|
|
24774
|
+
--pf-v6-c-skeleton--before--Content: "\00a0";
|
|
24671
24775
|
--pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
|
|
24672
24776
|
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
24673
24777
|
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
@@ -24678,6 +24782,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24678
24782
|
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
24679
24783
|
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
24680
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 {
|
|
24681
24796
|
--pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
24682
24797
|
--pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
|
|
24683
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));
|
|
@@ -24705,15 +24820,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24705
24820
|
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
24706
24821
|
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
24707
24822
|
}
|
|
24708
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
24709
|
-
.pf-v6-c-skeleton {
|
|
24710
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
24711
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
24712
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
24713
|
-
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
24714
|
-
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
24715
|
-
}
|
|
24716
|
-
}
|
|
24717
24823
|
|
|
24718
24824
|
.pf-v6-c-skeleton {
|
|
24719
24825
|
position: relative;
|
|
@@ -24730,6 +24836,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24730
24836
|
padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
|
|
24731
24837
|
content: var(--pf-v6-c-skeleton--before--Content);
|
|
24732
24838
|
}
|
|
24839
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
24840
|
+
scale: -1 1;
|
|
24841
|
+
}
|
|
24842
|
+
|
|
24733
24843
|
.pf-v6-c-skeleton::after {
|
|
24734
24844
|
position: absolute;
|
|
24735
24845
|
inset: 0;
|
|
@@ -24739,10 +24849,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24739
24849
|
transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
|
|
24740
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);
|
|
24741
24851
|
}
|
|
24742
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
24743
|
-
scale: -1 1;
|
|
24744
|
-
}
|
|
24745
|
-
|
|
24746
24852
|
.pf-v6-c-skeleton.pf-m-circle {
|
|
24747
24853
|
--pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
|
|
24748
24854
|
}
|
|
@@ -24930,12 +25036,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24930
25036
|
|
|
24931
25037
|
.pf-v6-c-slider {
|
|
24932
25038
|
--pf-v6-c-slider__rail-track--before--fill--direction: right;
|
|
24933
|
-
display: flex;
|
|
24934
25039
|
}
|
|
24935
25040
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
|
|
24936
25041
|
--pf-v6-c-slider__rail-track--before--fill--direction: left;
|
|
24937
25042
|
}
|
|
24938
25043
|
|
|
25044
|
+
.pf-v6-c-slider {
|
|
25045
|
+
display: flex;
|
|
25046
|
+
}
|
|
24939
25047
|
.pf-v6-c-slider.pf-m-disabled {
|
|
24940
25048
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
|
|
24941
25049
|
--pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
|
|
@@ -24998,6 +25106,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24998
25106
|
|
|
24999
25107
|
.pf-v6-c-slider__step-tick {
|
|
25000
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 {
|
|
25001
25115
|
position: absolute;
|
|
25002
25116
|
inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
|
|
25003
25117
|
inset-inline-start: 0;
|
|
@@ -25007,22 +25121,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25007
25121
|
border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
|
|
25008
25122
|
border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
|
|
25009
25123
|
}
|
|
25010
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
25011
|
-
transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
25012
|
-
}
|
|
25013
25124
|
|
|
25014
25125
|
.pf-v6-c-slider__step-label {
|
|
25015
25126
|
transform: translateX(var(--pf-v6-c-slider__step-label--TranslateX));
|
|
25016
|
-
position: absolute;
|
|
25017
|
-
inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
|
|
25018
|
-
word-break: normal;
|
|
25019
25127
|
}
|
|
25020
25128
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
|
|
25021
25129
|
transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
25022
25130
|
}
|
|
25023
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
|
+
|
|
25024
25138
|
.pf-v6-c-slider__thumb {
|
|
25025
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 {
|
|
25026
25146
|
position: absolute;
|
|
25027
25147
|
inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
|
|
25028
25148
|
inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
|
|
@@ -25034,12 +25154,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25034
25154
|
border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
|
|
25035
25155
|
box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
|
|
25036
25156
|
}
|
|
25037
|
-
|
|
25038
|
-
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));
|
|
25039
25162
|
}
|
|
25040
25163
|
|
|
25041
25164
|
.pf-v6-c-slider__thumb::before {
|
|
25042
|
-
transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
25043
25165
|
position: absolute;
|
|
25044
25166
|
inset-block-start: 50%;
|
|
25045
25167
|
inset-inline-start: 50%;
|
|
@@ -25048,10 +25170,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25048
25170
|
content: "";
|
|
25049
25171
|
border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
|
|
25050
25172
|
}
|
|
25051
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
|
|
25052
|
-
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));
|
|
25053
|
-
}
|
|
25054
|
-
|
|
25055
25173
|
.pf-v6-c-slider__thumb:hover {
|
|
25056
25174
|
--pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
|
|
25057
25175
|
}
|
|
@@ -25068,16 +25186,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25068
25186
|
}
|
|
25069
25187
|
.pf-v6-c-slider__value.pf-m-floating {
|
|
25070
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 {
|
|
25071
25195
|
--pf-v6-c-slider__value--MarginInlineStart: 0;
|
|
25072
25196
|
position: absolute;
|
|
25073
25197
|
inset-block-start: 0;
|
|
25074
25198
|
inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
|
|
25075
25199
|
z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
|
|
25076
25200
|
}
|
|
25077
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
|
|
25078
|
-
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));
|
|
25079
|
-
}
|
|
25080
|
-
|
|
25081
25201
|
.pf-v6-c-slider__value .pf-v6-c-form-control {
|
|
25082
25202
|
width: var(--pf-v6-c-slider__value--c-form-control--Width);
|
|
25083
25203
|
}
|
|
@@ -25255,12 +25375,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25255
25375
|
}
|
|
25256
25376
|
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
25257
25377
|
transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
|
|
25258
|
-
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
25259
25378
|
}
|
|
25260
25379
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
25261
25380
|
transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
|
|
25262
25381
|
}
|
|
25263
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
|
+
}
|
|
25264
25386
|
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
|
|
25265
25387
|
color: var(--pf-v6-c-switch__input--not-checked__label--Color);
|
|
25266
25388
|
}
|
|
@@ -27082,6 +27204,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27082
27204
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
|
27083
27205
|
--pf-v6-c-table__expandable-row--TranslateY: 0;
|
|
27084
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 {
|
|
27085
27216
|
--pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
27086
27217
|
--pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
27087
27218
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -27150,13 +27281,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27150
27281
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
27151
27282
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
27152
27283
|
}
|
|
27153
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
27154
|
-
.pf-v6-c-table {
|
|
27155
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
27156
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
27157
|
-
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
|
27158
|
-
}
|
|
27159
|
-
}
|
|
27160
27284
|
|
|
27161
27285
|
.pf-v6-c-table {
|
|
27162
27286
|
width: 100%;
|
|
@@ -27221,22 +27345,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27221
27345
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
27222
27346
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
27223
27347
|
display: var(--pf-v6-hidden-visible--Display);
|
|
27224
|
-
position: relative;
|
|
27225
|
-
width: var(--pf-v6-c-table--cell--Width);
|
|
27226
|
-
min-width: var(--pf-v6-c-table--cell--MinWidth);
|
|
27227
|
-
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
27228
|
-
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
|
27229
|
-
padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
|
|
27230
|
-
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
27231
|
-
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
27232
|
-
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
27233
|
-
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
27234
|
-
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
27235
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
27236
|
-
color: var(--pf-v6-c-table--cell--Color);
|
|
27237
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
27238
|
-
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
27239
|
-
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
27240
27348
|
}
|
|
27241
27349
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
|
|
27242
27350
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -27281,6 +27389,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27281
27389
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
27282
27390
|
}
|
|
27283
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
|
+
}
|
|
27284
27410
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
|
27285
27411
|
padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
|
27286
27412
|
}
|
|
@@ -27637,16 +27763,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27637
27763
|
.pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
|
|
27638
27764
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
|
27639
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
|
+
|
|
27640
27770
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27641
27771
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
27642
27772
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
27643
27773
|
transition-property: transform;
|
|
27644
27774
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
27645
27775
|
}
|
|
27646
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27647
|
-
scale: -1 1;
|
|
27648
|
-
}
|
|
27649
|
-
|
|
27650
27776
|
.pf-v6-c-table__toggle svg {
|
|
27651
27777
|
pointer-events: none;
|
|
27652
27778
|
}
|
|
@@ -28123,13 +28249,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28123
28249
|
}
|
|
28124
28250
|
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
28125
28251
|
transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
|
|
28126
|
-
position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
|
|
28127
|
-
inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
|
|
28128
28252
|
}
|
|
28129
28253
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
28130
28254
|
transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
28131
28255
|
}
|
|
28132
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
|
+
}
|
|
28133
28261
|
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
28134
28262
|
min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
|
|
28135
28263
|
}
|
|
@@ -29179,8 +29307,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29179
29307
|
}
|
|
29180
29308
|
.pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
|
|
29181
29309
|
position: relative;
|
|
29182
|
-
flex-direction: column;
|
|
29183
29310
|
flex-grow: 1;
|
|
29311
|
+
flex-direction: column;
|
|
29184
29312
|
max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
|
|
29185
29313
|
}
|
|
29186
29314
|
.pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
|
|
@@ -29345,15 +29473,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29345
29473
|
white-space: normal;
|
|
29346
29474
|
}
|
|
29347
29475
|
|
|
29476
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
29477
|
+
scale: -1 1;
|
|
29478
|
+
}
|
|
29479
|
+
|
|
29348
29480
|
.pf-v6-c-tabs__toggle-icon {
|
|
29349
29481
|
display: inline-block;
|
|
29350
29482
|
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
29351
29483
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
29352
29484
|
}
|
|
29353
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
29354
|
-
scale: -1 1;
|
|
29355
|
-
}
|
|
29356
29485
|
|
|
29486
|
+
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
29487
|
+
display: none;
|
|
29488
|
+
}
|
|
29357
29489
|
.pf-v6-c-tabs__list {
|
|
29358
29490
|
scrollbar-width: none;
|
|
29359
29491
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
@@ -29365,20 +29497,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29365
29497
|
scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
|
|
29366
29498
|
-webkit-overflow-scrolling: touch;
|
|
29367
29499
|
}
|
|
29368
|
-
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
29369
|
-
display: none;
|
|
29370
|
-
}
|
|
29371
29500
|
|
|
29372
29501
|
.pf-v6-c-tabs__item {
|
|
29373
29502
|
position: relative;
|
|
29374
29503
|
display: flex;
|
|
29375
29504
|
flex: none;
|
|
29376
29505
|
column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
|
|
29377
|
-
scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
|
|
29378
29506
|
padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
|
|
29379
29507
|
padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
|
|
29380
29508
|
padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
|
|
29381
29509
|
padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
|
|
29510
|
+
scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
|
|
29382
29511
|
background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
|
|
29383
29512
|
}
|
|
29384
29513
|
.pf-v6-c-tabs__item.pf-m-current {
|
|
@@ -29431,6 +29560,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29431
29560
|
border: 0;
|
|
29432
29561
|
}
|
|
29433
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
|
+
|
|
29434
29567
|
.pf-v6-c-tabs__link {
|
|
29435
29568
|
display: flex;
|
|
29436
29569
|
flex: 1;
|
|
@@ -29448,10 +29581,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29448
29581
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
|
29449
29582
|
transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
|
|
29450
29583
|
}
|
|
29451
|
-
.pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
|
|
29452
|
-
--pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
|
|
29453
|
-
}
|
|
29454
|
-
|
|
29455
29584
|
.pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
|
|
29456
29585
|
pointer-events: none;
|
|
29457
29586
|
border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
|
|
@@ -29506,6 +29635,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29506
29635
|
--pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
|
|
29507
29636
|
}
|
|
29508
29637
|
|
|
29638
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
|
|
29639
|
+
scale: -1 1;
|
|
29640
|
+
}
|
|
29641
|
+
|
|
29509
29642
|
.pf-v6-c-tabs__link-toggle-icon {
|
|
29510
29643
|
align-self: end;
|
|
29511
29644
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
@@ -29513,9 +29646,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29513
29646
|
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
29514
29647
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
29515
29648
|
}
|
|
29516
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
|
|
29517
|
-
scale: -1 1;
|
|
29518
|
-
}
|
|
29519
29649
|
|
|
29520
29650
|
.pf-v6-c-tabs__item-action {
|
|
29521
29651
|
display: flex;
|
|
@@ -30533,9 +30663,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30533
30663
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
30534
30664
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
30535
30665
|
display: var(--pf-v6-hidden-visible--Display);
|
|
30536
|
-
row-gap: var(--pf-v6-c-toolbar__content--RowGap);
|
|
30537
|
-
padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
|
|
30538
|
-
padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
|
|
30539
30666
|
}
|
|
30540
30667
|
.pf-v6-c-toolbar__content.pf-m-hidden {
|
|
30541
30668
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -30580,6 +30707,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30580
30707
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
30581
30708
|
}
|
|
30582
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
|
+
}
|
|
30583
30715
|
|
|
30584
30716
|
.pf-v6-c-toolbar__content-section {
|
|
30585
30717
|
flex-wrap: wrap;
|
|
@@ -30653,11 +30785,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30653
30785
|
|
|
30654
30786
|
.pf-v6-c-toolbar__item {
|
|
30655
30787
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
|
|
30656
|
-
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
|
|
30657
|
-
row-gap: var(--pf-v6-c-toolbar__item--RowGap);
|
|
30658
|
-
column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
|
|
30659
|
-
width: var(--pf-v6-c-toolbar__item--Width--base);
|
|
30660
|
-
min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
|
|
30661
30788
|
}
|
|
30662
30789
|
@media (min-width: 36rem) {
|
|
30663
30790
|
.pf-v6-c-toolbar__item {
|
|
@@ -30684,6 +30811,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30684
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))))));
|
|
30685
30812
|
}
|
|
30686
30813
|
}
|
|
30814
|
+
.pf-v6-c-toolbar__item {
|
|
30815
|
+
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
|
|
30816
|
+
}
|
|
30687
30817
|
@media (min-width: 36rem) {
|
|
30688
30818
|
.pf-v6-c-toolbar__item {
|
|
30689
30819
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
|
|
@@ -30709,6 +30839,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30709
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))))));
|
|
30710
30840
|
}
|
|
30711
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
|
+
}
|
|
30712
30848
|
.pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
|
|
30713
30849
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
|
|
30714
30850
|
}
|
|
@@ -32582,6 +32718,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32582
32718
|
--pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
|
|
32583
32719
|
--pf-v6-c-tree-view__list--TranslateY: 0;
|
|
32584
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 {
|
|
32585
32730
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
|
|
32586
32731
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
|
|
32587
32732
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
@@ -32610,6 +32755,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32610
32755
|
--pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
|
|
32611
32756
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
32612
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);
|
|
32613
32761
|
--pf-v6-c-tree-view__node-text--max-lines: 1;
|
|
32614
32762
|
--pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
32615
32763
|
--pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -32665,6 +32813,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32665
32813
|
--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
32666
32814
|
--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
32667
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);
|
|
32668
32822
|
--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
|
|
32669
32823
|
--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
|
|
32670
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));
|
|
@@ -32674,13 +32828,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32674
32828
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
|
|
32675
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);
|
|
32676
32830
|
}
|
|
32677
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
32678
|
-
.pf-v6-c-tree-view {
|
|
32679
|
-
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
32680
|
-
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
32681
|
-
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
|
32682
|
-
}
|
|
32683
|
-
}
|
|
32684
32831
|
|
|
32685
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 {
|
|
32686
32833
|
position: relative;
|
|
@@ -32761,11 +32908,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32761
32908
|
padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
|
|
32762
32909
|
padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
|
|
32763
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);
|
|
32764
32912
|
background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
|
|
32765
32913
|
}
|
|
32766
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 {
|
|
32767
32915
|
margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
|
|
32768
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);
|
|
32769
32921
|
}
|
|
32770
32922
|
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
|
|
32771
32923
|
padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
|
|
@@ -32790,6 +32942,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32790
32942
|
}
|
|
32791
32943
|
.pf-v6-c-tree-view.pf-m-no-background {
|
|
32792
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;
|
|
32793
32952
|
}
|
|
32794
32953
|
|
|
32795
32954
|
.pf-v6-c-tree-view__node-toggle-icon {
|
|
@@ -32799,9 +32958,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32799
32958
|
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
32800
32959
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
32801
32960
|
}
|
|
32802
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
32803
|
-
scale: -1 1;
|
|
32804
|
-
}
|
|
32805
32961
|
|
|
32806
32962
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
32807
32963
|
max-height: 0;
|
|
@@ -32865,6 +33021,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32865
33021
|
.pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
|
|
32866
33022
|
margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
|
|
32867
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
|
+
}
|
|
32868
33030
|
|
|
32869
33031
|
.pf-v6-c-tree-view__node-container {
|
|
32870
33032
|
display: var(--pf-v6-c-tree-view__node-container--Display);
|
|
@@ -32907,6 +33069,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32907
33069
|
transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
32908
33070
|
}
|
|
32909
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
|
+
|
|
32910
33076
|
.pf-v6-c-tree-view__node-title.pf-m-truncate,
|
|
32911
33077
|
.pf-v6-c-tree-view__node-text.pf-m-truncate {
|
|
32912
33078
|
--pf-v6-c-tree-view__node-content--Overflow: hidden;
|
|
@@ -32922,6 +33088,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32922
33088
|
white-space: nowrap;
|
|
32923
33089
|
}
|
|
32924
33090
|
|
|
33091
|
+
label.pf-v6-c-tree-view__node-text {
|
|
33092
|
+
cursor: pointer;
|
|
33093
|
+
}
|
|
33094
|
+
|
|
32925
33095
|
.pf-v6-c-tree-view__node-text {
|
|
32926
33096
|
font-weight: inherit;
|
|
32927
33097
|
color: inherit;
|
|
@@ -32929,9 +33099,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32929
33099
|
background-color: transparent;
|
|
32930
33100
|
border: 0;
|
|
32931
33101
|
}
|
|
32932
|
-
label.pf-v6-c-tree-view__node-text {
|
|
32933
|
-
cursor: pointer;
|
|
32934
|
-
}
|
|
32935
33102
|
|
|
32936
33103
|
.pf-v6-c-tree-view__node-title {
|
|
32937
33104
|
font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
|
|
@@ -33160,6 +33327,15 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33160
33327
|
--pf-v6-c-wizard__nav--lg--Width: 15.625rem;
|
|
33161
33328
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
33162
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 {
|
|
33163
33339
|
--pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
33164
33340
|
--pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
33165
33341
|
--pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -33184,13 +33360,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33184
33360
|
--pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
33185
33361
|
--pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
33186
33362
|
}
|
|
33187
|
-
@media screen and (min-width: 62rem) {
|
|
33188
|
-
.pf-v6-c-wizard {
|
|
33189
|
-
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
33190
|
-
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
33191
|
-
--pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
|
|
33192
|
-
}
|
|
33193
|
-
}
|
|
33194
33363
|
|
|
33195
33364
|
.pf-v6-c-wizard {
|
|
33196
33365
|
position: relative;
|
|
@@ -33326,13 +33495,14 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33326
33495
|
color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
|
|
33327
33496
|
}
|
|
33328
33497
|
|
|
33329
|
-
.pf-v6-c-wizard__toggle-separator {
|
|
33330
|
-
color: var(--pf-v6-c-wizard__toggle-separator--Color);
|
|
33331
|
-
}
|
|
33332
33498
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
|
|
33333
33499
|
scale: -1 1;
|
|
33334
33500
|
}
|
|
33335
33501
|
|
|
33502
|
+
.pf-v6-c-wizard__toggle-separator {
|
|
33503
|
+
color: var(--pf-v6-c-wizard__toggle-separator--Color);
|
|
33504
|
+
}
|
|
33505
|
+
|
|
33336
33506
|
.pf-v6-c-wizard__toggle-icon {
|
|
33337
33507
|
line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
|
|
33338
33508
|
}
|
|
@@ -33340,8 +33510,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33340
33510
|
.pf-v6-c-wizard__outer-wrap {
|
|
33341
33511
|
position: relative;
|
|
33342
33512
|
display: flex;
|
|
33343
|
-
flex-direction: column;
|
|
33344
33513
|
flex-grow: 1;
|
|
33514
|
+
flex-direction: column;
|
|
33345
33515
|
min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
|
|
33346
33516
|
background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
|
|
33347
33517
|
}
|
|
@@ -33354,8 +33524,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33354
33524
|
.pf-v6-c-wizard__inner-wrap {
|
|
33355
33525
|
position: relative;
|
|
33356
33526
|
display: flex;
|
|
33357
|
-
flex-direction: column;
|
|
33358
33527
|
flex-grow: 1;
|
|
33528
|
+
flex-direction: column;
|
|
33359
33529
|
min-height: 0;
|
|
33360
33530
|
}
|
|
33361
33531
|
@media screen and (min-width: 62rem) {
|
|
@@ -33533,6 +33703,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33533
33703
|
color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
|
|
33534
33704
|
}
|
|
33535
33705
|
|
|
33706
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|
|
33707
|
+
scale: -1 1;
|
|
33708
|
+
}
|
|
33709
|
+
|
|
33536
33710
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
33537
33711
|
display: inline-block;
|
|
33538
33712
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
@@ -33540,15 +33714,12 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33540
33714
|
transition-property: transform;
|
|
33541
33715
|
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
33542
33716
|
}
|
|
33543
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|
|
33544
|
-
scale: -1 1;
|
|
33545
|
-
}
|
|
33546
33717
|
|
|
33547
33718
|
.pf-v6-c-wizard__main {
|
|
33548
33719
|
z-index: var(--pf-v6-c-wizard__main--ZIndex);
|
|
33549
33720
|
display: flex;
|
|
33550
|
-
flex-direction: column;
|
|
33551
33721
|
flex-grow: 1;
|
|
33722
|
+
flex-direction: column;
|
|
33552
33723
|
overflow-x: hidden;
|
|
33553
33724
|
overflow-y: auto;
|
|
33554
33725
|
word-break: break-word;
|
|
@@ -35986,12 +36157,13 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35986
36157
|
display: grid;
|
|
35987
36158
|
grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
|
|
35988
36159
|
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
35989
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
35990
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
35991
36160
|
}
|
|
35992
36161
|
.pf-v6-l-gallery.pf-m-gutter {
|
|
35993
36162
|
grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
35994
36163
|
}
|
|
36164
|
+
.pf-v6-l-gallery {
|
|
36165
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
36166
|
+
}
|
|
35995
36167
|
@media (min-width: 36rem) {
|
|
35996
36168
|
.pf-v6-l-gallery {
|
|
35997
36169
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
|
|
@@ -36017,6 +36189,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
36017
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))))));
|
|
36018
36190
|
}
|
|
36019
36191
|
}
|
|
36192
|
+
.pf-v6-l-gallery {
|
|
36193
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
36194
|
+
}
|
|
36020
36195
|
@media (min-width: 36rem) {
|
|
36021
36196
|
.pf-v6-l-gallery {
|
|
36022
36197
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
|