@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
package/patternfly.css
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
@charset "UTF-8";
|
|
2
1
|
:where(html,
|
|
3
2
|
body,
|
|
4
3
|
p,
|
|
@@ -8920,31 +8919,6 @@ button) {
|
|
|
8920
8919
|
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8921
8920
|
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8922
8921
|
--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
8923
|
-
--pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
8924
|
-
--pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8925
|
-
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8926
|
-
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
8927
|
-
--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
8928
|
-
--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8929
|
-
--pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
|
|
8930
|
-
--pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
|
|
8931
|
-
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8932
|
-
--pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
8933
|
-
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
8934
|
-
--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8935
|
-
--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8936
|
-
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
8937
|
-
--pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
8938
|
-
--pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
|
|
8939
|
-
--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8940
|
-
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
8941
|
-
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8942
|
-
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
|
|
8943
|
-
--pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
8944
|
-
--pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8945
|
-
--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8946
|
-
--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
8947
|
-
--pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8948
8922
|
}
|
|
8949
8923
|
@media screen and (min-width: 36rem) {
|
|
8950
8924
|
.pf-v6-c-about-modal-box {
|
|
@@ -8953,6 +8927,14 @@ button) {
|
|
|
8953
8927
|
--pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
|
|
8954
8928
|
}
|
|
8955
8929
|
}
|
|
8930
|
+
.pf-v6-c-about-modal-box {
|
|
8931
|
+
--pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
8932
|
+
--pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8933
|
+
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8934
|
+
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
8935
|
+
--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
8936
|
+
--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8937
|
+
}
|
|
8956
8938
|
@media only screen and (min-width: 36rem) {
|
|
8957
8939
|
.pf-v6-c-about-modal-box {
|
|
8958
8940
|
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
|
|
@@ -8963,17 +8945,42 @@ button) {
|
|
|
8963
8945
|
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
|
|
8964
8946
|
}
|
|
8965
8947
|
}
|
|
8948
|
+
.pf-v6-c-about-modal-box {
|
|
8949
|
+
--pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
|
|
8950
|
+
--pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
|
|
8951
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8952
|
+
--pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
8953
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
8954
|
+
--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8955
|
+
--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8956
|
+
}
|
|
8966
8957
|
@media only screen and (min-width: 36rem) {
|
|
8967
8958
|
.pf-v6-c-about-modal-box {
|
|
8968
8959
|
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
|
|
8969
8960
|
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
|
|
8970
8961
|
}
|
|
8971
8962
|
}
|
|
8963
|
+
.pf-v6-c-about-modal-box {
|
|
8964
|
+
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
8965
|
+
--pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
8966
|
+
--pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
|
|
8967
|
+
--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8968
|
+
}
|
|
8972
8969
|
@media only screen and (min-width: 36rem) {
|
|
8973
8970
|
.pf-v6-c-about-modal-box {
|
|
8974
8971
|
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
|
|
8975
8972
|
}
|
|
8976
8973
|
}
|
|
8974
|
+
.pf-v6-c-about-modal-box {
|
|
8975
|
+
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
8976
|
+
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8977
|
+
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
|
|
8978
|
+
--pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
8979
|
+
--pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8980
|
+
--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8981
|
+
--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
8982
|
+
--pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8983
|
+
}
|
|
8977
8984
|
@media only screen and (min-width: 36rem) {
|
|
8978
8985
|
.pf-v6-c-about-modal-box {
|
|
8979
8986
|
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
|
|
@@ -8997,7 +9004,6 @@ button) {
|
|
|
8997
9004
|
background-repeat: no-repeat;
|
|
8998
9005
|
background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
|
|
8999
9006
|
background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
|
|
9000
|
-
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
9001
9007
|
}
|
|
9002
9008
|
@media only screen and (min-width: 36rem) {
|
|
9003
9009
|
.pf-v6-c-about-modal-box {
|
|
@@ -9013,6 +9019,9 @@ button) {
|
|
|
9013
9019
|
grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
|
|
9014
9020
|
}
|
|
9015
9021
|
}
|
|
9022
|
+
.pf-v6-c-about-modal-box {
|
|
9023
|
+
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
9024
|
+
}
|
|
9016
9025
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
|
|
9017
9026
|
--pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
|
|
9018
9027
|
}
|
|
@@ -9153,6 +9162,18 @@ button) {
|
|
|
9153
9162
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
|
|
9154
9163
|
--pf-v6-c-accordion__expandable-content--TranslateY: 0;
|
|
9155
9164
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
|
|
9165
|
+
}
|
|
9166
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
9167
|
+
.pf-v6-c-accordion {
|
|
9168
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9169
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9170
|
+
--pf-v6-c-accordion__item--before--TranslateY: -.5rem;
|
|
9171
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9172
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9173
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
|
9174
|
+
}
|
|
9175
|
+
}
|
|
9176
|
+
.pf-v6-c-accordion {
|
|
9156
9177
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
9157
9178
|
--pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
9158
9179
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -9178,16 +9199,6 @@ button) {
|
|
|
9178
9199
|
--pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9179
9200
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
9180
9201
|
}
|
|
9181
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
9182
|
-
.pf-v6-c-accordion {
|
|
9183
|
-
--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9184
|
-
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9185
|
-
--pf-v6-c-accordion__item--before--TranslateY: -.5rem;
|
|
9186
|
-
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9187
|
-
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9188
|
-
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
|
9189
|
-
}
|
|
9190
|
-
}
|
|
9191
9202
|
|
|
9192
9203
|
.pf-v6-c-accordion {
|
|
9193
9204
|
display: flex;
|
|
@@ -9298,13 +9309,14 @@ button) {
|
|
|
9298
9309
|
color: var(--pf-v6-c-accordion__toggle-text--Color);
|
|
9299
9310
|
}
|
|
9300
9311
|
|
|
9312
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
|
|
9313
|
+
scale: -1 1;
|
|
9314
|
+
}
|
|
9315
|
+
|
|
9301
9316
|
.pf-v6-c-accordion__toggle-icon {
|
|
9302
9317
|
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9303
9318
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
9304
9319
|
}
|
|
9305
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
|
|
9306
|
-
scale: -1 1;
|
|
9307
|
-
}
|
|
9308
9320
|
|
|
9309
9321
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
9310
9322
|
display: revert;
|
|
@@ -9524,14 +9536,15 @@ button) {
|
|
|
9524
9536
|
margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
|
|
9525
9537
|
}
|
|
9526
9538
|
|
|
9539
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
|
|
9540
|
+
scale: -1 1;
|
|
9541
|
+
}
|
|
9542
|
+
|
|
9527
9543
|
.pf-v6-c-alert__toggle-icon {
|
|
9528
9544
|
display: inline-block;
|
|
9529
9545
|
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
9530
9546
|
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
9531
9547
|
}
|
|
9532
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
|
|
9533
|
-
scale: -1 1;
|
|
9534
|
-
}
|
|
9535
9548
|
|
|
9536
9549
|
.pf-v6-c-alert__icon {
|
|
9537
9550
|
grid-area: icon;
|
|
@@ -9548,9 +9561,9 @@ button) {
|
|
|
9548
9561
|
}
|
|
9549
9562
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
9550
9563
|
display: -webkit-box;
|
|
9564
|
+
overflow: hidden;
|
|
9551
9565
|
-webkit-box-orient: vertical;
|
|
9552
9566
|
-webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
|
|
9553
|
-
overflow: hidden;
|
|
9554
9567
|
}
|
|
9555
9568
|
|
|
9556
9569
|
.pf-v6-c-alert__description {
|
|
@@ -9787,7 +9800,6 @@ button) {
|
|
|
9787
9800
|
}
|
|
9788
9801
|
.pf-v6-c-avatar.pf-m-sm {
|
|
9789
9802
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width);
|
|
9790
|
-
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
|
|
9791
9803
|
}
|
|
9792
9804
|
@media (min-width: 36rem) {
|
|
9793
9805
|
.pf-v6-c-avatar.pf-m-sm {
|
|
@@ -9814,6 +9826,9 @@ button) {
|
|
|
9814
9826
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-2xl, var(--pf-v6-c-avatar--m-sm--Width-on-xl, var(--pf-v6-c-avatar--m-sm--Width-on-lg, var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width))))));
|
|
9815
9827
|
}
|
|
9816
9828
|
}
|
|
9829
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
9830
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
|
|
9831
|
+
}
|
|
9817
9832
|
@media (min-width: 36rem) {
|
|
9818
9833
|
.pf-v6-c-avatar.pf-m-sm {
|
|
9819
9834
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height));
|
|
@@ -9841,7 +9856,6 @@ button) {
|
|
|
9841
9856
|
}
|
|
9842
9857
|
.pf-v6-c-avatar.pf-m-md {
|
|
9843
9858
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width);
|
|
9844
|
-
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
|
|
9845
9859
|
}
|
|
9846
9860
|
@media (min-width: 36rem) {
|
|
9847
9861
|
.pf-v6-c-avatar.pf-m-md {
|
|
@@ -9868,6 +9882,9 @@ button) {
|
|
|
9868
9882
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width-on-2xl, var(--pf-v6-c-avatar--m-md--Width-on-xl, var(--pf-v6-c-avatar--m-md--Width-on-lg, var(--pf-v6-c-avatar--m-md--Width-on-md, var(--pf-v6-c-avatar--m-md--Width-on-sm, var(--pf-v6-c-avatar--m-md--Width))))));
|
|
9869
9883
|
}
|
|
9870
9884
|
}
|
|
9885
|
+
.pf-v6-c-avatar.pf-m-md {
|
|
9886
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
|
|
9887
|
+
}
|
|
9871
9888
|
@media (min-width: 36rem) {
|
|
9872
9889
|
.pf-v6-c-avatar.pf-m-md {
|
|
9873
9890
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height));
|
|
@@ -9895,7 +9912,6 @@ button) {
|
|
|
9895
9912
|
}
|
|
9896
9913
|
.pf-v6-c-avatar.pf-m-lg {
|
|
9897
9914
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width);
|
|
9898
|
-
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
|
|
9899
9915
|
}
|
|
9900
9916
|
@media (min-width: 36rem) {
|
|
9901
9917
|
.pf-v6-c-avatar.pf-m-lg {
|
|
@@ -9922,6 +9938,9 @@ button) {
|
|
|
9922
9938
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-2xl, var(--pf-v6-c-avatar--m-lg--Width-on-xl, var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width))))));
|
|
9923
9939
|
}
|
|
9924
9940
|
}
|
|
9941
|
+
.pf-v6-c-avatar.pf-m-lg {
|
|
9942
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
|
|
9943
|
+
}
|
|
9925
9944
|
@media (min-width: 36rem) {
|
|
9926
9945
|
.pf-v6-c-avatar.pf-m-lg {
|
|
9927
9946
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height));
|
|
@@ -9949,7 +9968,6 @@ button) {
|
|
|
9949
9968
|
}
|
|
9950
9969
|
.pf-v6-c-avatar.pf-m-xl {
|
|
9951
9970
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width);
|
|
9952
|
-
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
|
|
9953
9971
|
}
|
|
9954
9972
|
@media (min-width: 36rem) {
|
|
9955
9973
|
.pf-v6-c-avatar.pf-m-xl {
|
|
@@ -9976,6 +9994,9 @@ button) {
|
|
|
9976
9994
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-2xl, var(--pf-v6-c-avatar--m-xl--Width-on-xl, var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width))))));
|
|
9977
9995
|
}
|
|
9978
9996
|
}
|
|
9997
|
+
.pf-v6-c-avatar.pf-m-xl {
|
|
9998
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
|
|
9999
|
+
}
|
|
9979
10000
|
@media (min-width: 36rem) {
|
|
9980
10001
|
.pf-v6-c-avatar.pf-m-xl {
|
|
9981
10002
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height));
|
|
@@ -10033,6 +10054,12 @@ button) {
|
|
|
10033
10054
|
|
|
10034
10055
|
.pf-v6-c-background-image {
|
|
10035
10056
|
--pf-v6-c-background-image--BackgroundPosition: bottom right;
|
|
10057
|
+
}
|
|
10058
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
|
|
10059
|
+
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
10060
|
+
}
|
|
10061
|
+
|
|
10062
|
+
.pf-v6-c-background-image {
|
|
10036
10063
|
position: fixed;
|
|
10037
10064
|
inset-block-start: 0;
|
|
10038
10065
|
inset-inline-start: 0;
|
|
@@ -10045,9 +10072,6 @@ button) {
|
|
|
10045
10072
|
background-position: var(--pf-v6-c-background-image--BackgroundPosition);
|
|
10046
10073
|
background-size: var(--pf-v6-c-background-image--BackgroundSize);
|
|
10047
10074
|
}
|
|
10048
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
|
|
10049
|
-
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
10050
|
-
}
|
|
10051
10075
|
|
|
10052
10076
|
.pf-v6-c-back-to-top {
|
|
10053
10077
|
--pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
@@ -10165,6 +10189,14 @@ button) {
|
|
|
10165
10189
|
--pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
10166
10190
|
--pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10167
10191
|
--pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
10192
|
+
}
|
|
10193
|
+
@media (min-width: 48rem) {
|
|
10194
|
+
.pf-v6-c-banner {
|
|
10195
|
+
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
|
|
10196
|
+
--pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
|
|
10197
|
+
}
|
|
10198
|
+
}
|
|
10199
|
+
.pf-v6-c-banner {
|
|
10168
10200
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
10169
10201
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
10170
10202
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
@@ -10198,12 +10230,6 @@ button) {
|
|
|
10198
10230
|
--pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
10199
10231
|
--pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
10200
10232
|
}
|
|
10201
|
-
@media (min-width: 48rem) {
|
|
10202
|
-
.pf-v6-c-banner {
|
|
10203
|
-
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
|
|
10204
|
-
--pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
|
|
10205
|
-
}
|
|
10206
|
-
}
|
|
10207
10233
|
|
|
10208
10234
|
.pf-v6-c-banner {
|
|
10209
10235
|
flex-shrink: 0;
|
|
@@ -10306,7 +10332,6 @@ button) {
|
|
|
10306
10332
|
width: var(--pf-v6-c-brand--Width--base);
|
|
10307
10333
|
height: var(--pf-v6-c-brand--Height--base);
|
|
10308
10334
|
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
|
|
10309
|
-
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
|
|
10310
10335
|
}
|
|
10311
10336
|
@media (min-width: 36rem) {
|
|
10312
10337
|
.pf-v6-c-brand {
|
|
@@ -10333,6 +10358,9 @@ button) {
|
|
|
10333
10358
|
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
|
|
10334
10359
|
}
|
|
10335
10360
|
}
|
|
10361
|
+
.pf-v6-c-brand {
|
|
10362
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
|
|
10363
|
+
}
|
|
10336
10364
|
@media (min-width: 36rem) {
|
|
10337
10365
|
.pf-v6-c-brand {
|
|
10338
10366
|
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
|
|
@@ -10413,15 +10441,16 @@ button) {
|
|
|
10413
10441
|
margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
|
|
10414
10442
|
}
|
|
10415
10443
|
|
|
10444
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
|
|
10445
|
+
scale: -1 1;
|
|
10446
|
+
}
|
|
10447
|
+
|
|
10416
10448
|
.pf-v6-c-breadcrumb__item-divider {
|
|
10417
10449
|
margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
|
|
10418
10450
|
font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
|
|
10419
10451
|
line-height: 1;
|
|
10420
10452
|
color: var(--pf-v6-c-breadcrumb__item-divider--Color);
|
|
10421
10453
|
}
|
|
10422
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
|
|
10423
|
-
scale: -1 1;
|
|
10424
|
-
}
|
|
10425
10454
|
|
|
10426
10455
|
.pf-v6-c-breadcrumb__link {
|
|
10427
10456
|
padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
|
|
@@ -10923,6 +10952,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10923
10952
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
|
|
10924
10953
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
|
|
10925
10954
|
}
|
|
10955
|
+
span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
10956
|
+
--pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
|
|
10957
|
+
--pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
|
|
10958
|
+
--pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
|
|
10959
|
+
}
|
|
10960
|
+
|
|
10926
10961
|
.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
10927
10962
|
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
|
|
10928
10963
|
--pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
|
|
@@ -10962,12 +10997,6 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10962
10997
|
background: transparent;
|
|
10963
10998
|
outline-offset: 0.125rem;
|
|
10964
10999
|
}
|
|
10965
|
-
span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
10966
|
-
--pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
|
|
10967
|
-
--pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
|
|
10968
|
-
--pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
|
|
10969
|
-
}
|
|
10970
|
-
|
|
10971
11000
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
10972
11001
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
10973
11002
|
}
|
|
@@ -11440,13 +11469,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11440
11469
|
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
11441
11470
|
}
|
|
11442
11471
|
|
|
11472
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
11473
|
+
scale: -1 1;
|
|
11474
|
+
}
|
|
11475
|
+
|
|
11443
11476
|
.pf-v6-c-calendar-month__header-nav-control {
|
|
11444
11477
|
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
11445
11478
|
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
11446
11479
|
}
|
|
11447
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
11448
|
-
scale: -1 1;
|
|
11449
|
-
}
|
|
11450
11480
|
|
|
11451
11481
|
.pf-v6-c-calendar-month__header-month {
|
|
11452
11482
|
flex-grow: 1;
|
|
@@ -11796,12 +11826,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11796
11826
|
flex-wrap: wrap;
|
|
11797
11827
|
row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
|
|
11798
11828
|
}
|
|
11799
|
-
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
11800
|
-
margin-inline-start: 0;
|
|
11801
|
-
}
|
|
11802
11829
|
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
|
|
11803
11830
|
margin-inline-end: auto;
|
|
11804
11831
|
}
|
|
11832
|
+
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
11833
|
+
margin-inline-start: 0;
|
|
11834
|
+
}
|
|
11805
11835
|
|
|
11806
11836
|
.pf-v6-c-card__header-main {
|
|
11807
11837
|
flex-grow: 1;
|
|
@@ -11815,15 +11845,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11815
11845
|
margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
|
|
11816
11846
|
}
|
|
11817
11847
|
|
|
11848
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
|
|
11849
|
+
scale: -1 1;
|
|
11850
|
+
}
|
|
11851
|
+
|
|
11818
11852
|
.pf-v6-c-card__header-toggle-icon {
|
|
11819
11853
|
display: inline-block;
|
|
11820
11854
|
transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
|
|
11821
11855
|
transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
|
|
11822
11856
|
transition-property: transform;
|
|
11823
11857
|
}
|
|
11824
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
|
|
11825
|
-
scale: -1 1;
|
|
11826
|
-
}
|
|
11827
11858
|
|
|
11828
11859
|
.pf-v6-c-card__title-text {
|
|
11829
11860
|
font-family: var(--pf-v6-c-card__title-text--FontFamily);
|
|
@@ -12089,13 +12120,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12089
12120
|
gap: var(--pf-v6-c-clipboard-copy__group--Gap);
|
|
12090
12121
|
}
|
|
12091
12122
|
|
|
12092
|
-
.pf-v6-c-clipboard-copy__toggle-icon {
|
|
12093
|
-
transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
|
|
12094
|
-
}
|
|
12095
12123
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
|
|
12096
12124
|
scale: -1 1;
|
|
12097
12125
|
}
|
|
12098
12126
|
|
|
12127
|
+
.pf-v6-c-clipboard-copy__toggle-icon {
|
|
12128
|
+
transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
|
|
12129
|
+
}
|
|
12130
|
+
|
|
12099
12131
|
.pf-v6-c-clipboard-copy__expandable-content {
|
|
12100
12132
|
padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
|
|
12101
12133
|
padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
|
|
@@ -12266,8 +12298,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12266
12298
|
|
|
12267
12299
|
.pf-v6-c-code-editor__container {
|
|
12268
12300
|
display: flex;
|
|
12269
|
-
flex-direction: column;
|
|
12270
12301
|
flex-grow: 1;
|
|
12302
|
+
flex-direction: column;
|
|
12271
12303
|
}
|
|
12272
12304
|
|
|
12273
12305
|
.pf-v6-c-code-editor__header {
|
|
@@ -12594,23 +12626,27 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12594
12626
|
}
|
|
12595
12627
|
.pf-v6-c-compass__sidebar.pf-m-start {
|
|
12596
12628
|
translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
|
|
12597
|
-
grid-area: sidebar-start;
|
|
12598
12629
|
}
|
|
12599
12630
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-start {
|
|
12600
12631
|
translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
|
|
12601
12632
|
}
|
|
12602
12633
|
|
|
12634
|
+
.pf-v6-c-compass__sidebar.pf-m-start {
|
|
12635
|
+
grid-area: sidebar-start;
|
|
12636
|
+
}
|
|
12603
12637
|
.pf-v6-c-compass__sidebar.pf-m-start.pf-m-expanded {
|
|
12604
12638
|
margin-inline-end: var(--pf-v6-c-compass--Gap);
|
|
12605
12639
|
}
|
|
12606
12640
|
.pf-v6-c-compass__sidebar.pf-m-end {
|
|
12607
12641
|
translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
|
|
12608
|
-
grid-area: sidebar-end;
|
|
12609
12642
|
}
|
|
12610
12643
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-end {
|
|
12611
12644
|
translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
|
|
12612
12645
|
}
|
|
12613
12646
|
|
|
12647
|
+
.pf-v6-c-compass__sidebar.pf-m-end {
|
|
12648
|
+
grid-area: sidebar-end;
|
|
12649
|
+
}
|
|
12614
12650
|
.pf-v6-c-compass__sidebar.pf-m-end.pf-m-expanded {
|
|
12615
12651
|
margin-inline-start: var(--pf-v6-c-compass--Gap);
|
|
12616
12652
|
}
|
|
@@ -13419,6 +13455,14 @@ ul) {
|
|
|
13419
13455
|
--pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
13420
13456
|
--pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
13421
13457
|
--pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
13458
|
+
}
|
|
13459
|
+
@media screen and (min-width: 36rem) {
|
|
13460
|
+
.pf-v6-c-data-list {
|
|
13461
|
+
--pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
|
|
13462
|
+
--pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
|
|
13463
|
+
}
|
|
13464
|
+
}
|
|
13465
|
+
.pf-v6-c-data-list {
|
|
13422
13466
|
--pf-v6-c-data-list__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
13423
13467
|
--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
|
|
13424
13468
|
--pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
@@ -13428,6 +13472,14 @@ ul) {
|
|
|
13428
13472
|
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
|
|
13429
13473
|
--pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
13430
13474
|
--pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
13475
|
+
}
|
|
13476
|
+
@media screen and (min-width: 36rem) {
|
|
13477
|
+
.pf-v6-c-data-list {
|
|
13478
|
+
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
|
|
13479
|
+
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
|
|
13480
|
+
}
|
|
13481
|
+
}
|
|
13482
|
+
.pf-v6-c-data-list {
|
|
13431
13483
|
--pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
13432
13484
|
--pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
13433
13485
|
--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -13523,18 +13575,6 @@ ul) {
|
|
|
13523
13575
|
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
13524
13576
|
--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
13525
13577
|
}
|
|
13526
|
-
@media screen and (min-width: 36rem) {
|
|
13527
|
-
.pf-v6-c-data-list {
|
|
13528
|
-
--pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
|
|
13529
|
-
--pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
|
|
13530
|
-
}
|
|
13531
|
-
}
|
|
13532
|
-
@media screen and (min-width: 36rem) {
|
|
13533
|
-
.pf-v6-c-data-list {
|
|
13534
|
-
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
|
|
13535
|
-
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
|
|
13536
|
-
}
|
|
13537
|
-
}
|
|
13538
13578
|
|
|
13539
13579
|
.pf-v6-c-data-list {
|
|
13540
13580
|
font-size: var(--pf-v6-c-data-list--FontSize);
|
|
@@ -13697,12 +13737,6 @@ ul) {
|
|
|
13697
13737
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
13698
13738
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
13699
13739
|
display: var(--pf-v6-hidden-visible--Display);
|
|
13700
|
-
gap: var(--pf-v6-c-data-list__item-action--Gap);
|
|
13701
|
-
align-content: flex-start;
|
|
13702
|
-
align-items: flex-start;
|
|
13703
|
-
padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
|
|
13704
|
-
padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
|
|
13705
|
-
margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
|
|
13706
13740
|
}
|
|
13707
13741
|
.pf-v6-c-data-list__item-action.pf-m-hidden {
|
|
13708
13742
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -13747,6 +13781,14 @@ ul) {
|
|
|
13747
13781
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
13748
13782
|
}
|
|
13749
13783
|
}
|
|
13784
|
+
.pf-v6-c-data-list__item-action {
|
|
13785
|
+
gap: var(--pf-v6-c-data-list__item-action--Gap);
|
|
13786
|
+
align-content: flex-start;
|
|
13787
|
+
align-items: flex-start;
|
|
13788
|
+
padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
|
|
13789
|
+
padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
|
|
13790
|
+
margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
|
|
13791
|
+
}
|
|
13750
13792
|
|
|
13751
13793
|
.pf-v6-c-data-list__toggle {
|
|
13752
13794
|
margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
|
|
@@ -13754,15 +13796,16 @@ ul) {
|
|
|
13754
13796
|
margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginInlineStart);
|
|
13755
13797
|
}
|
|
13756
13798
|
|
|
13799
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
|
|
13800
|
+
scale: -1 1;
|
|
13801
|
+
}
|
|
13802
|
+
|
|
13757
13803
|
.pf-v6-c-data-list__toggle-icon {
|
|
13758
13804
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
13759
13805
|
pointer-events: none;
|
|
13760
13806
|
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
13761
13807
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
13762
13808
|
}
|
|
13763
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
|
|
13764
|
-
scale: -1 1;
|
|
13765
|
-
}
|
|
13766
13809
|
|
|
13767
13810
|
.pf-v6-c-data-list__item-content {
|
|
13768
13811
|
display: grid;
|
|
@@ -13857,6 +13900,13 @@ ul) {
|
|
|
13857
13900
|
--pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
13858
13901
|
--pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13859
13902
|
--pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
13903
|
+
}
|
|
13904
|
+
@media screen and (min-width: 36rem) {
|
|
13905
|
+
.pf-v6-c-description-list {
|
|
13906
|
+
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
|
13907
|
+
}
|
|
13908
|
+
}
|
|
13909
|
+
.pf-v6-c-description-list {
|
|
13860
13910
|
--pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
|
|
13861
13911
|
--pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
13862
13912
|
--pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
@@ -13885,11 +13935,6 @@ ul) {
|
|
|
13885
13935
|
--pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
|
|
13886
13936
|
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
13887
13937
|
}
|
|
13888
|
-
@media screen and (min-width: 36rem) {
|
|
13889
|
-
.pf-v6-c-description-list {
|
|
13890
|
-
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
|
13891
|
-
}
|
|
13892
|
-
}
|
|
13893
13938
|
@media (min-width: 36rem) {
|
|
13894
13939
|
.pf-v6-c-description-list {
|
|
13895
13940
|
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
|
|
@@ -14271,6 +14316,15 @@ ul) {
|
|
|
14271
14316
|
--pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
|
|
14272
14317
|
--pf-v6-c-dual-list-selector__list--TranslateY: 0;
|
|
14273
14318
|
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
|
14319
|
+
}
|
|
14320
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14321
|
+
.pf-v6-c-dual-list-selector {
|
|
14322
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
14323
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
14324
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
|
|
14325
|
+
}
|
|
14326
|
+
}
|
|
14327
|
+
.pf-v6-c-dual-list-selector {
|
|
14274
14328
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
14275
14329
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
14276
14330
|
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
@@ -14312,13 +14366,6 @@ ul) {
|
|
|
14312
14366
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
14313
14367
|
--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
14314
14368
|
}
|
|
14315
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14316
|
-
.pf-v6-c-dual-list-selector {
|
|
14317
|
-
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
14318
|
-
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
14319
|
-
--pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
|
|
14320
|
-
}
|
|
14321
|
-
}
|
|
14322
14369
|
|
|
14323
14370
|
.pf-v6-c-dual-list-selector {
|
|
14324
14371
|
display: grid;
|
|
@@ -14389,8 +14436,6 @@ ul) {
|
|
|
14389
14436
|
|
|
14390
14437
|
.pf-v6-c-dual-list-selector__list {
|
|
14391
14438
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
14392
|
-
display: flex;
|
|
14393
|
-
flex-direction: column;
|
|
14394
14439
|
}
|
|
14395
14440
|
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list {
|
|
14396
14441
|
--pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart: 0;
|
|
@@ -14398,16 +14443,22 @@ ul) {
|
|
|
14398
14443
|
}
|
|
14399
14444
|
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
|
|
14400
14445
|
transform: translateX(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX));
|
|
14401
|
-
position: absolute;
|
|
14402
|
-
inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
|
|
14403
14446
|
}
|
|
14404
14447
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
|
|
14405
14448
|
transform: translateX(calc(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
14406
14449
|
}
|
|
14407
14450
|
|
|
14451
|
+
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
|
|
14452
|
+
position: absolute;
|
|
14453
|
+
inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
|
|
14454
|
+
}
|
|
14408
14455
|
.pf-v6-c-dual-list-selector__list.pf-m-drag-over {
|
|
14409
14456
|
overflow-anchor: none;
|
|
14410
14457
|
}
|
|
14458
|
+
.pf-v6-c-dual-list-selector__list {
|
|
14459
|
+
display: flex;
|
|
14460
|
+
flex-direction: column;
|
|
14461
|
+
}
|
|
14411
14462
|
|
|
14412
14463
|
.pf-v6-c-dual-list-selector__list-item:focus-visible {
|
|
14413
14464
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
|
@@ -14692,11 +14743,6 @@ ul) {
|
|
|
14692
14743
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
14693
14744
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
14694
14745
|
display: var(--pf-v6-hidden-visible--Display);
|
|
14695
|
-
flex-shrink: 0;
|
|
14696
|
-
align-items: stretch;
|
|
14697
|
-
align-self: stretch;
|
|
14698
|
-
justify-content: center;
|
|
14699
|
-
border: 0;
|
|
14700
14746
|
}
|
|
14701
14747
|
.pf-v6-c-divider.pf-m-hidden {
|
|
14702
14748
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -14741,6 +14787,13 @@ ul) {
|
|
|
14741
14787
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
14742
14788
|
}
|
|
14743
14789
|
}
|
|
14790
|
+
.pf-v6-c-divider {
|
|
14791
|
+
flex-shrink: 0;
|
|
14792
|
+
align-items: stretch;
|
|
14793
|
+
align-self: stretch;
|
|
14794
|
+
justify-content: center;
|
|
14795
|
+
border: 0;
|
|
14796
|
+
}
|
|
14744
14797
|
.pf-v6-c-divider::before {
|
|
14745
14798
|
flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
|
|
14746
14799
|
content: "";
|
|
@@ -15042,6 +15095,19 @@ ul) {
|
|
|
15042
15095
|
--pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--default);
|
|
15043
15096
|
--pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
|
|
15044
15097
|
--pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
|
|
15098
|
+
}
|
|
15099
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
15100
|
+
.pf-v6-c-drawer {
|
|
15101
|
+
--pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
|
|
15102
|
+
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
|
|
15103
|
+
--pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
15104
|
+
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
15105
|
+
--pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
|
|
15106
|
+
--pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
|
|
15107
|
+
--pf-v6-c-drawer__panel--Opacity: 1;
|
|
15108
|
+
}
|
|
15109
|
+
}
|
|
15110
|
+
.pf-v6-c-drawer {
|
|
15045
15111
|
--pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
15046
15112
|
--pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
15047
15113
|
--pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -15104,6 +15170,17 @@ ul) {
|
|
|
15104
15170
|
--pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
|
|
15105
15171
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
|
|
15106
15172
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
|
|
15173
|
+
}
|
|
15174
|
+
@media screen and (min-width: 75rem) {
|
|
15175
|
+
.pf-v6-c-drawer {
|
|
15176
|
+
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
|
15177
|
+
}
|
|
15178
|
+
.pf-v6-c-drawer.pf-m-panel-bottom {
|
|
15179
|
+
--pf-v6-c-drawer__panel--MinWidth: auto;
|
|
15180
|
+
--pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
|
|
15181
|
+
}
|
|
15182
|
+
}
|
|
15183
|
+
.pf-v6-c-drawer {
|
|
15107
15184
|
--pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
|
|
15108
15185
|
--pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
|
|
15109
15186
|
--pf-v6-c-drawer__panel--BoxShadow: none;
|
|
@@ -15118,43 +15195,27 @@ ul) {
|
|
|
15118
15195
|
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
|
|
15119
15196
|
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
|
|
15120
15197
|
}
|
|
15121
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
15122
|
-
.pf-v6-c-drawer {
|
|
15123
|
-
--pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
|
|
15124
|
-
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
|
|
15125
|
-
--pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
15126
|
-
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
15127
|
-
--pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
|
|
15128
|
-
--pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
|
|
15129
|
-
--pf-v6-c-drawer__panel--Opacity: 1;
|
|
15130
|
-
}
|
|
15131
|
-
}
|
|
15132
|
-
@media screen and (min-width: 75rem) {
|
|
15133
|
-
.pf-v6-c-drawer {
|
|
15134
|
-
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
|
15135
|
-
}
|
|
15136
|
-
.pf-v6-c-drawer.pf-m-panel-bottom {
|
|
15137
|
-
--pf-v6-c-drawer__panel--MinWidth: auto;
|
|
15138
|
-
--pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
|
|
15139
|
-
}
|
|
15140
|
-
}
|
|
15141
15198
|
|
|
15142
15199
|
.pf-v6-c-drawer {
|
|
15143
15200
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
|
|
15144
|
-
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
15145
|
-
display: flex;
|
|
15146
|
-
flex-direction: column;
|
|
15147
|
-
height: 100%;
|
|
15148
|
-
overflow-x: hidden;
|
|
15149
15201
|
}
|
|
15150
15202
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
|
15151
15203
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
15152
15204
|
}
|
|
15153
15205
|
|
|
15206
|
+
.pf-v6-c-drawer {
|
|
15207
|
+
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
15208
|
+
}
|
|
15154
15209
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
|
15155
15210
|
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
|
|
15156
15211
|
}
|
|
15157
15212
|
|
|
15213
|
+
.pf-v6-c-drawer {
|
|
15214
|
+
display: flex;
|
|
15215
|
+
flex-direction: column;
|
|
15216
|
+
height: 100%;
|
|
15217
|
+
overflow-x: hidden;
|
|
15218
|
+
}
|
|
15158
15219
|
.pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
|
|
15159
15220
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
|
|
15160
15221
|
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
@@ -15184,13 +15245,15 @@ ul) {
|
|
|
15184
15245
|
}
|
|
15185
15246
|
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15186
15247
|
transform: translateX(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15187
|
-
--pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
|
|
15188
|
-
visibility: visible;
|
|
15189
15248
|
}
|
|
15190
15249
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15191
15250
|
transform: translateX(calc(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)) * var(--pf-v6-global--inverse--multiplier)));
|
|
15192
15251
|
}
|
|
15193
15252
|
|
|
15253
|
+
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15254
|
+
--pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
|
|
15255
|
+
visibility: visible;
|
|
15256
|
+
}
|
|
15194
15257
|
.pf-v6-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15195
15258
|
transform: translateX(0);
|
|
15196
15259
|
}
|
|
@@ -15247,8 +15310,8 @@ ul) {
|
|
|
15247
15310
|
.pf-v6-c-drawer__panel,
|
|
15248
15311
|
.pf-v6-c-drawer__panel-main {
|
|
15249
15312
|
display: flex;
|
|
15250
|
-
flex-direction: column;
|
|
15251
15313
|
flex-shrink: 0;
|
|
15314
|
+
flex-direction: column;
|
|
15252
15315
|
overflow: auto;
|
|
15253
15316
|
}
|
|
15254
15317
|
|
|
@@ -16055,6 +16118,17 @@ ul) {
|
|
|
16055
16118
|
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
|
|
16056
16119
|
--pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
|
|
16057
16120
|
--pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
|
|
16121
|
+
}
|
|
16122
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
16123
|
+
.pf-v6-c-expandable-section {
|
|
16124
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
16125
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
16126
|
+
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
|
16127
|
+
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
|
|
16128
|
+
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
|
|
16129
|
+
}
|
|
16130
|
+
}
|
|
16131
|
+
.pf-v6-c-expandable-section {
|
|
16058
16132
|
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
|
16059
16133
|
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
16060
16134
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -16071,15 +16145,6 @@ ul) {
|
|
|
16071
16145
|
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
16072
16146
|
--pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
|
|
16073
16147
|
}
|
|
16074
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
16075
|
-
.pf-v6-c-expandable-section {
|
|
16076
|
-
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
16077
|
-
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
16078
|
-
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
|
16079
|
-
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
|
|
16080
|
-
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
|
|
16081
|
-
}
|
|
16082
|
-
}
|
|
16083
16148
|
|
|
16084
16149
|
.pf-v6-c-expandable-section {
|
|
16085
16150
|
display: flex;
|
|
@@ -16138,9 +16203,13 @@ ul) {
|
|
|
16138
16203
|
}
|
|
16139
16204
|
.pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
|
|
16140
16205
|
display: -webkit-box;
|
|
16206
|
+
overflow: hidden;
|
|
16141
16207
|
-webkit-box-orient: vertical;
|
|
16142
16208
|
-webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
|
|
16143
|
-
|
|
16209
|
+
}
|
|
16210
|
+
|
|
16211
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
16212
|
+
scale: -1 1;
|
|
16144
16213
|
}
|
|
16145
16214
|
|
|
16146
16215
|
.pf-v6-c-expandable-section__toggle-icon {
|
|
@@ -16150,10 +16219,6 @@ ul) {
|
|
|
16150
16219
|
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
16151
16220
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
16152
16221
|
}
|
|
16153
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
16154
|
-
scale: -1 1;
|
|
16155
|
-
}
|
|
16156
|
-
|
|
16157
16222
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
16158
16223
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
16159
16224
|
}
|
|
@@ -16736,8 +16801,8 @@ ul) {
|
|
|
16736
16801
|
|
|
16737
16802
|
.pf-v6-c-form__field-group-header-main {
|
|
16738
16803
|
display: flex;
|
|
16739
|
-
flex-direction: column;
|
|
16740
16804
|
flex-grow: 1;
|
|
16805
|
+
flex-direction: column;
|
|
16741
16806
|
}
|
|
16742
16807
|
|
|
16743
16808
|
.pf-v6-c-form__field-group-header-title {
|
|
@@ -16978,8 +17043,8 @@ ul) {
|
|
|
16978
17043
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
|
|
16979
17044
|
}
|
|
16980
17045
|
.pf-v6-c-form-control.pf-m-textarea > textarea {
|
|
16981
|
-
outline-offset: 0;
|
|
16982
17046
|
scrollbar-gutter: stable;
|
|
17047
|
+
outline-offset: 0;
|
|
16983
17048
|
}
|
|
16984
17049
|
.pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
|
|
16985
17050
|
padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
|
|
@@ -18122,6 +18187,10 @@ label.pf-v6-c-input-group__text {
|
|
|
18122
18187
|
margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
|
|
18123
18188
|
}
|
|
18124
18189
|
|
|
18190
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
18191
|
+
scale: -1 1;
|
|
18192
|
+
}
|
|
18193
|
+
|
|
18125
18194
|
.pf-v6-c-jump-links__toggle-icon {
|
|
18126
18195
|
display: inline-block;
|
|
18127
18196
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
@@ -18130,9 +18199,6 @@ label.pf-v6-c-input-group__text {
|
|
|
18130
18199
|
transition-property: transform;
|
|
18131
18200
|
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
18132
18201
|
}
|
|
18133
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
18134
|
-
scale: -1 1;
|
|
18135
|
-
}
|
|
18136
18202
|
|
|
18137
18203
|
.pf-v6-c-label {
|
|
18138
18204
|
--pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -18629,6 +18695,10 @@ input.pf-v6-c-label__content {
|
|
|
18629
18695
|
.pf-v6-c-label__actions {
|
|
18630
18696
|
margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
|
|
18631
18697
|
}
|
|
18698
|
+
.pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
|
|
18699
|
+
--pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
|
|
18700
|
+
}
|
|
18701
|
+
|
|
18632
18702
|
.pf-v6-c-label__actions .pf-v6-c-button {
|
|
18633
18703
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
|
|
18634
18704
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
|
|
@@ -18639,9 +18709,6 @@ input.pf-v6-c-label__content {
|
|
|
18639
18709
|
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
|
18640
18710
|
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
18641
18711
|
}
|
|
18642
|
-
.pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
|
|
18643
|
-
--pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
|
|
18644
|
-
}
|
|
18645
18712
|
|
|
18646
18713
|
.pf-v6-c-label-group {
|
|
18647
18714
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -18782,9 +18849,9 @@ input.pf-v6-c-label__content {
|
|
|
18782
18849
|
padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
|
|
18783
18850
|
white-space: nowrap;
|
|
18784
18851
|
resize: none;
|
|
18785
|
-
border: 0;
|
|
18786
|
-
-ms-overflow-style: none;
|
|
18787
18852
|
scrollbar-width: none;
|
|
18853
|
+
-ms-overflow-style: none;
|
|
18854
|
+
border: 0;
|
|
18788
18855
|
}
|
|
18789
18856
|
.pf-v6-c-label-group__textarea::-webkit-scrollbar {
|
|
18790
18857
|
display: none;
|
|
@@ -18870,18 +18937,48 @@ ul.pf-v6-c-list {
|
|
|
18870
18937
|
--pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
|
|
18871
18938
|
--pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
|
|
18872
18939
|
--pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
|
|
18940
|
+
}
|
|
18941
|
+
@media (min-width: 75rem) {
|
|
18942
|
+
.pf-v6-c-login {
|
|
18943
|
+
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
18944
|
+
}
|
|
18945
|
+
}
|
|
18946
|
+
.pf-v6-c-login {
|
|
18873
18947
|
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
18874
18948
|
--pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18875
18949
|
--pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
18950
|
+
}
|
|
18951
|
+
@media (min-width: 36rem) {
|
|
18952
|
+
.pf-v6-c-login {
|
|
18953
|
+
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
18954
|
+
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
18955
|
+
}
|
|
18956
|
+
}
|
|
18957
|
+
.pf-v6-c-login {
|
|
18876
18958
|
--pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
18877
18959
|
--pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
|
|
18878
18960
|
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
18879
18961
|
--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
18962
|
+
}
|
|
18963
|
+
@media (min-width: 75rem) {
|
|
18964
|
+
.pf-v6-c-login {
|
|
18965
|
+
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
18966
|
+
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
18967
|
+
}
|
|
18968
|
+
}
|
|
18969
|
+
.pf-v6-c-login {
|
|
18880
18970
|
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
18881
18971
|
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
18882
18972
|
--pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
18883
18973
|
--pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
18884
18974
|
--pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
18975
|
+
}
|
|
18976
|
+
@media (min-width: 75rem) {
|
|
18977
|
+
.pf-v6-c-login {
|
|
18978
|
+
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
18979
|
+
}
|
|
18980
|
+
}
|
|
18981
|
+
.pf-v6-c-login {
|
|
18885
18982
|
--pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
18886
18983
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
18887
18984
|
--pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -18893,11 +18990,28 @@ ul.pf-v6-c-list {
|
|
|
18893
18990
|
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18894
18991
|
--pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
|
|
18895
18992
|
--pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
|
|
18993
|
+
}
|
|
18994
|
+
@media (min-width: 48rem) {
|
|
18995
|
+
.pf-v6-c-login {
|
|
18996
|
+
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
18997
|
+
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
18998
|
+
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
|
|
18999
|
+
}
|
|
19000
|
+
}
|
|
19001
|
+
.pf-v6-c-login {
|
|
18896
19002
|
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
18897
19003
|
--pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
18898
19004
|
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
18899
19005
|
--pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
18900
19006
|
--pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
|
|
19007
|
+
}
|
|
19008
|
+
@media (min-width: 48rem) {
|
|
19009
|
+
.pf-v6-c-login {
|
|
19010
|
+
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
19011
|
+
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
19012
|
+
}
|
|
19013
|
+
}
|
|
19014
|
+
.pf-v6-c-login {
|
|
18901
19015
|
--pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
18902
19016
|
--pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
18903
19017
|
--pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -18915,43 +19029,6 @@ ul.pf-v6-c-list {
|
|
|
18915
19029
|
--pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18916
19030
|
--pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18917
19031
|
--pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
18918
|
-
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18919
|
-
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
18920
|
-
}
|
|
18921
|
-
@media (min-width: 75rem) {
|
|
18922
|
-
.pf-v6-c-login {
|
|
18923
|
-
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
18924
|
-
}
|
|
18925
|
-
}
|
|
18926
|
-
@media (min-width: 36rem) {
|
|
18927
|
-
.pf-v6-c-login {
|
|
18928
|
-
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
18929
|
-
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
18930
|
-
}
|
|
18931
|
-
}
|
|
18932
|
-
@media (min-width: 75rem) {
|
|
18933
|
-
.pf-v6-c-login {
|
|
18934
|
-
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
18935
|
-
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
18936
|
-
}
|
|
18937
|
-
}
|
|
18938
|
-
@media (min-width: 75rem) {
|
|
18939
|
-
.pf-v6-c-login {
|
|
18940
|
-
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
18941
|
-
}
|
|
18942
|
-
}
|
|
18943
|
-
@media (min-width: 48rem) {
|
|
18944
|
-
.pf-v6-c-login {
|
|
18945
|
-
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
18946
|
-
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
18947
|
-
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
|
|
18948
|
-
}
|
|
18949
|
-
}
|
|
18950
|
-
@media (min-width: 48rem) {
|
|
18951
|
-
.pf-v6-c-login {
|
|
18952
|
-
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
18953
|
-
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
18954
|
-
}
|
|
18955
19032
|
}
|
|
18956
19033
|
@media (min-width: 36rem) {
|
|
18957
19034
|
.pf-v6-c-login {
|
|
@@ -18959,6 +19036,10 @@ ul.pf-v6-c-list {
|
|
|
18959
19036
|
--pf-v6-c-login__footer--PaddingInlineStart: 0;
|
|
18960
19037
|
}
|
|
18961
19038
|
}
|
|
19039
|
+
.pf-v6-c-login {
|
|
19040
|
+
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19041
|
+
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
19042
|
+
}
|
|
18962
19043
|
@media (min-width: 75rem) {
|
|
18963
19044
|
.pf-v6-c-login {
|
|
18964
19045
|
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
|
|
@@ -19169,6 +19250,11 @@ ul.pf-v6-c-list {
|
|
|
19169
19250
|
--pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
|
|
19170
19251
|
}
|
|
19171
19252
|
|
|
19253
|
+
.pf-v6-c-masthead .pf-v6-c-toolbar {
|
|
19254
|
+
--pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
|
|
19255
|
+
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
19256
|
+
--pf-v6-c-toolbar__content--MinWidth: 0;
|
|
19257
|
+
}
|
|
19172
19258
|
.pf-v6-c-masthead {
|
|
19173
19259
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
19174
19260
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
@@ -19182,23 +19268,6 @@ ul.pf-v6-c-list {
|
|
|
19182
19268
|
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
19183
19269
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
19184
19270
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
19185
|
-
display: grid;
|
|
19186
|
-
grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
|
|
19187
|
-
grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
|
|
19188
|
-
row-gap: var(--pf-v6-c-masthead--RowGap);
|
|
19189
|
-
column-gap: var(--pf-v6-c-masthead--ColumnGap);
|
|
19190
|
-
align-items: start;
|
|
19191
|
-
min-width: 0;
|
|
19192
|
-
padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19193
|
-
padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19194
|
-
padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
|
|
19195
|
-
padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
|
|
19196
|
-
background-color: var(--pf-v6-c-masthead--BackgroundColor);
|
|
19197
|
-
}
|
|
19198
|
-
.pf-v6-c-masthead .pf-v6-c-toolbar {
|
|
19199
|
-
--pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
|
|
19200
|
-
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
19201
|
-
--pf-v6-c-toolbar__content--MinWidth: 0;
|
|
19202
19271
|
}
|
|
19203
19272
|
@media screen and (min-width: 48rem) {
|
|
19204
19273
|
:where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
|
|
@@ -19216,6 +19285,20 @@ ul.pf-v6-c-list {
|
|
|
19216
19285
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
19217
19286
|
}
|
|
19218
19287
|
}
|
|
19288
|
+
.pf-v6-c-masthead {
|
|
19289
|
+
display: grid;
|
|
19290
|
+
grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
|
|
19291
|
+
grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
|
|
19292
|
+
row-gap: var(--pf-v6-c-masthead--RowGap);
|
|
19293
|
+
column-gap: var(--pf-v6-c-masthead--ColumnGap);
|
|
19294
|
+
align-items: start;
|
|
19295
|
+
min-width: 0;
|
|
19296
|
+
padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19297
|
+
padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19298
|
+
padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
|
|
19299
|
+
padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
|
|
19300
|
+
background-color: var(--pf-v6-c-masthead--BackgroundColor);
|
|
19301
|
+
}
|
|
19219
19302
|
.pf-v6-c-masthead.pf-m-docked {
|
|
19220
19303
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
19221
19304
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
@@ -19250,8 +19333,8 @@ ul.pf-v6-c-list {
|
|
|
19250
19333
|
backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
|
|
19251
19334
|
}
|
|
19252
19335
|
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
|
|
19253
|
-
flex-direction: column;
|
|
19254
19336
|
flex-grow: 1;
|
|
19337
|
+
flex-direction: column;
|
|
19255
19338
|
align-self: revert;
|
|
19256
19339
|
}
|
|
19257
19340
|
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
|
|
@@ -19721,6 +19804,13 @@ ul.pf-v6-c-list {
|
|
|
19721
19804
|
--pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
19722
19805
|
--pf-v6-c-menu--TransitionDuration: 0s;
|
|
19723
19806
|
--pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
19807
|
+
}
|
|
19808
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
19809
|
+
.pf-v6-c-menu {
|
|
19810
|
+
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
19811
|
+
}
|
|
19812
|
+
}
|
|
19813
|
+
.pf-v6-c-menu {
|
|
19724
19814
|
--pf-v6-c-menu--m-plain--BoxShadow: none;
|
|
19725
19815
|
--pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
|
|
19726
19816
|
--pf-v6-c-menu__content--Height: auto;
|
|
@@ -19800,33 +19890,34 @@ ul.pf-v6-c-list {
|
|
|
19800
19890
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19801
19891
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19802
19892
|
--pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
|
|
19803
|
-
--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
|
|
19804
|
-
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
|
|
19805
|
-
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
19806
|
-
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
|
|
19807
|
-
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
19808
|
-
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
|
|
19809
|
-
}
|
|
19810
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
19811
|
-
.pf-v6-c-menu {
|
|
19812
|
-
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
19813
|
-
}
|
|
19814
19893
|
}
|
|
19815
19894
|
@media (prefers-reduced-motion: no-preference) {
|
|
19816
19895
|
.pf-v6-c-menu {
|
|
19817
19896
|
--pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
|
|
19818
19897
|
}
|
|
19819
19898
|
}
|
|
19899
|
+
.pf-v6-c-menu {
|
|
19900
|
+
--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
|
|
19901
|
+
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
|
|
19902
|
+
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
19903
|
+
}
|
|
19820
19904
|
@media (prefers-reduced-motion: no-preference) {
|
|
19821
19905
|
.pf-v6-c-menu {
|
|
19822
19906
|
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19823
19907
|
}
|
|
19824
19908
|
}
|
|
19909
|
+
.pf-v6-c-menu {
|
|
19910
|
+
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
|
|
19911
|
+
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
19912
|
+
}
|
|
19825
19913
|
@media (prefers-reduced-motion: no-preference) {
|
|
19826
19914
|
.pf-v6-c-menu {
|
|
19827
19915
|
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19828
19916
|
}
|
|
19829
19917
|
}
|
|
19918
|
+
.pf-v6-c-menu {
|
|
19919
|
+
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
|
|
19920
|
+
}
|
|
19830
19921
|
|
|
19831
19922
|
.pf-v6-c-menu__content,
|
|
19832
19923
|
.pf-v6-c-menu__list-item,
|
|
@@ -20284,13 +20375,14 @@ ul.pf-v6-c-list {
|
|
|
20284
20375
|
--pf-v6-c-check__input--TranslateY: none;
|
|
20285
20376
|
}
|
|
20286
20377
|
|
|
20287
|
-
.pf-v6-c-menu__item-toggle-icon {
|
|
20288
|
-
color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
|
|
20289
|
-
}
|
|
20290
20378
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
|
|
20291
20379
|
scale: -1 1;
|
|
20292
20380
|
}
|
|
20293
20381
|
|
|
20382
|
+
.pf-v6-c-menu__item-toggle-icon {
|
|
20383
|
+
color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
|
|
20384
|
+
}
|
|
20385
|
+
|
|
20294
20386
|
.pf-v6-c-menu__item-icon {
|
|
20295
20387
|
color: var(--pf-v6-c-menu__item--icon--Color, inherit);
|
|
20296
20388
|
}
|
|
@@ -20881,6 +20973,13 @@ ul.pf-v6-c-list {
|
|
|
20881
20973
|
--pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
20882
20974
|
--pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
20883
20975
|
--pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
20976
|
+
}
|
|
20977
|
+
@media (min-width: 75rem) {
|
|
20978
|
+
.pf-v6-c-modal-box {
|
|
20979
|
+
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
|
20980
|
+
}
|
|
20981
|
+
}
|
|
20982
|
+
.pf-v6-c-modal-box {
|
|
20884
20983
|
--pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
20885
20984
|
--pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20886
20985
|
--pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -20912,11 +21011,6 @@ ul.pf-v6-c-list {
|
|
|
20912
21011
|
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
20913
21012
|
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
|
|
20914
21013
|
}
|
|
20915
|
-
@media (min-width: 75rem) {
|
|
20916
|
-
.pf-v6-c-modal-box {
|
|
20917
|
-
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
|
20918
|
-
}
|
|
20919
|
-
}
|
|
20920
21014
|
|
|
20921
21015
|
.pf-v6-c-modal-box {
|
|
20922
21016
|
position: relative;
|
|
@@ -20978,8 +21072,8 @@ ul.pf-v6-c-list {
|
|
|
20978
21072
|
|
|
20979
21073
|
.pf-v6-c-modal-box__header {
|
|
20980
21074
|
display: flex;
|
|
20981
|
-
flex-direction: column;
|
|
20982
21075
|
flex-shrink: 0;
|
|
21076
|
+
flex-direction: column;
|
|
20983
21077
|
gap: var(--pf-v6-c-modal-box__header--Gap);
|
|
20984
21078
|
padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
|
|
20985
21079
|
padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
|
|
@@ -20996,8 +21090,8 @@ ul.pf-v6-c-list {
|
|
|
20996
21090
|
|
|
20997
21091
|
.pf-v6-c-modal-box__header-main {
|
|
20998
21092
|
display: flex;
|
|
20999
|
-
flex-direction: column;
|
|
21000
21093
|
flex-grow: 1;
|
|
21094
|
+
flex-direction: column;
|
|
21001
21095
|
gap: var(--pf-v6-c-modal-box__header-main--Gap);
|
|
21002
21096
|
min-width: 0;
|
|
21003
21097
|
padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
|
|
@@ -21351,6 +21445,15 @@ ul.pf-v6-c-list {
|
|
|
21351
21445
|
--pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
|
|
21352
21446
|
--pf-v6-c-nav__subnav--TranslateY: 0;
|
|
21353
21447
|
--pf-v6-c-nav__subnav--hidden--TranslateY: 0;
|
|
21448
|
+
}
|
|
21449
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
21450
|
+
.pf-v6-c-nav {
|
|
21451
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
21452
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
21453
|
+
--pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
|
|
21454
|
+
}
|
|
21455
|
+
}
|
|
21456
|
+
.pf-v6-c-nav {
|
|
21354
21457
|
--pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
|
|
21355
21458
|
--pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
21356
21459
|
--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -21386,13 +21489,6 @@ ul.pf-v6-c-list {
|
|
|
21386
21489
|
--pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
21387
21490
|
--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
21388
21491
|
}
|
|
21389
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
21390
|
-
.pf-v6-c-nav {
|
|
21391
|
-
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
21392
|
-
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
21393
|
-
--pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
|
|
21394
|
-
}
|
|
21395
|
-
}
|
|
21396
21492
|
|
|
21397
21493
|
.pf-v6-c-nav,
|
|
21398
21494
|
.pf-v6-c-nav__section,
|
|
@@ -21677,12 +21773,14 @@ ul.pf-v6-c-list {
|
|
|
21677
21773
|
scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
|
|
21678
21774
|
scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
|
|
21679
21775
|
-webkit-overflow-scrolling: touch;
|
|
21680
|
-
scrollbar-width: none;
|
|
21681
|
-
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
21682
21776
|
}
|
|
21683
21777
|
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
|
|
21684
21778
|
display: none;
|
|
21685
21779
|
}
|
|
21780
|
+
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
|
|
21781
|
+
scrollbar-width: none;
|
|
21782
|
+
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
21783
|
+
}
|
|
21686
21784
|
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
|
|
21687
21785
|
outline-offset: var(--pf-v6-c-nav--OutlineOffset);
|
|
21688
21786
|
}
|
|
@@ -21897,9 +21995,9 @@ ul.pf-v6-c-list {
|
|
|
21897
21995
|
}
|
|
21898
21996
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
21899
21997
|
display: -webkit-box;
|
|
21998
|
+
overflow: hidden;
|
|
21900
21999
|
-webkit-box-orient: vertical;
|
|
21901
22000
|
-webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
|
|
21902
|
-
overflow: hidden;
|
|
21903
22001
|
}
|
|
21904
22002
|
|
|
21905
22003
|
.pf-v6-c-notification-drawer__list-item-action {
|
|
@@ -21953,9 +22051,9 @@ ul.pf-v6-c-list {
|
|
|
21953
22051
|
|
|
21954
22052
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
21955
22053
|
display: -webkit-box;
|
|
22054
|
+
overflow: hidden;
|
|
21956
22055
|
-webkit-box-orient: vertical;
|
|
21957
22056
|
-webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
|
|
21958
|
-
overflow: hidden;
|
|
21959
22057
|
flex: 1;
|
|
21960
22058
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
21961
22059
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
@@ -21968,15 +22066,15 @@ ul.pf-v6-c-list {
|
|
|
21968
22066
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
|
|
21969
22067
|
}
|
|
21970
22068
|
|
|
22069
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
22070
|
+
scale: -1 1;
|
|
22071
|
+
}
|
|
22072
|
+
|
|
21971
22073
|
.pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21972
22074
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
|
|
21973
22075
|
color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
|
|
21974
22076
|
transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
|
|
21975
22077
|
}
|
|
21976
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21977
|
-
scale: -1 1;
|
|
21978
|
-
}
|
|
21979
|
-
|
|
21980
22078
|
.pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21981
22079
|
transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
21982
22080
|
}
|
|
@@ -22045,6 +22143,15 @@ ul.pf-v6-c-list {
|
|
|
22045
22143
|
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
22046
22144
|
--pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
22047
22145
|
--pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
22146
|
+
}
|
|
22147
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
22148
|
+
.pf-v6-c-page {
|
|
22149
|
+
--pf-v6-c-page__sidebar--Opacity: 1;
|
|
22150
|
+
--pf-v6-c-page__sidebar--TransitionProperty: transform;
|
|
22151
|
+
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
22152
|
+
}
|
|
22153
|
+
}
|
|
22154
|
+
.pf-v6-c-page {
|
|
22048
22155
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
22049
22156
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
22050
22157
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -22060,6 +22167,15 @@ ul.pf-v6-c-list {
|
|
|
22060
22167
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
|
22061
22168
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
22062
22169
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
22170
|
+
}
|
|
22171
|
+
@media screen and (min-width: 75rem) {
|
|
22172
|
+
.pf-v6-c-page {
|
|
22173
|
+
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
22174
|
+
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
22175
|
+
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
22176
|
+
}
|
|
22177
|
+
}
|
|
22178
|
+
.pf-v6-c-page {
|
|
22063
22179
|
--pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
|
|
22064
22180
|
--pf-v6-c-page__main-container--GridArea: main;
|
|
22065
22181
|
--pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
|
|
@@ -22082,6 +22198,17 @@ ul.pf-v6-c-list {
|
|
|
22082
22198
|
--pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
|
|
22083
22199
|
--pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
|
|
22084
22200
|
--pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
|
|
22201
|
+
}
|
|
22202
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
22203
|
+
.pf-v6-c-page {
|
|
22204
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
22205
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
22206
|
+
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
|
22207
|
+
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
|
22208
|
+
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
|
22209
|
+
}
|
|
22210
|
+
}
|
|
22211
|
+
.pf-v6-c-page {
|
|
22085
22212
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
22086
22213
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
22087
22214
|
--pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -22134,29 +22261,6 @@ ul.pf-v6-c-list {
|
|
|
22134
22261
|
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
22135
22262
|
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
22136
22263
|
}
|
|
22137
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
22138
|
-
.pf-v6-c-page {
|
|
22139
|
-
--pf-v6-c-page__sidebar--Opacity: 1;
|
|
22140
|
-
--pf-v6-c-page__sidebar--TransitionProperty: transform;
|
|
22141
|
-
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
22142
|
-
}
|
|
22143
|
-
}
|
|
22144
|
-
@media screen and (min-width: 75rem) {
|
|
22145
|
-
.pf-v6-c-page {
|
|
22146
|
-
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
22147
|
-
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
22148
|
-
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
22149
|
-
}
|
|
22150
|
-
}
|
|
22151
|
-
@media screen and (max-width: calc(48rem - 1px)) {
|
|
22152
|
-
.pf-v6-c-page {
|
|
22153
|
-
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
22154
|
-
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
22155
|
-
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
|
22156
|
-
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
|
22157
|
-
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
|
22158
|
-
}
|
|
22159
|
-
}
|
|
22160
22264
|
|
|
22161
22265
|
.pf-v6-c-page {
|
|
22162
22266
|
display: grid;
|
|
@@ -22231,15 +22335,15 @@ ul.pf-v6-c-list {
|
|
|
22231
22335
|
}
|
|
22232
22336
|
}
|
|
22233
22337
|
|
|
22234
|
-
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
22235
|
-
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
22236
|
-
grid-area: header;
|
|
22237
|
-
}
|
|
22238
22338
|
@media (min-width: 75rem) {
|
|
22239
22339
|
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
22240
22340
|
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
|
|
22241
22341
|
}
|
|
22242
22342
|
}
|
|
22343
|
+
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
22344
|
+
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
22345
|
+
grid-area: header;
|
|
22346
|
+
}
|
|
22243
22347
|
|
|
22244
22348
|
.pf-v6-c-page__dock {
|
|
22245
22349
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
@@ -22356,8 +22460,8 @@ ul.pf-v6-c-list {
|
|
|
22356
22460
|
.pf-v6-c-page__main-group,
|
|
22357
22461
|
.pf-v6-c-page__main-subnav {
|
|
22358
22462
|
display: flex;
|
|
22359
|
-
flex-direction: column;
|
|
22360
22463
|
flex-shrink: 0;
|
|
22464
|
+
flex-direction: column;
|
|
22361
22465
|
}
|
|
22362
22466
|
.pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
|
|
22363
22467
|
.pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
|
|
@@ -22601,8 +22705,8 @@ ul.pf-v6-c-list {
|
|
|
22601
22705
|
.pf-v6-c-page__main-drawer,
|
|
22602
22706
|
.pf-v6-c-page__main-group {
|
|
22603
22707
|
display: flex;
|
|
22604
|
-
flex-direction: column;
|
|
22605
22708
|
flex-grow: 1;
|
|
22709
|
+
flex-direction: column;
|
|
22606
22710
|
}
|
|
22607
22711
|
|
|
22608
22712
|
.pf-v6-c-page__main {
|
|
@@ -24516,8 +24620,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24516
24620
|
position: var(--pf-v6-c-sidebar__panel--Position);
|
|
24517
24621
|
inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
|
|
24518
24622
|
z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
|
|
24519
|
-
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
24520
24623
|
flex-shrink: 0;
|
|
24624
|
+
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
24521
24625
|
order: var(--pf-v6-c-sidebar__panel--Order);
|
|
24522
24626
|
padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
|
|
24523
24627
|
padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
|
|
@@ -24814,7 +24918,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24814
24918
|
--pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
|
|
24815
24919
|
--pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
|
|
24816
24920
|
--pf-v6-c-skeleton--before--Height: auto;
|
|
24817
|
-
--pf-v6-c-skeleton--before--Content: "
|
|
24921
|
+
--pf-v6-c-skeleton--before--Content: "\00a0";
|
|
24818
24922
|
--pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
|
|
24819
24923
|
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
24820
24924
|
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
@@ -24825,6 +24929,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24825
24929
|
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
24826
24930
|
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
24827
24931
|
--pf-v6-c-skeleton--after--AnimationDelay: .5s;
|
|
24932
|
+
}
|
|
24933
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
24934
|
+
.pf-v6-c-skeleton {
|
|
24935
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
24936
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
24937
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
24938
|
+
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
24939
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
24940
|
+
}
|
|
24941
|
+
}
|
|
24942
|
+
.pf-v6-c-skeleton {
|
|
24828
24943
|
--pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
24829
24944
|
--pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
|
|
24830
24945
|
--pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
|
|
@@ -24852,15 +24967,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24852
24967
|
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
24853
24968
|
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
24854
24969
|
}
|
|
24855
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
24856
|
-
.pf-v6-c-skeleton {
|
|
24857
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
24858
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
24859
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
24860
|
-
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
24861
|
-
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
24862
|
-
}
|
|
24863
|
-
}
|
|
24864
24970
|
|
|
24865
24971
|
.pf-v6-c-skeleton {
|
|
24866
24972
|
position: relative;
|
|
@@ -24877,6 +24983,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24877
24983
|
padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
|
|
24878
24984
|
content: var(--pf-v6-c-skeleton--before--Content);
|
|
24879
24985
|
}
|
|
24986
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
24987
|
+
scale: -1 1;
|
|
24988
|
+
}
|
|
24989
|
+
|
|
24880
24990
|
.pf-v6-c-skeleton::after {
|
|
24881
24991
|
position: absolute;
|
|
24882
24992
|
inset: 0;
|
|
@@ -24886,10 +24996,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24886
24996
|
transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
|
|
24887
24997
|
animation: var(--pf-v6-c-skeleton--after--AnimationName) var(--pf-v6-c-skeleton--after--AnimationDuration) var(--pf-v6-c-skeleton--after--AnimationTimingFunction) var(--pf-v6-c-skeleton--after--AnimationDelay) var(--pf-v6-c-skeleton--after--AnimationIterationCount);
|
|
24888
24998
|
}
|
|
24889
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
24890
|
-
scale: -1 1;
|
|
24891
|
-
}
|
|
24892
|
-
|
|
24893
24999
|
.pf-v6-c-skeleton.pf-m-circle {
|
|
24894
25000
|
--pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
|
|
24895
25001
|
}
|
|
@@ -25077,12 +25183,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25077
25183
|
|
|
25078
25184
|
.pf-v6-c-slider {
|
|
25079
25185
|
--pf-v6-c-slider__rail-track--before--fill--direction: right;
|
|
25080
|
-
display: flex;
|
|
25081
25186
|
}
|
|
25082
25187
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
|
|
25083
25188
|
--pf-v6-c-slider__rail-track--before--fill--direction: left;
|
|
25084
25189
|
}
|
|
25085
25190
|
|
|
25191
|
+
.pf-v6-c-slider {
|
|
25192
|
+
display: flex;
|
|
25193
|
+
}
|
|
25086
25194
|
.pf-v6-c-slider.pf-m-disabled {
|
|
25087
25195
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
|
|
25088
25196
|
--pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
|
|
@@ -25145,6 +25253,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25145
25253
|
|
|
25146
25254
|
.pf-v6-c-slider__step-tick {
|
|
25147
25255
|
transform: translateX(var(--pf-v6-c-slider__step-tick--TranslateX));
|
|
25256
|
+
}
|
|
25257
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
25258
|
+
transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
25259
|
+
}
|
|
25260
|
+
|
|
25261
|
+
.pf-v6-c-slider__step-tick {
|
|
25148
25262
|
position: absolute;
|
|
25149
25263
|
inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
|
|
25150
25264
|
inset-inline-start: 0;
|
|
@@ -25154,22 +25268,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25154
25268
|
border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
|
|
25155
25269
|
border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
|
|
25156
25270
|
}
|
|
25157
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
25158
|
-
transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
25159
|
-
}
|
|
25160
25271
|
|
|
25161
25272
|
.pf-v6-c-slider__step-label {
|
|
25162
25273
|
transform: translateX(var(--pf-v6-c-slider__step-label--TranslateX));
|
|
25163
|
-
position: absolute;
|
|
25164
|
-
inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
|
|
25165
|
-
word-break: normal;
|
|
25166
25274
|
}
|
|
25167
25275
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
|
|
25168
25276
|
transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
25169
25277
|
}
|
|
25170
25278
|
|
|
25279
|
+
.pf-v6-c-slider__step-label {
|
|
25280
|
+
position: absolute;
|
|
25281
|
+
inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
|
|
25282
|
+
word-break: normal;
|
|
25283
|
+
}
|
|
25284
|
+
|
|
25171
25285
|
.pf-v6-c-slider__thumb {
|
|
25172
25286
|
transform: translate(var(--pf-v6-c-slider__thumb--TranslateX), var(--pf-v6-c-slider__thumb--TranslateY));
|
|
25287
|
+
}
|
|
25288
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
|
|
25289
|
+
transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
|
|
25290
|
+
}
|
|
25291
|
+
|
|
25292
|
+
.pf-v6-c-slider__thumb {
|
|
25173
25293
|
position: absolute;
|
|
25174
25294
|
inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
|
|
25175
25295
|
inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
|
|
@@ -25181,12 +25301,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25181
25301
|
border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
|
|
25182
25302
|
box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
|
|
25183
25303
|
}
|
|
25184
|
-
|
|
25185
|
-
transform: translate(
|
|
25304
|
+
.pf-v6-c-slider__thumb::before {
|
|
25305
|
+
transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
25306
|
+
}
|
|
25307
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
|
|
25308
|
+
transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
25186
25309
|
}
|
|
25187
25310
|
|
|
25188
25311
|
.pf-v6-c-slider__thumb::before {
|
|
25189
|
-
transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
25190
25312
|
position: absolute;
|
|
25191
25313
|
inset-block-start: 50%;
|
|
25192
25314
|
inset-inline-start: 50%;
|
|
@@ -25195,10 +25317,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25195
25317
|
content: "";
|
|
25196
25318
|
border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
|
|
25197
25319
|
}
|
|
25198
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
|
|
25199
|
-
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));
|
|
25200
|
-
}
|
|
25201
|
-
|
|
25202
25320
|
.pf-v6-c-slider__thumb:hover {
|
|
25203
25321
|
--pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
|
|
25204
25322
|
}
|
|
@@ -25215,16 +25333,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25215
25333
|
}
|
|
25216
25334
|
.pf-v6-c-slider__value.pf-m-floating {
|
|
25217
25335
|
transform: translate(var(--pf-v6-c-slider__value--m-floating--TranslateX), var(--pf-v6-c-slider__value--m-floating--TranslateY));
|
|
25336
|
+
}
|
|
25337
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
|
|
25338
|
+
transform: translate(calc(var(--pf-v6-c-slider__value--m-floating--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__value--m-floating--TranslateY));
|
|
25339
|
+
}
|
|
25340
|
+
|
|
25341
|
+
.pf-v6-c-slider__value.pf-m-floating {
|
|
25218
25342
|
--pf-v6-c-slider__value--MarginInlineStart: 0;
|
|
25219
25343
|
position: absolute;
|
|
25220
25344
|
inset-block-start: 0;
|
|
25221
25345
|
inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
|
|
25222
25346
|
z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
|
|
25223
25347
|
}
|
|
25224
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
|
|
25225
|
-
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));
|
|
25226
|
-
}
|
|
25227
|
-
|
|
25228
25348
|
.pf-v6-c-slider__value .pf-v6-c-form-control {
|
|
25229
25349
|
width: var(--pf-v6-c-slider__value--c-form-control--Width);
|
|
25230
25350
|
}
|
|
@@ -25402,12 +25522,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25402
25522
|
}
|
|
25403
25523
|
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
25404
25524
|
transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
|
|
25405
|
-
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
25406
25525
|
}
|
|
25407
25526
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
25408
25527
|
transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
|
|
25409
25528
|
}
|
|
25410
25529
|
|
|
25530
|
+
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
25531
|
+
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
25532
|
+
}
|
|
25411
25533
|
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
|
|
25412
25534
|
color: var(--pf-v6-c-switch__input--not-checked__label--Color);
|
|
25413
25535
|
}
|
|
@@ -27229,6 +27351,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27229
27351
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
|
27230
27352
|
--pf-v6-c-table__expandable-row--TranslateY: 0;
|
|
27231
27353
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
|
|
27354
|
+
}
|
|
27355
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
27356
|
+
.pf-v6-c-table {
|
|
27357
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
27358
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
27359
|
+
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
|
27360
|
+
}
|
|
27361
|
+
}
|
|
27362
|
+
.pf-v6-c-table {
|
|
27232
27363
|
--pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
27233
27364
|
--pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
27234
27365
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -27297,13 +27428,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27297
27428
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
27298
27429
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
27299
27430
|
}
|
|
27300
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
27301
|
-
.pf-v6-c-table {
|
|
27302
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
27303
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
27304
|
-
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
|
27305
|
-
}
|
|
27306
|
-
}
|
|
27307
27431
|
|
|
27308
27432
|
.pf-v6-c-table {
|
|
27309
27433
|
width: 100%;
|
|
@@ -27368,22 +27492,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27368
27492
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
27369
27493
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
27370
27494
|
display: var(--pf-v6-hidden-visible--Display);
|
|
27371
|
-
position: relative;
|
|
27372
|
-
width: var(--pf-v6-c-table--cell--Width);
|
|
27373
|
-
min-width: var(--pf-v6-c-table--cell--MinWidth);
|
|
27374
|
-
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
27375
|
-
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
|
27376
|
-
padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
|
|
27377
|
-
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
27378
|
-
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
27379
|
-
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
27380
|
-
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
27381
|
-
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
27382
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
27383
|
-
color: var(--pf-v6-c-table--cell--Color);
|
|
27384
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
27385
|
-
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
27386
|
-
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
27387
27495
|
}
|
|
27388
27496
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
|
|
27389
27497
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -27428,6 +27536,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27428
27536
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
27429
27537
|
}
|
|
27430
27538
|
}
|
|
27539
|
+
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
|
|
27540
|
+
position: relative;
|
|
27541
|
+
width: var(--pf-v6-c-table--cell--Width);
|
|
27542
|
+
min-width: var(--pf-v6-c-table--cell--MinWidth);
|
|
27543
|
+
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
27544
|
+
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
|
27545
|
+
padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
|
|
27546
|
+
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
27547
|
+
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
27548
|
+
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
27549
|
+
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
27550
|
+
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
27551
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
27552
|
+
color: var(--pf-v6-c-table--cell--Color);
|
|
27553
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
27554
|
+
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
27555
|
+
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
27556
|
+
}
|
|
27431
27557
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
|
27432
27558
|
padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
|
27433
27559
|
}
|
|
@@ -27784,16 +27910,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27784
27910
|
.pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
|
|
27785
27911
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
|
27786
27912
|
}
|
|
27913
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27914
|
+
scale: -1 1;
|
|
27915
|
+
}
|
|
27916
|
+
|
|
27787
27917
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27788
27918
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
27789
27919
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
27790
27920
|
transition-property: transform;
|
|
27791
27921
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
27792
27922
|
}
|
|
27793
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27794
|
-
scale: -1 1;
|
|
27795
|
-
}
|
|
27796
|
-
|
|
27797
27923
|
.pf-v6-c-table__toggle svg {
|
|
27798
27924
|
pointer-events: none;
|
|
27799
27925
|
}
|
|
@@ -28270,13 +28396,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28270
28396
|
}
|
|
28271
28397
|
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
28272
28398
|
transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
|
|
28273
|
-
position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
|
|
28274
|
-
inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
|
|
28275
28399
|
}
|
|
28276
28400
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
28277
28401
|
transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
28278
28402
|
}
|
|
28279
28403
|
|
|
28404
|
+
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
28405
|
+
position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
|
|
28406
|
+
inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
|
|
28407
|
+
}
|
|
28280
28408
|
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
28281
28409
|
min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
|
|
28282
28410
|
}
|
|
@@ -29326,8 +29454,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29326
29454
|
}
|
|
29327
29455
|
.pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
|
|
29328
29456
|
position: relative;
|
|
29329
|
-
flex-direction: column;
|
|
29330
29457
|
flex-grow: 1;
|
|
29458
|
+
flex-direction: column;
|
|
29331
29459
|
max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
|
|
29332
29460
|
}
|
|
29333
29461
|
.pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
|
|
@@ -29492,15 +29620,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29492
29620
|
white-space: normal;
|
|
29493
29621
|
}
|
|
29494
29622
|
|
|
29623
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
29624
|
+
scale: -1 1;
|
|
29625
|
+
}
|
|
29626
|
+
|
|
29495
29627
|
.pf-v6-c-tabs__toggle-icon {
|
|
29496
29628
|
display: inline-block;
|
|
29497
29629
|
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
29498
29630
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
29499
29631
|
}
|
|
29500
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
29501
|
-
scale: -1 1;
|
|
29502
|
-
}
|
|
29503
29632
|
|
|
29633
|
+
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
29634
|
+
display: none;
|
|
29635
|
+
}
|
|
29504
29636
|
.pf-v6-c-tabs__list {
|
|
29505
29637
|
scrollbar-width: none;
|
|
29506
29638
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
@@ -29512,20 +29644,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29512
29644
|
scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
|
|
29513
29645
|
-webkit-overflow-scrolling: touch;
|
|
29514
29646
|
}
|
|
29515
|
-
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
29516
|
-
display: none;
|
|
29517
|
-
}
|
|
29518
29647
|
|
|
29519
29648
|
.pf-v6-c-tabs__item {
|
|
29520
29649
|
position: relative;
|
|
29521
29650
|
display: flex;
|
|
29522
29651
|
flex: none;
|
|
29523
29652
|
column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
|
|
29524
|
-
scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
|
|
29525
29653
|
padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
|
|
29526
29654
|
padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
|
|
29527
29655
|
padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
|
|
29528
29656
|
padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
|
|
29657
|
+
scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
|
|
29529
29658
|
background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
|
|
29530
29659
|
}
|
|
29531
29660
|
.pf-v6-c-tabs__item.pf-m-current {
|
|
@@ -29578,6 +29707,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29578
29707
|
border: 0;
|
|
29579
29708
|
}
|
|
29580
29709
|
|
|
29710
|
+
.pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
|
|
29711
|
+
--pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
|
|
29712
|
+
}
|
|
29713
|
+
|
|
29581
29714
|
.pf-v6-c-tabs__link {
|
|
29582
29715
|
display: flex;
|
|
29583
29716
|
flex: 1;
|
|
@@ -29595,10 +29728,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29595
29728
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
|
29596
29729
|
transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
|
|
29597
29730
|
}
|
|
29598
|
-
.pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
|
|
29599
|
-
--pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
|
|
29600
|
-
}
|
|
29601
|
-
|
|
29602
29731
|
.pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
|
|
29603
29732
|
pointer-events: none;
|
|
29604
29733
|
border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
|
|
@@ -29653,6 +29782,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29653
29782
|
--pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
|
|
29654
29783
|
}
|
|
29655
29784
|
|
|
29785
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
|
|
29786
|
+
scale: -1 1;
|
|
29787
|
+
}
|
|
29788
|
+
|
|
29656
29789
|
.pf-v6-c-tabs__link-toggle-icon {
|
|
29657
29790
|
align-self: end;
|
|
29658
29791
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
@@ -29660,9 +29793,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29660
29793
|
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
29661
29794
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
29662
29795
|
}
|
|
29663
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
|
|
29664
|
-
scale: -1 1;
|
|
29665
|
-
}
|
|
29666
29796
|
|
|
29667
29797
|
.pf-v6-c-tabs__item-action {
|
|
29668
29798
|
display: flex;
|
|
@@ -30680,9 +30810,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30680
30810
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
30681
30811
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
30682
30812
|
display: var(--pf-v6-hidden-visible--Display);
|
|
30683
|
-
row-gap: var(--pf-v6-c-toolbar__content--RowGap);
|
|
30684
|
-
padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
|
|
30685
|
-
padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
|
|
30686
30813
|
}
|
|
30687
30814
|
.pf-v6-c-toolbar__content.pf-m-hidden {
|
|
30688
30815
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -30727,6 +30854,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30727
30854
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
30728
30855
|
}
|
|
30729
30856
|
}
|
|
30857
|
+
.pf-v6-c-toolbar__content {
|
|
30858
|
+
row-gap: var(--pf-v6-c-toolbar__content--RowGap);
|
|
30859
|
+
padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
|
|
30860
|
+
padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
|
|
30861
|
+
}
|
|
30730
30862
|
|
|
30731
30863
|
.pf-v6-c-toolbar__content-section {
|
|
30732
30864
|
flex-wrap: wrap;
|
|
@@ -30800,11 +30932,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30800
30932
|
|
|
30801
30933
|
.pf-v6-c-toolbar__item {
|
|
30802
30934
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
|
|
30803
|
-
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
|
|
30804
|
-
row-gap: var(--pf-v6-c-toolbar__item--RowGap);
|
|
30805
|
-
column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
|
|
30806
|
-
width: var(--pf-v6-c-toolbar__item--Width--base);
|
|
30807
|
-
min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
|
|
30808
30935
|
}
|
|
30809
30936
|
@media (min-width: 36rem) {
|
|
30810
30937
|
.pf-v6-c-toolbar__item {
|
|
@@ -30831,6 +30958,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30831
30958
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
|
|
30832
30959
|
}
|
|
30833
30960
|
}
|
|
30961
|
+
.pf-v6-c-toolbar__item {
|
|
30962
|
+
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
|
|
30963
|
+
}
|
|
30834
30964
|
@media (min-width: 36rem) {
|
|
30835
30965
|
.pf-v6-c-toolbar__item {
|
|
30836
30966
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
|
|
@@ -30856,6 +30986,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30856
30986
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
|
|
30857
30987
|
}
|
|
30858
30988
|
}
|
|
30989
|
+
.pf-v6-c-toolbar__item {
|
|
30990
|
+
row-gap: var(--pf-v6-c-toolbar__item--RowGap);
|
|
30991
|
+
column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
|
|
30992
|
+
width: var(--pf-v6-c-toolbar__item--Width--base);
|
|
30993
|
+
min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
|
|
30994
|
+
}
|
|
30859
30995
|
.pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
|
|
30860
30996
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
|
|
30861
30997
|
}
|
|
@@ -32729,6 +32865,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32729
32865
|
--pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
|
|
32730
32866
|
--pf-v6-c-tree-view__list--TranslateY: 0;
|
|
32731
32867
|
--pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
|
|
32868
|
+
}
|
|
32869
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
32870
|
+
.pf-v6-c-tree-view {
|
|
32871
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
32872
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
32873
|
+
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
|
32874
|
+
}
|
|
32875
|
+
}
|
|
32876
|
+
.pf-v6-c-tree-view {
|
|
32732
32877
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
|
|
32733
32878
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
|
|
32734
32879
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
@@ -32757,6 +32902,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32757
32902
|
--pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
|
|
32758
32903
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
32759
32904
|
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
|
|
32905
|
+
--pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
32906
|
+
--pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
32907
|
+
--pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
32760
32908
|
--pf-v6-c-tree-view__node-text--max-lines: 1;
|
|
32761
32909
|
--pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
32762
32910
|
--pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -32812,6 +32960,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32812
32960
|
--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
32813
32961
|
--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
32814
32962
|
--pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
|
|
32963
|
+
--pf-v6-c-tree-view--m-compact__node-container--nested--Color: initial;
|
|
32964
|
+
--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: var(--pf-t--global--text--color--on-disabled);
|
|
32965
|
+
--pf-v6-c-tree-view--m-compact__node-icon--nested--Color: initial;
|
|
32966
|
+
--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
32967
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color: initial;
|
|
32968
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
32815
32969
|
--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
|
|
32816
32970
|
--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
|
|
32817
32971
|
--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
|
|
@@ -32821,13 +32975,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32821
32975
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
|
|
32822
32976
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart: calc(var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart) + 0.25rem);
|
|
32823
32977
|
}
|
|
32824
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
32825
|
-
.pf-v6-c-tree-view {
|
|
32826
|
-
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
32827
|
-
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
32828
|
-
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
|
32829
|
-
}
|
|
32830
|
-
}
|
|
32831
32978
|
|
|
32832
32979
|
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item {
|
|
32833
32980
|
position: relative;
|
|
@@ -32908,11 +33055,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32908
33055
|
padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
|
|
32909
33056
|
padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
|
|
32910
33057
|
padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
|
|
33058
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--Color, inherit);
|
|
32911
33059
|
background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
|
|
32912
33060
|
}
|
|
32913
33061
|
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-toggle {
|
|
32914
33062
|
margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
|
|
32915
33063
|
margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
|
|
33064
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color, inherit);
|
|
33065
|
+
}
|
|
33066
|
+
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-icon {
|
|
33067
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-icon--nested--Color, inherit);
|
|
32916
33068
|
}
|
|
32917
33069
|
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
|
|
32918
33070
|
padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
|
|
@@ -32937,6 +33089,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32937
33089
|
}
|
|
32938
33090
|
.pf-v6-c-tree-view.pf-m-no-background {
|
|
32939
33091
|
--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
|
|
33092
|
+
--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: initial;
|
|
33093
|
+
--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: initial;
|
|
33094
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: initial;
|
|
33095
|
+
}
|
|
33096
|
+
|
|
33097
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
33098
|
+
scale: -1 1;
|
|
32940
33099
|
}
|
|
32941
33100
|
|
|
32942
33101
|
.pf-v6-c-tree-view__node-toggle-icon {
|
|
@@ -32946,9 +33105,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32946
33105
|
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
32947
33106
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
32948
33107
|
}
|
|
32949
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
32950
|
-
scale: -1 1;
|
|
32951
|
-
}
|
|
32952
33108
|
|
|
32953
33109
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
32954
33110
|
max-height: 0;
|
|
@@ -33012,6 +33168,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
33012
33168
|
.pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
|
|
33013
33169
|
margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
|
|
33014
33170
|
}
|
|
33171
|
+
.pf-v6-c-tree-view__node.pf-m-disabled {
|
|
33172
|
+
--pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-disabled--Color);
|
|
33173
|
+
--pf-v6-c-tree-view__node-icon--Color: var(--pf-v6-c-tree-view__node-icon--m-disabled--Color);
|
|
33174
|
+
--pf-v6-c-tree-view--m-compact__node-container--nested--Color: var(--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color);
|
|
33175
|
+
--pf-v6-c-tree-view--m-compact__node-icon--nested--Color: var(--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color);
|
|
33176
|
+
}
|
|
33015
33177
|
|
|
33016
33178
|
.pf-v6-c-tree-view__node-container {
|
|
33017
33179
|
display: var(--pf-v6-c-tree-view__node-container--Display);
|
|
@@ -33054,6 +33216,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
33054
33216
|
transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
33055
33217
|
}
|
|
33056
33218
|
|
|
33219
|
+
.pf-v6-c-tree-view__node-toggle.pf-m-disabled {
|
|
33220
|
+
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--m-disabled--Color);
|
|
33221
|
+
}
|
|
33222
|
+
|
|
33057
33223
|
.pf-v6-c-tree-view__node-title.pf-m-truncate,
|
|
33058
33224
|
.pf-v6-c-tree-view__node-text.pf-m-truncate {
|
|
33059
33225
|
--pf-v6-c-tree-view__node-content--Overflow: hidden;
|
|
@@ -33069,6 +33235,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
33069
33235
|
white-space: nowrap;
|
|
33070
33236
|
}
|
|
33071
33237
|
|
|
33238
|
+
label.pf-v6-c-tree-view__node-text {
|
|
33239
|
+
cursor: pointer;
|
|
33240
|
+
}
|
|
33241
|
+
|
|
33072
33242
|
.pf-v6-c-tree-view__node-text {
|
|
33073
33243
|
font-weight: inherit;
|
|
33074
33244
|
color: inherit;
|
|
@@ -33076,9 +33246,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
33076
33246
|
background-color: transparent;
|
|
33077
33247
|
border: 0;
|
|
33078
33248
|
}
|
|
33079
|
-
label.pf-v6-c-tree-view__node-text {
|
|
33080
|
-
cursor: pointer;
|
|
33081
|
-
}
|
|
33082
33249
|
|
|
33083
33250
|
.pf-v6-c-tree-view__node-title {
|
|
33084
33251
|
font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
|
|
@@ -33307,6 +33474,15 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33307
33474
|
--pf-v6-c-wizard__nav--lg--Width: 15.625rem;
|
|
33308
33475
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
33309
33476
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
|
|
33477
|
+
}
|
|
33478
|
+
@media screen and (min-width: 62rem) {
|
|
33479
|
+
.pf-v6-c-wizard {
|
|
33480
|
+
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
33481
|
+
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
33482
|
+
--pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
|
|
33483
|
+
}
|
|
33484
|
+
}
|
|
33485
|
+
.pf-v6-c-wizard {
|
|
33310
33486
|
--pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
33311
33487
|
--pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
33312
33488
|
--pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -33331,13 +33507,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33331
33507
|
--pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
33332
33508
|
--pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
33333
33509
|
}
|
|
33334
|
-
@media screen and (min-width: 62rem) {
|
|
33335
|
-
.pf-v6-c-wizard {
|
|
33336
|
-
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
33337
|
-
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
33338
|
-
--pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
|
|
33339
|
-
}
|
|
33340
|
-
}
|
|
33341
33510
|
|
|
33342
33511
|
.pf-v6-c-wizard {
|
|
33343
33512
|
position: relative;
|
|
@@ -33473,13 +33642,14 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33473
33642
|
color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
|
|
33474
33643
|
}
|
|
33475
33644
|
|
|
33476
|
-
.pf-v6-c-wizard__toggle-separator {
|
|
33477
|
-
color: var(--pf-v6-c-wizard__toggle-separator--Color);
|
|
33478
|
-
}
|
|
33479
33645
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
|
|
33480
33646
|
scale: -1 1;
|
|
33481
33647
|
}
|
|
33482
33648
|
|
|
33649
|
+
.pf-v6-c-wizard__toggle-separator {
|
|
33650
|
+
color: var(--pf-v6-c-wizard__toggle-separator--Color);
|
|
33651
|
+
}
|
|
33652
|
+
|
|
33483
33653
|
.pf-v6-c-wizard__toggle-icon {
|
|
33484
33654
|
line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
|
|
33485
33655
|
}
|
|
@@ -33487,8 +33657,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33487
33657
|
.pf-v6-c-wizard__outer-wrap {
|
|
33488
33658
|
position: relative;
|
|
33489
33659
|
display: flex;
|
|
33490
|
-
flex-direction: column;
|
|
33491
33660
|
flex-grow: 1;
|
|
33661
|
+
flex-direction: column;
|
|
33492
33662
|
min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
|
|
33493
33663
|
background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
|
|
33494
33664
|
}
|
|
@@ -33501,8 +33671,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33501
33671
|
.pf-v6-c-wizard__inner-wrap {
|
|
33502
33672
|
position: relative;
|
|
33503
33673
|
display: flex;
|
|
33504
|
-
flex-direction: column;
|
|
33505
33674
|
flex-grow: 1;
|
|
33675
|
+
flex-direction: column;
|
|
33506
33676
|
min-height: 0;
|
|
33507
33677
|
}
|
|
33508
33678
|
@media screen and (min-width: 62rem) {
|
|
@@ -33680,6 +33850,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33680
33850
|
color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
|
|
33681
33851
|
}
|
|
33682
33852
|
|
|
33853
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|
|
33854
|
+
scale: -1 1;
|
|
33855
|
+
}
|
|
33856
|
+
|
|
33683
33857
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
33684
33858
|
display: inline-block;
|
|
33685
33859
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
@@ -33687,15 +33861,12 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33687
33861
|
transition-property: transform;
|
|
33688
33862
|
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
33689
33863
|
}
|
|
33690
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|
|
33691
|
-
scale: -1 1;
|
|
33692
|
-
}
|
|
33693
33864
|
|
|
33694
33865
|
.pf-v6-c-wizard__main {
|
|
33695
33866
|
z-index: var(--pf-v6-c-wizard__main--ZIndex);
|
|
33696
33867
|
display: flex;
|
|
33697
|
-
flex-direction: column;
|
|
33698
33868
|
flex-grow: 1;
|
|
33869
|
+
flex-direction: column;
|
|
33699
33870
|
overflow-x: hidden;
|
|
33700
33871
|
overflow-y: auto;
|
|
33701
33872
|
word-break: break-word;
|
|
@@ -36133,12 +36304,13 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
36133
36304
|
display: grid;
|
|
36134
36305
|
grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
|
|
36135
36306
|
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
36136
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
36137
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
36138
36307
|
}
|
|
36139
36308
|
.pf-v6-l-gallery.pf-m-gutter {
|
|
36140
36309
|
grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
36141
36310
|
}
|
|
36311
|
+
.pf-v6-l-gallery {
|
|
36312
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
36313
|
+
}
|
|
36142
36314
|
@media (min-width: 36rem) {
|
|
36143
36315
|
.pf-v6-l-gallery {
|
|
36144
36316
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
|
|
@@ -36164,6 +36336,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
36164
36336
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
|
|
36165
36337
|
}
|
|
36166
36338
|
}
|
|
36339
|
+
.pf-v6-l-gallery {
|
|
36340
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
36341
|
+
}
|
|
36167
36342
|
@media (min-width: 36rem) {
|
|
36168
36343
|
.pf-v6-l-gallery {
|
|
36169
36344
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
|