@patternfly/patternfly 6.5.0-prerelease.33 → 6.5.0-prerelease.35
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/patternfly-variables.css +340 -14
- package/base/patternfly-variables.scss +40 -0
- package/base/tokens/tokens-dark.scss +49 -3
- package/base/tokens/tokens-default.scss +65 -13
- package/base/tokens/tokens-glass-dark.scss +11 -0
- package/base/tokens/tokens-glass.scss +11 -0
- package/base/tokens/tokens-local.scss +1 -1
- package/base/tokens/tokens-redhat-dark.scss +14 -0
- package/base/tokens/tokens-redhat-glass-dark.scss +18 -0
- package/base/tokens/tokens-redhat-glass.scss +17 -0
- package/base/tokens/tokens-redhat-highcontrast-dark.scss +47 -0
- package/base/tokens/tokens-redhat-highcontrast.scss +127 -0
- package/base/tokens/tokens-redhat.scss +15 -0
- 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/Compass/examples/Compass.md +38 -32
- package/docs/components/ModalBox/examples/ModalBox.md +1 -1
- package/docs/components/TreeView/examples/TreeView.md +38 -26
- package/docs/demos/Compass/examples/Compass.md +16 -0
- 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-base-no-globals.css +340 -14
- package/patternfly-base.css +340 -14
- package/patternfly-charts.css +3 -3
- package/patternfly-no-globals.css +928 -427
- package/patternfly.css +928 -427
- 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,
|
|
@@ -6525,9 +6524,12 @@ button) {
|
|
|
6525
6524
|
--pf-t--color--yellow--60: #96640f;
|
|
6526
6525
|
--pf-t--color--yellow--70: #73480b;
|
|
6527
6526
|
--pf-t--color--yellow--80: #54330b;
|
|
6528
|
-
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.
|
|
6527
|
+
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
|
|
6529
6528
|
--pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
|
|
6529
|
+
--pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
|
|
6530
6530
|
--pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
|
|
6531
|
+
--pf-t--global--background--filter--glass: 0;
|
|
6532
|
+
--pf-t--global--background--opacity--glass: 100;
|
|
6531
6533
|
--pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
|
|
6532
6534
|
--pf-t--global--border--radius--0: 0px;
|
|
6533
6535
|
--pf-t--global--border--radius--100: 4px;
|
|
@@ -6555,12 +6557,12 @@ button) {
|
|
|
6555
6557
|
--pf-t--global--box-shadow--X--700: 10px;
|
|
6556
6558
|
--pf-t--global--box-shadow--X--800: 20px;
|
|
6557
6559
|
--pf-t--global--box-shadow--Y--100: -10px;
|
|
6558
|
-
--pf-t--global--box-shadow--Y--200: -
|
|
6560
|
+
--pf-t--global--box-shadow--Y--200: -2px;
|
|
6559
6561
|
--pf-t--global--box-shadow--Y--300: -1px;
|
|
6560
6562
|
--pf-t--global--box-shadow--Y--400: 0px;
|
|
6561
6563
|
--pf-t--global--box-shadow--Y--50: -20px;
|
|
6562
6564
|
--pf-t--global--box-shadow--Y--500: 1px;
|
|
6563
|
-
--pf-t--global--box-shadow--Y--600:
|
|
6565
|
+
--pf-t--global--box-shadow--Y--600: 2px;
|
|
6564
6566
|
--pf-t--global--box-shadow--Y--700: 10px;
|
|
6565
6567
|
--pf-t--global--box-shadow--Y--800: 20px;
|
|
6566
6568
|
--pf-t--global--box-shadow--blur--100: 4px;
|
|
@@ -6631,6 +6633,7 @@ button) {
|
|
|
6631
6633
|
--pf-t--global--spacer--800: 5rem;
|
|
6632
6634
|
--pf-t--global--text-decoration--line--100: none;
|
|
6633
6635
|
--pf-t--global--text-decoration--line--200: underline;
|
|
6636
|
+
--pf-t--global--text-decoration--offset--hover: 5;
|
|
6634
6637
|
--pf-t--global--text-decoration--style--100: solid;
|
|
6635
6638
|
--pf-t--global--text-decoration--style--200: dashed;
|
|
6636
6639
|
--pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
|
|
@@ -6652,12 +6655,14 @@ button) {
|
|
|
6652
6655
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
|
|
6653
6656
|
--pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
|
|
6654
6657
|
--pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
|
|
6658
|
+
--pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
|
|
6659
|
+
--pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
|
|
6655
6660
|
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
|
|
6656
6661
|
--pf-t--global--border--color--100: var(--pf-t--color--gray--30);
|
|
6657
6662
|
--pf-t--global--border--color--200: var(--pf-t--color--gray--40);
|
|
6658
|
-
--pf-t--global--border--color--300: var(--pf-t--color--gray--
|
|
6663
|
+
--pf-t--global--border--color--300: var(--pf-t--color--gray--45);
|
|
6659
6664
|
--pf-t--global--border--color--400: var(--pf-t--color--gray--60);
|
|
6660
|
-
--pf-t--global--border--color--50: var(--pf-t--color--gray--
|
|
6665
|
+
--pf-t--global--border--color--50: var(--pf-t--color--gray--10);
|
|
6661
6666
|
--pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
|
|
6662
6667
|
--pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
|
|
6663
6668
|
--pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
|
|
@@ -6667,9 +6672,9 @@ button) {
|
|
|
6667
6672
|
--pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
|
|
6668
6673
|
--pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
|
|
6669
6674
|
--pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
|
|
6670
|
-
--pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--
|
|
6675
|
+
--pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
|
|
6671
6676
|
--pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
|
|
6672
|
-
--pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--
|
|
6677
|
+
--pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
|
|
6673
6678
|
--pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
|
|
6674
6679
|
--pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
|
|
6675
6680
|
--pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
|
|
@@ -6743,9 +6748,17 @@ button) {
|
|
|
6743
6748
|
--pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
|
|
6744
6749
|
--pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
|
|
6745
6750
|
--pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
|
|
6751
|
+
--pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50);
|
|
6752
|
+
--pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60);
|
|
6753
|
+
--pf-t--global--color--brand--accent--300: var(--pf-t--color--red--70);
|
|
6754
|
+
--pf-t--global--color--brand--accent--400: var(--pf-t--color--black);
|
|
6755
|
+
--pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10);
|
|
6756
|
+
--pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20);
|
|
6757
|
+
--pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40);
|
|
6758
|
+
--pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50);
|
|
6746
6759
|
--pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
|
|
6747
6760
|
--pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
|
|
6748
|
-
--pf-t--global--color--disabled--300: var(--pf-t--color--gray--
|
|
6761
|
+
--pf-t--global--color--disabled--300: var(--pf-t--color--gray--50);
|
|
6749
6762
|
--pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
6750
6763
|
--pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
|
|
6751
6764
|
--pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
|
|
@@ -6811,7 +6824,7 @@ button) {
|
|
|
6811
6824
|
--pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
|
|
6812
6825
|
--pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
|
|
6813
6826
|
--pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
|
|
6814
|
-
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--
|
|
6827
|
+
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
|
|
6815
6828
|
--pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
|
|
6816
6829
|
--pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
|
|
6817
6830
|
--pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
|
|
@@ -6896,8 +6909,8 @@ button) {
|
|
|
6896
6909
|
--pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
6897
6910
|
--pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
6898
6911
|
--pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
6899
|
-
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--
|
|
6900
|
-
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--
|
|
6912
|
+
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
6913
|
+
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
6901
6914
|
--pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
|
|
6902
6915
|
--pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
|
|
6903
6916
|
--pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
|
|
@@ -6922,8 +6935,12 @@ button) {
|
|
|
6922
6935
|
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
|
|
6923
6936
|
--pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
|
|
6924
6937
|
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
|
|
6938
|
+
--pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--300);
|
|
6939
|
+
--pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200);
|
|
6940
|
+
--pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--300);
|
|
6925
6941
|
--pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
|
|
6926
|
-
--pf-t--global--border--color--control--
|
|
6942
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
|
|
6943
|
+
--pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
|
|
6927
6944
|
--pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
|
|
6928
6945
|
--pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
6929
6946
|
--pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
|
|
@@ -6958,9 +6975,17 @@ button) {
|
|
|
6958
6975
|
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
|
|
6959
6976
|
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
|
|
6960
6977
|
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
|
|
6978
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--border--color--50);
|
|
6979
|
+
--pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill);
|
|
6980
|
+
--pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small);
|
|
6981
|
+
--pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small);
|
|
6982
|
+
--pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
|
|
6961
6983
|
--pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
|
|
6962
6984
|
--pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
|
|
6963
6985
|
--pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
|
|
6986
|
+
--pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200);
|
|
6987
|
+
--pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100);
|
|
6988
|
+
--pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200);
|
|
6964
6989
|
--pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200);
|
|
6965
6990
|
--pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
|
|
6966
6991
|
--pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
|
|
@@ -7091,7 +7116,10 @@ button) {
|
|
|
7091
7116
|
--pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
|
|
7092
7117
|
--pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
|
|
7093
7118
|
--pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
|
|
7119
|
+
--pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
|
|
7094
7120
|
--pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
|
|
7121
|
+
--pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
|
|
7122
|
+
--pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
|
|
7095
7123
|
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
7096
7124
|
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7097
7125
|
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
@@ -7109,6 +7137,9 @@ button) {
|
|
|
7109
7137
|
--pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
|
|
7110
7138
|
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
|
|
7111
7139
|
--pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
|
|
7140
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7141
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
|
|
7142
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
|
|
7112
7143
|
--pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
|
|
7113
7144
|
--pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
7114
7145
|
--pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
|
|
@@ -7149,9 +7180,15 @@ button) {
|
|
|
7149
7180
|
--pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
|
|
7150
7181
|
--pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
|
|
7151
7182
|
--pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
|
|
7183
|
+
--pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7184
|
+
--pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
|
|
7185
|
+
--pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
|
|
7152
7186
|
--pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7153
7187
|
--pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
|
|
7154
7188
|
--pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
|
|
7189
|
+
--pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
|
|
7190
|
+
--pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
|
|
7191
|
+
--pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
|
|
7155
7192
|
--pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7156
7193
|
--pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7157
7194
|
--pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
@@ -7224,9 +7261,15 @@ button) {
|
|
|
7224
7261
|
--pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
|
|
7225
7262
|
--pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
|
|
7226
7263
|
--pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
|
|
7264
|
+
--pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
|
|
7265
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
|
|
7266
|
+
--pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
|
|
7227
7267
|
--pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
|
|
7228
7268
|
--pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
|
|
7229
7269
|
--pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
|
|
7270
|
+
--pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
|
|
7271
|
+
--pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
|
|
7272
|
+
--pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
|
|
7230
7273
|
--pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
|
|
7231
7274
|
--pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7232
7275
|
--pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
@@ -7261,7 +7304,15 @@ button) {
|
|
|
7261
7304
|
--pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
|
|
7262
7305
|
--pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
|
|
7263
7306
|
--pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
|
|
7307
|
+
--pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
|
|
7308
|
+
--pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
|
|
7309
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
7310
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
7311
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
7264
7312
|
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
7313
|
+
--pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
7314
|
+
--pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
7315
|
+
--pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
7265
7316
|
--pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
|
|
7266
7317
|
--pf-t--global--text-decoration--color--hover: currentcolor;
|
|
7267
7318
|
--pf-t--global--text-decoration--offset--hover: calc(var(--pf-t--global--spacer--xs) + 1px);
|
|
@@ -7413,14 +7464,19 @@ button) {
|
|
|
7413
7464
|
|
|
7414
7465
|
:root:where(.pf-v6-theme-dark) {
|
|
7415
7466
|
--pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
|
|
7467
|
+
--pf-t--global--background--filter--glass: 0;
|
|
7468
|
+
--pf-t--global--background--opacity--glass: 100;
|
|
7416
7469
|
--pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
|
|
7417
7470
|
--pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
|
|
7418
7471
|
--pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
|
|
7472
|
+
--pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
|
|
7419
7473
|
--pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
|
|
7420
7474
|
--pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
|
|
7421
7475
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
7422
7476
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
7423
7477
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
7478
|
+
--pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700);
|
|
7479
|
+
--pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600);
|
|
7424
7480
|
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
|
|
7425
7481
|
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
7426
7482
|
--pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
@@ -7438,10 +7494,18 @@ button) {
|
|
|
7438
7494
|
--pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
|
|
7439
7495
|
--pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
|
|
7440
7496
|
--pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
|
|
7441
|
-
--pf-t--global--dark--border--color--50: var(--pf-t--color--gray--
|
|
7497
|
+
--pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70);
|
|
7442
7498
|
--pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
|
|
7443
7499
|
--pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
|
|
7444
7500
|
--pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
|
|
7501
|
+
--pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50);
|
|
7502
|
+
--pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--40);
|
|
7503
|
+
--pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--30);
|
|
7504
|
+
--pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--red--20);
|
|
7505
|
+
--pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white);
|
|
7506
|
+
--pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70);
|
|
7507
|
+
--pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60);
|
|
7508
|
+
--pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30);
|
|
7445
7509
|
--pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
|
|
7446
7510
|
--pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
|
|
7447
7511
|
--pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
|
|
@@ -7529,9 +7593,13 @@ button) {
|
|
|
7529
7593
|
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
|
|
7530
7594
|
--pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
|
|
7531
7595
|
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
|
|
7596
|
+
--pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300);
|
|
7597
|
+
--pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200);
|
|
7598
|
+
--pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300);
|
|
7532
7599
|
--pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
7600
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--200);
|
|
7533
7601
|
--pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
|
|
7534
|
-
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--
|
|
7602
|
+
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
|
|
7535
7603
|
--pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
|
|
7536
7604
|
--pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
|
|
7537
7605
|
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
@@ -7562,9 +7630,13 @@ button) {
|
|
|
7562
7630
|
--pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
|
|
7563
7631
|
--pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
7564
7632
|
--pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
|
|
7633
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50);
|
|
7565
7634
|
--pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
7566
7635
|
--pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
|
|
7567
7636
|
--pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
|
|
7637
|
+
--pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200);
|
|
7638
|
+
--pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100);
|
|
7639
|
+
--pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200);
|
|
7568
7640
|
--pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
|
|
7569
7641
|
--pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
|
|
7570
7642
|
--pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
|
|
@@ -7641,6 +7713,8 @@ button) {
|
|
|
7641
7713
|
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
|
|
7642
7714
|
--pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
|
|
7643
7715
|
--pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
|
|
7716
|
+
--pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
|
|
7717
|
+
--pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
|
|
7644
7718
|
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
7645
7719
|
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7646
7720
|
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
@@ -7661,6 +7735,9 @@ button) {
|
|
|
7661
7735
|
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
7662
7736
|
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
7663
7737
|
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7738
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7739
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
|
|
7740
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
|
|
7664
7741
|
--pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
|
|
7665
7742
|
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
7666
7743
|
--pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
@@ -7699,9 +7776,15 @@ button) {
|
|
|
7699
7776
|
--pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7700
7777
|
--pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
|
|
7701
7778
|
--pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
|
|
7779
|
+
--pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7780
|
+
--pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
|
|
7781
|
+
--pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
|
|
7702
7782
|
--pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7703
7783
|
--pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
|
|
7704
7784
|
--pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
|
|
7785
|
+
--pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
|
|
7786
|
+
--pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
|
|
7787
|
+
--pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
|
|
7705
7788
|
--pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7706
7789
|
--pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7707
7790
|
--pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
@@ -7765,9 +7848,15 @@ button) {
|
|
|
7765
7848
|
--pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
|
|
7766
7849
|
--pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
|
|
7767
7850
|
--pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
|
|
7851
|
+
--pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
|
|
7852
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
|
|
7853
|
+
--pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
|
|
7768
7854
|
--pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
|
|
7769
7855
|
--pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
|
|
7770
7856
|
--pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
|
|
7857
|
+
--pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
|
|
7858
|
+
--pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
|
|
7859
|
+
--pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
|
|
7771
7860
|
--pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
|
|
7772
7861
|
--pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7773
7862
|
--pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
@@ -7802,6 +7891,14 @@ button) {
|
|
|
7802
7891
|
--pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
7803
7892
|
--pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
7804
7893
|
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7894
|
+
--pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
|
|
7895
|
+
--pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
|
|
7896
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
7897
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
7898
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
7899
|
+
--pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
7900
|
+
--pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
7901
|
+
--pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
7805
7902
|
}
|
|
7806
7903
|
|
|
7807
7904
|
:root:where(.pf-v6-theme-high-contrast) {
|
|
@@ -8897,6 +8994,234 @@ button) {
|
|
|
8897
8994
|
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
8898
8995
|
}
|
|
8899
8996
|
|
|
8997
|
+
:root:where(.pf-v6-theme-glass) {
|
|
8998
|
+
--pf-t--global--background--color--glass--floating: rgba(255, 255, 255, 0.8000);
|
|
8999
|
+
--pf-t--global--background--color--glass--primary: rgba(255, 255, 255, 0.8000);
|
|
9000
|
+
--pf-t--global--background--filter--glass: 12.5;
|
|
9001
|
+
--pf-t--global--background--opacity--glass: 80;
|
|
9002
|
+
}
|
|
9003
|
+
|
|
9004
|
+
:root:where(.pf-v6-theme-glass.pf-v6-theme-dark) {
|
|
9005
|
+
--pf-t--global--background--color--glass--floating: rgba(41, 41, 41, 0.8000);
|
|
9006
|
+
--pf-t--global--background--color--glass--primary: rgba(41, 41, 41, 0.8000);
|
|
9007
|
+
--pf-t--global--background--filter--glass: 12.5;
|
|
9008
|
+
--pf-t--global--background--opacity--glass: 80;
|
|
9009
|
+
}
|
|
9010
|
+
|
|
9011
|
+
:root:where(.pf-v6-theme-redhat) {
|
|
9012
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
|
|
9013
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
|
|
9014
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
|
|
9015
|
+
--pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
|
|
9016
|
+
--pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
|
|
9017
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
|
|
9018
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
|
|
9019
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
|
|
9020
|
+
}
|
|
9021
|
+
|
|
9022
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-dark) {
|
|
9023
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9024
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9025
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9026
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
|
|
9027
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
|
|
9028
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
|
|
9029
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
|
|
9030
|
+
}
|
|
9031
|
+
|
|
9032
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
|
|
9033
|
+
--pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
|
|
9034
|
+
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
|
|
9035
|
+
--pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
|
|
9036
|
+
--pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
|
|
9037
|
+
--pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
|
|
9038
|
+
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
|
|
9039
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
|
|
9040
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
|
|
9041
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
|
|
9042
|
+
--pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
|
|
9043
|
+
--pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
|
|
9044
|
+
--pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
|
|
9045
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
|
|
9046
|
+
--pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
|
|
9047
|
+
--pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
|
|
9048
|
+
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
|
|
9049
|
+
--pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
|
|
9050
|
+
--pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
|
|
9051
|
+
--pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
|
|
9052
|
+
--pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
|
|
9053
|
+
--pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
|
|
9054
|
+
--pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
|
|
9055
|
+
--pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
|
|
9056
|
+
--pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
|
|
9057
|
+
--pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
|
|
9058
|
+
--pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
|
|
9059
|
+
--pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
|
|
9060
|
+
--pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
|
|
9061
|
+
--pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
|
|
9062
|
+
--pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
|
|
9063
|
+
--pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
|
|
9064
|
+
--pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
|
|
9065
|
+
--pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
|
|
9066
|
+
--pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
|
|
9067
|
+
--pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
|
|
9068
|
+
--pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
|
|
9069
|
+
--pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
|
|
9070
|
+
--pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
|
|
9071
|
+
--pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
|
|
9072
|
+
--pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
|
|
9073
|
+
--pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
|
|
9074
|
+
--pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
|
|
9075
|
+
--pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
|
|
9076
|
+
--pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
|
|
9077
|
+
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
9078
|
+
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
9079
|
+
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
9080
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
|
|
9081
|
+
--pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
|
|
9082
|
+
--pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
|
|
9083
|
+
--pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
|
|
9084
|
+
--pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
|
|
9085
|
+
--pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
|
|
9086
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--300);
|
|
9087
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--200);
|
|
9088
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--300);
|
|
9089
|
+
--pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
|
|
9090
|
+
--pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
|
|
9091
|
+
--pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
|
|
9092
|
+
--pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
|
|
9093
|
+
--pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
|
|
9094
|
+
--pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
|
|
9095
|
+
--pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
|
|
9096
|
+
--pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
|
|
9097
|
+
--pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
|
|
9098
|
+
--pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
|
|
9099
|
+
--pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
|
|
9100
|
+
--pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
|
|
9101
|
+
--pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
|
|
9102
|
+
--pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
|
|
9103
|
+
--pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
|
|
9104
|
+
--pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
|
|
9105
|
+
--pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
|
|
9106
|
+
--pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
|
|
9107
|
+
--pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
|
|
9108
|
+
--pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
|
|
9109
|
+
--pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
|
|
9110
|
+
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
9111
|
+
--pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
9112
|
+
--pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
9113
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
|
|
9114
|
+
--pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
|
|
9115
|
+
--pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
|
|
9116
|
+
--pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
|
|
9117
|
+
--pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
|
|
9118
|
+
--pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
|
|
9119
|
+
--pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
|
|
9120
|
+
--pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
|
|
9121
|
+
--pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
|
|
9122
|
+
--pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
|
|
9123
|
+
--pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
|
|
9124
|
+
--pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
|
|
9125
|
+
--pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
9126
|
+
--pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
9127
|
+
--pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
9128
|
+
--pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
|
|
9129
|
+
--pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
|
|
9130
|
+
--pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
|
|
9131
|
+
--pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
|
|
9132
|
+
--pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
|
|
9133
|
+
--pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
|
|
9134
|
+
--pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
|
|
9135
|
+
--pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
|
|
9136
|
+
--pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
|
|
9137
|
+
--pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
|
|
9138
|
+
--pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300);
|
|
9139
|
+
--pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
9140
|
+
--pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
9141
|
+
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
9142
|
+
--pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
|
|
9143
|
+
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
9144
|
+
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
9145
|
+
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
9146
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
9147
|
+
--pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
|
|
9148
|
+
--pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
|
|
9149
|
+
--pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
|
|
9150
|
+
--pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
|
|
9151
|
+
--pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
|
|
9152
|
+
--pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
|
|
9153
|
+
}
|
|
9154
|
+
|
|
9155
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
|
|
9156
|
+
--pf-t--global--background--color--primary--default: var(--pf-t--color--black);
|
|
9157
|
+
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
9158
|
+
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
9159
|
+
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
|
|
9160
|
+
--pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
|
|
9161
|
+
--pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
|
|
9162
|
+
--pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
|
|
9163
|
+
--pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
|
|
9164
|
+
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
|
|
9165
|
+
--pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
|
|
9166
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9167
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9168
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9169
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
|
|
9170
|
+
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
|
|
9171
|
+
--pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
|
|
9172
|
+
--pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
|
|
9173
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300);
|
|
9174
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--350);
|
|
9175
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--300);
|
|
9176
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--350);
|
|
9177
|
+
--pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
|
|
9178
|
+
--pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
|
|
9179
|
+
--pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
|
|
9180
|
+
--pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
|
|
9181
|
+
--pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
|
|
9182
|
+
--pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
|
|
9183
|
+
--pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
|
|
9184
|
+
--pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
|
|
9185
|
+
--pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
|
|
9186
|
+
--pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
|
|
9187
|
+
--pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
|
|
9188
|
+
--pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
|
|
9189
|
+
--pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
|
|
9190
|
+
--pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
|
|
9191
|
+
--pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
|
|
9192
|
+
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
|
|
9193
|
+
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
9194
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
9195
|
+
--pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
|
|
9196
|
+
}
|
|
9197
|
+
|
|
9198
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-glass) {
|
|
9199
|
+
--pf-t--global--background--color--glass--floating: rgba(255, 255, 255, 0.8000);
|
|
9200
|
+
--pf-t--global--background--color--glass--primary: rgba(255, 255, 255, 0.8000);
|
|
9201
|
+
--pf-t--global--background--filter--glass: 12.5;
|
|
9202
|
+
--pf-t--global--background--opacity--glass: 80;
|
|
9203
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
|
|
9204
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
|
|
9205
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
|
|
9206
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
|
|
9207
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
|
|
9208
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
|
|
9209
|
+
}
|
|
9210
|
+
|
|
9211
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-glass.pf-v6-theme-dark) {
|
|
9212
|
+
--pf-t--global--background--color--glass--floating: rgba(41, 41, 41, 0.8000);
|
|
9213
|
+
--pf-t--global--background--color--glass--primary: rgba(41, 41, 41, 0.8000);
|
|
9214
|
+
--pf-t--global--background--filter--glass: 12.5;
|
|
9215
|
+
--pf-t--global--background--opacity--glass: 80;
|
|
9216
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9217
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9218
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9219
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
|
|
9220
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
|
|
9221
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
|
|
9222
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
|
|
9223
|
+
}
|
|
9224
|
+
|
|
8900
9225
|
:is(.pf-v6-m-dir-rtl, [dir=rtl]) {
|
|
8901
9226
|
--pf-v6-global--inverse--multiplier: -1;
|
|
8902
9227
|
}
|
|
@@ -8920,31 +9245,6 @@ button) {
|
|
|
8920
9245
|
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8921
9246
|
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8922
9247
|
--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
9248
|
}
|
|
8949
9249
|
@media screen and (min-width: 36rem) {
|
|
8950
9250
|
.pf-v6-c-about-modal-box {
|
|
@@ -8953,6 +9253,14 @@ button) {
|
|
|
8953
9253
|
--pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
|
|
8954
9254
|
}
|
|
8955
9255
|
}
|
|
9256
|
+
.pf-v6-c-about-modal-box {
|
|
9257
|
+
--pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
9258
|
+
--pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
9259
|
+
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
9260
|
+
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
9261
|
+
--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
9262
|
+
--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
9263
|
+
}
|
|
8956
9264
|
@media only screen and (min-width: 36rem) {
|
|
8957
9265
|
.pf-v6-c-about-modal-box {
|
|
8958
9266
|
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
|
|
@@ -8963,17 +9271,42 @@ button) {
|
|
|
8963
9271
|
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
|
|
8964
9272
|
}
|
|
8965
9273
|
}
|
|
9274
|
+
.pf-v6-c-about-modal-box {
|
|
9275
|
+
--pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
|
|
9276
|
+
--pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
|
|
9277
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
9278
|
+
--pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
9279
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
9280
|
+
--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
9281
|
+
--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
9282
|
+
}
|
|
8966
9283
|
@media only screen and (min-width: 36rem) {
|
|
8967
9284
|
.pf-v6-c-about-modal-box {
|
|
8968
9285
|
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
|
|
8969
9286
|
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
|
|
8970
9287
|
}
|
|
8971
9288
|
}
|
|
9289
|
+
.pf-v6-c-about-modal-box {
|
|
9290
|
+
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
9291
|
+
--pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
9292
|
+
--pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
|
|
9293
|
+
--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
9294
|
+
}
|
|
8972
9295
|
@media only screen and (min-width: 36rem) {
|
|
8973
9296
|
.pf-v6-c-about-modal-box {
|
|
8974
9297
|
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
|
|
8975
9298
|
}
|
|
8976
9299
|
}
|
|
9300
|
+
.pf-v6-c-about-modal-box {
|
|
9301
|
+
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
9302
|
+
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
9303
|
+
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
|
|
9304
|
+
--pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
9305
|
+
--pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
|
|
9306
|
+
--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
9307
|
+
--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
9308
|
+
--pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
|
|
9309
|
+
}
|
|
8977
9310
|
@media only screen and (min-width: 36rem) {
|
|
8978
9311
|
.pf-v6-c-about-modal-box {
|
|
8979
9312
|
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
|
|
@@ -8997,7 +9330,6 @@ button) {
|
|
|
8997
9330
|
background-repeat: no-repeat;
|
|
8998
9331
|
background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
|
|
8999
9332
|
background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
|
|
9000
|
-
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
9001
9333
|
}
|
|
9002
9334
|
@media only screen and (min-width: 36rem) {
|
|
9003
9335
|
.pf-v6-c-about-modal-box {
|
|
@@ -9013,6 +9345,9 @@ button) {
|
|
|
9013
9345
|
grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
|
|
9014
9346
|
}
|
|
9015
9347
|
}
|
|
9348
|
+
.pf-v6-c-about-modal-box {
|
|
9349
|
+
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
9350
|
+
}
|
|
9016
9351
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
|
|
9017
9352
|
--pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
|
|
9018
9353
|
}
|
|
@@ -9153,6 +9488,18 @@ button) {
|
|
|
9153
9488
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
|
|
9154
9489
|
--pf-v6-c-accordion__expandable-content--TranslateY: 0;
|
|
9155
9490
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
|
|
9491
|
+
}
|
|
9492
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
9493
|
+
.pf-v6-c-accordion {
|
|
9494
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9495
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9496
|
+
--pf-v6-c-accordion__item--before--TranslateY: -.5rem;
|
|
9497
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9498
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9499
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
|
9500
|
+
}
|
|
9501
|
+
}
|
|
9502
|
+
.pf-v6-c-accordion {
|
|
9156
9503
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
9157
9504
|
--pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
9158
9505
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -9178,16 +9525,6 @@ button) {
|
|
|
9178
9525
|
--pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9179
9526
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
9180
9527
|
}
|
|
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
9528
|
|
|
9192
9529
|
.pf-v6-c-accordion {
|
|
9193
9530
|
display: flex;
|
|
@@ -9298,13 +9635,14 @@ button) {
|
|
|
9298
9635
|
color: var(--pf-v6-c-accordion__toggle-text--Color);
|
|
9299
9636
|
}
|
|
9300
9637
|
|
|
9638
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
|
|
9639
|
+
scale: -1 1;
|
|
9640
|
+
}
|
|
9641
|
+
|
|
9301
9642
|
.pf-v6-c-accordion__toggle-icon {
|
|
9302
9643
|
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9303
9644
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
9304
9645
|
}
|
|
9305
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
|
|
9306
|
-
scale: -1 1;
|
|
9307
|
-
}
|
|
9308
9646
|
|
|
9309
9647
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
9310
9648
|
display: revert;
|
|
@@ -9524,14 +9862,15 @@ button) {
|
|
|
9524
9862
|
margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
|
|
9525
9863
|
}
|
|
9526
9864
|
|
|
9865
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
|
|
9866
|
+
scale: -1 1;
|
|
9867
|
+
}
|
|
9868
|
+
|
|
9527
9869
|
.pf-v6-c-alert__toggle-icon {
|
|
9528
9870
|
display: inline-block;
|
|
9529
9871
|
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
9530
9872
|
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
9531
9873
|
}
|
|
9532
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
|
|
9533
|
-
scale: -1 1;
|
|
9534
|
-
}
|
|
9535
9874
|
|
|
9536
9875
|
.pf-v6-c-alert__icon {
|
|
9537
9876
|
grid-area: icon;
|
|
@@ -9548,9 +9887,9 @@ button) {
|
|
|
9548
9887
|
}
|
|
9549
9888
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
9550
9889
|
display: -webkit-box;
|
|
9890
|
+
overflow: hidden;
|
|
9551
9891
|
-webkit-box-orient: vertical;
|
|
9552
9892
|
-webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
|
|
9553
|
-
overflow: hidden;
|
|
9554
9893
|
}
|
|
9555
9894
|
|
|
9556
9895
|
.pf-v6-c-alert__description {
|
|
@@ -9787,7 +10126,6 @@ button) {
|
|
|
9787
10126
|
}
|
|
9788
10127
|
.pf-v6-c-avatar.pf-m-sm {
|
|
9789
10128
|
--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
10129
|
}
|
|
9792
10130
|
@media (min-width: 36rem) {
|
|
9793
10131
|
.pf-v6-c-avatar.pf-m-sm {
|
|
@@ -9814,6 +10152,9 @@ button) {
|
|
|
9814
10152
|
--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
10153
|
}
|
|
9816
10154
|
}
|
|
10155
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
10156
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
|
|
10157
|
+
}
|
|
9817
10158
|
@media (min-width: 36rem) {
|
|
9818
10159
|
.pf-v6-c-avatar.pf-m-sm {
|
|
9819
10160
|
--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 +10182,6 @@ button) {
|
|
|
9841
10182
|
}
|
|
9842
10183
|
.pf-v6-c-avatar.pf-m-md {
|
|
9843
10184
|
--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
10185
|
}
|
|
9846
10186
|
@media (min-width: 36rem) {
|
|
9847
10187
|
.pf-v6-c-avatar.pf-m-md {
|
|
@@ -9868,6 +10208,9 @@ button) {
|
|
|
9868
10208
|
--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
10209
|
}
|
|
9870
10210
|
}
|
|
10211
|
+
.pf-v6-c-avatar.pf-m-md {
|
|
10212
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
|
|
10213
|
+
}
|
|
9871
10214
|
@media (min-width: 36rem) {
|
|
9872
10215
|
.pf-v6-c-avatar.pf-m-md {
|
|
9873
10216
|
--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 +10238,6 @@ button) {
|
|
|
9895
10238
|
}
|
|
9896
10239
|
.pf-v6-c-avatar.pf-m-lg {
|
|
9897
10240
|
--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
10241
|
}
|
|
9900
10242
|
@media (min-width: 36rem) {
|
|
9901
10243
|
.pf-v6-c-avatar.pf-m-lg {
|
|
@@ -9922,6 +10264,9 @@ button) {
|
|
|
9922
10264
|
--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
10265
|
}
|
|
9924
10266
|
}
|
|
10267
|
+
.pf-v6-c-avatar.pf-m-lg {
|
|
10268
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
|
|
10269
|
+
}
|
|
9925
10270
|
@media (min-width: 36rem) {
|
|
9926
10271
|
.pf-v6-c-avatar.pf-m-lg {
|
|
9927
10272
|
--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 +10294,6 @@ button) {
|
|
|
9949
10294
|
}
|
|
9950
10295
|
.pf-v6-c-avatar.pf-m-xl {
|
|
9951
10296
|
--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
10297
|
}
|
|
9954
10298
|
@media (min-width: 36rem) {
|
|
9955
10299
|
.pf-v6-c-avatar.pf-m-xl {
|
|
@@ -9976,6 +10320,9 @@ button) {
|
|
|
9976
10320
|
--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
10321
|
}
|
|
9978
10322
|
}
|
|
10323
|
+
.pf-v6-c-avatar.pf-m-xl {
|
|
10324
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
|
|
10325
|
+
}
|
|
9979
10326
|
@media (min-width: 36rem) {
|
|
9980
10327
|
.pf-v6-c-avatar.pf-m-xl {
|
|
9981
10328
|
--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 +10380,12 @@ button) {
|
|
|
10033
10380
|
|
|
10034
10381
|
.pf-v6-c-background-image {
|
|
10035
10382
|
--pf-v6-c-background-image--BackgroundPosition: bottom right;
|
|
10383
|
+
}
|
|
10384
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
|
|
10385
|
+
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
10386
|
+
}
|
|
10387
|
+
|
|
10388
|
+
.pf-v6-c-background-image {
|
|
10036
10389
|
position: fixed;
|
|
10037
10390
|
inset-block-start: 0;
|
|
10038
10391
|
inset-inline-start: 0;
|
|
@@ -10045,9 +10398,6 @@ button) {
|
|
|
10045
10398
|
background-position: var(--pf-v6-c-background-image--BackgroundPosition);
|
|
10046
10399
|
background-size: var(--pf-v6-c-background-image--BackgroundSize);
|
|
10047
10400
|
}
|
|
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
10401
|
|
|
10052
10402
|
.pf-v6-c-back-to-top {
|
|
10053
10403
|
--pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
@@ -10165,6 +10515,14 @@ button) {
|
|
|
10165
10515
|
--pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
10166
10516
|
--pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10167
10517
|
--pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
10518
|
+
}
|
|
10519
|
+
@media (min-width: 48rem) {
|
|
10520
|
+
.pf-v6-c-banner {
|
|
10521
|
+
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
|
|
10522
|
+
--pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
|
|
10523
|
+
}
|
|
10524
|
+
}
|
|
10525
|
+
.pf-v6-c-banner {
|
|
10168
10526
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
10169
10527
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
10170
10528
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
@@ -10198,12 +10556,6 @@ button) {
|
|
|
10198
10556
|
--pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
10199
10557
|
--pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
10200
10558
|
}
|
|
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
10559
|
|
|
10208
10560
|
.pf-v6-c-banner {
|
|
10209
10561
|
flex-shrink: 0;
|
|
@@ -10306,7 +10658,6 @@ button) {
|
|
|
10306
10658
|
width: var(--pf-v6-c-brand--Width--base);
|
|
10307
10659
|
height: var(--pf-v6-c-brand--Height--base);
|
|
10308
10660
|
--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
10661
|
}
|
|
10311
10662
|
@media (min-width: 36rem) {
|
|
10312
10663
|
.pf-v6-c-brand {
|
|
@@ -10333,6 +10684,9 @@ button) {
|
|
|
10333
10684
|
--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
10685
|
}
|
|
10335
10686
|
}
|
|
10687
|
+
.pf-v6-c-brand {
|
|
10688
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
|
|
10689
|
+
}
|
|
10336
10690
|
@media (min-width: 36rem) {
|
|
10337
10691
|
.pf-v6-c-brand {
|
|
10338
10692
|
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
|
|
@@ -10413,15 +10767,16 @@ button) {
|
|
|
10413
10767
|
margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
|
|
10414
10768
|
}
|
|
10415
10769
|
|
|
10770
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
|
|
10771
|
+
scale: -1 1;
|
|
10772
|
+
}
|
|
10773
|
+
|
|
10416
10774
|
.pf-v6-c-breadcrumb__item-divider {
|
|
10417
10775
|
margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
|
|
10418
10776
|
font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
|
|
10419
10777
|
line-height: 1;
|
|
10420
10778
|
color: var(--pf-v6-c-breadcrumb__item-divider--Color);
|
|
10421
10779
|
}
|
|
10422
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
|
|
10423
|
-
scale: -1 1;
|
|
10424
|
-
}
|
|
10425
10780
|
|
|
10426
10781
|
.pf-v6-c-breadcrumb__link {
|
|
10427
10782
|
padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
|
|
@@ -10923,6 +11278,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10923
11278
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
|
|
10924
11279
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
|
|
10925
11280
|
}
|
|
11281
|
+
span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
11282
|
+
--pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
|
|
11283
|
+
--pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
|
|
11284
|
+
--pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
|
|
11285
|
+
}
|
|
11286
|
+
|
|
10926
11287
|
.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
10927
11288
|
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
|
|
10928
11289
|
--pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
|
|
@@ -10962,12 +11323,6 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10962
11323
|
background: transparent;
|
|
10963
11324
|
outline-offset: 0.125rem;
|
|
10964
11325
|
}
|
|
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
11326
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
10972
11327
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
10973
11328
|
}
|
|
@@ -11440,13 +11795,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11440
11795
|
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
11441
11796
|
}
|
|
11442
11797
|
|
|
11798
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
11799
|
+
scale: -1 1;
|
|
11800
|
+
}
|
|
11801
|
+
|
|
11443
11802
|
.pf-v6-c-calendar-month__header-nav-control {
|
|
11444
11803
|
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
11445
11804
|
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
11446
11805
|
}
|
|
11447
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
11448
|
-
scale: -1 1;
|
|
11449
|
-
}
|
|
11450
11806
|
|
|
11451
11807
|
.pf-v6-c-calendar-month__header-month {
|
|
11452
11808
|
flex-grow: 1;
|
|
@@ -11796,12 +12152,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11796
12152
|
flex-wrap: wrap;
|
|
11797
12153
|
row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
|
|
11798
12154
|
}
|
|
11799
|
-
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
11800
|
-
margin-inline-start: 0;
|
|
11801
|
-
}
|
|
11802
12155
|
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
|
|
11803
12156
|
margin-inline-end: auto;
|
|
11804
12157
|
}
|
|
12158
|
+
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
12159
|
+
margin-inline-start: 0;
|
|
12160
|
+
}
|
|
11805
12161
|
|
|
11806
12162
|
.pf-v6-c-card__header-main {
|
|
11807
12163
|
flex-grow: 1;
|
|
@@ -11815,15 +12171,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11815
12171
|
margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
|
|
11816
12172
|
}
|
|
11817
12173
|
|
|
12174
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
|
|
12175
|
+
scale: -1 1;
|
|
12176
|
+
}
|
|
12177
|
+
|
|
11818
12178
|
.pf-v6-c-card__header-toggle-icon {
|
|
11819
12179
|
display: inline-block;
|
|
11820
12180
|
transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
|
|
11821
12181
|
transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
|
|
11822
12182
|
transition-property: transform;
|
|
11823
12183
|
}
|
|
11824
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
|
|
11825
|
-
scale: -1 1;
|
|
11826
|
-
}
|
|
11827
12184
|
|
|
11828
12185
|
.pf-v6-c-card__title-text {
|
|
11829
12186
|
font-family: var(--pf-v6-c-card__title-text--FontFamily);
|
|
@@ -12089,13 +12446,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12089
12446
|
gap: var(--pf-v6-c-clipboard-copy__group--Gap);
|
|
12090
12447
|
}
|
|
12091
12448
|
|
|
12092
|
-
.pf-v6-c-clipboard-copy__toggle-icon {
|
|
12093
|
-
transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
|
|
12094
|
-
}
|
|
12095
12449
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
|
|
12096
12450
|
scale: -1 1;
|
|
12097
12451
|
}
|
|
12098
12452
|
|
|
12453
|
+
.pf-v6-c-clipboard-copy__toggle-icon {
|
|
12454
|
+
transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
|
|
12455
|
+
}
|
|
12456
|
+
|
|
12099
12457
|
.pf-v6-c-clipboard-copy__expandable-content {
|
|
12100
12458
|
padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
|
|
12101
12459
|
padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
|
|
@@ -12266,8 +12624,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12266
12624
|
|
|
12267
12625
|
.pf-v6-c-code-editor__container {
|
|
12268
12626
|
display: flex;
|
|
12269
|
-
flex-direction: column;
|
|
12270
12627
|
flex-grow: 1;
|
|
12628
|
+
flex-direction: column;
|
|
12271
12629
|
}
|
|
12272
12630
|
|
|
12273
12631
|
.pf-v6-c-code-editor__header {
|
|
@@ -12594,23 +12952,27 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12594
12952
|
}
|
|
12595
12953
|
.pf-v6-c-compass__sidebar.pf-m-start {
|
|
12596
12954
|
translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
|
|
12597
|
-
grid-area: sidebar-start;
|
|
12598
12955
|
}
|
|
12599
12956
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-start {
|
|
12600
12957
|
translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
|
|
12601
12958
|
}
|
|
12602
12959
|
|
|
12960
|
+
.pf-v6-c-compass__sidebar.pf-m-start {
|
|
12961
|
+
grid-area: sidebar-start;
|
|
12962
|
+
}
|
|
12603
12963
|
.pf-v6-c-compass__sidebar.pf-m-start.pf-m-expanded {
|
|
12604
12964
|
margin-inline-end: var(--pf-v6-c-compass--Gap);
|
|
12605
12965
|
}
|
|
12606
12966
|
.pf-v6-c-compass__sidebar.pf-m-end {
|
|
12607
12967
|
translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
|
|
12608
|
-
grid-area: sidebar-end;
|
|
12609
12968
|
}
|
|
12610
12969
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-end {
|
|
12611
12970
|
translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
|
|
12612
12971
|
}
|
|
12613
12972
|
|
|
12973
|
+
.pf-v6-c-compass__sidebar.pf-m-end {
|
|
12974
|
+
grid-area: sidebar-end;
|
|
12975
|
+
}
|
|
12614
12976
|
.pf-v6-c-compass__sidebar.pf-m-end.pf-m-expanded {
|
|
12615
12977
|
margin-inline-start: var(--pf-v6-c-compass--Gap);
|
|
12616
12978
|
}
|
|
@@ -13419,6 +13781,14 @@ ul) {
|
|
|
13419
13781
|
--pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
13420
13782
|
--pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
13421
13783
|
--pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
13784
|
+
}
|
|
13785
|
+
@media screen and (min-width: 36rem) {
|
|
13786
|
+
.pf-v6-c-data-list {
|
|
13787
|
+
--pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
|
|
13788
|
+
--pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
|
|
13789
|
+
}
|
|
13790
|
+
}
|
|
13791
|
+
.pf-v6-c-data-list {
|
|
13422
13792
|
--pf-v6-c-data-list__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
13423
13793
|
--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
|
|
13424
13794
|
--pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
@@ -13428,6 +13798,14 @@ ul) {
|
|
|
13428
13798
|
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
|
|
13429
13799
|
--pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
13430
13800
|
--pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
13801
|
+
}
|
|
13802
|
+
@media screen and (min-width: 36rem) {
|
|
13803
|
+
.pf-v6-c-data-list {
|
|
13804
|
+
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
|
|
13805
|
+
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
|
|
13806
|
+
}
|
|
13807
|
+
}
|
|
13808
|
+
.pf-v6-c-data-list {
|
|
13431
13809
|
--pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
13432
13810
|
--pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
13433
13811
|
--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -13523,18 +13901,6 @@ ul) {
|
|
|
13523
13901
|
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
13524
13902
|
--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
13525
13903
|
}
|
|
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
13904
|
|
|
13539
13905
|
.pf-v6-c-data-list {
|
|
13540
13906
|
font-size: var(--pf-v6-c-data-list--FontSize);
|
|
@@ -13697,12 +14063,6 @@ ul) {
|
|
|
13697
14063
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
13698
14064
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
13699
14065
|
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
14066
|
}
|
|
13707
14067
|
.pf-v6-c-data-list__item-action.pf-m-hidden {
|
|
13708
14068
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -13747,6 +14107,14 @@ ul) {
|
|
|
13747
14107
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
13748
14108
|
}
|
|
13749
14109
|
}
|
|
14110
|
+
.pf-v6-c-data-list__item-action {
|
|
14111
|
+
gap: var(--pf-v6-c-data-list__item-action--Gap);
|
|
14112
|
+
align-content: flex-start;
|
|
14113
|
+
align-items: flex-start;
|
|
14114
|
+
padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
|
|
14115
|
+
padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
|
|
14116
|
+
margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
|
|
14117
|
+
}
|
|
13750
14118
|
|
|
13751
14119
|
.pf-v6-c-data-list__toggle {
|
|
13752
14120
|
margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
|
|
@@ -13754,15 +14122,16 @@ ul) {
|
|
|
13754
14122
|
margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginInlineStart);
|
|
13755
14123
|
}
|
|
13756
14124
|
|
|
14125
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
|
|
14126
|
+
scale: -1 1;
|
|
14127
|
+
}
|
|
14128
|
+
|
|
13757
14129
|
.pf-v6-c-data-list__toggle-icon {
|
|
13758
14130
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
13759
14131
|
pointer-events: none;
|
|
13760
14132
|
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
13761
14133
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
13762
14134
|
}
|
|
13763
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
|
|
13764
|
-
scale: -1 1;
|
|
13765
|
-
}
|
|
13766
14135
|
|
|
13767
14136
|
.pf-v6-c-data-list__item-content {
|
|
13768
14137
|
display: grid;
|
|
@@ -13857,6 +14226,13 @@ ul) {
|
|
|
13857
14226
|
--pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
13858
14227
|
--pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13859
14228
|
--pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
14229
|
+
}
|
|
14230
|
+
@media screen and (min-width: 36rem) {
|
|
14231
|
+
.pf-v6-c-description-list {
|
|
14232
|
+
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
|
14233
|
+
}
|
|
14234
|
+
}
|
|
14235
|
+
.pf-v6-c-description-list {
|
|
13860
14236
|
--pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
|
|
13861
14237
|
--pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
13862
14238
|
--pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
@@ -13885,11 +14261,6 @@ ul) {
|
|
|
13885
14261
|
--pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
|
|
13886
14262
|
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
13887
14263
|
}
|
|
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
14264
|
@media (min-width: 36rem) {
|
|
13894
14265
|
.pf-v6-c-description-list {
|
|
13895
14266
|
--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 +14642,15 @@ ul) {
|
|
|
14271
14642
|
--pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
|
|
14272
14643
|
--pf-v6-c-dual-list-selector__list--TranslateY: 0;
|
|
14273
14644
|
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
|
14645
|
+
}
|
|
14646
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14647
|
+
.pf-v6-c-dual-list-selector {
|
|
14648
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
14649
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
14650
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
|
|
14651
|
+
}
|
|
14652
|
+
}
|
|
14653
|
+
.pf-v6-c-dual-list-selector {
|
|
14274
14654
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
14275
14655
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
14276
14656
|
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
@@ -14312,13 +14692,6 @@ ul) {
|
|
|
14312
14692
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
14313
14693
|
--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
14314
14694
|
}
|
|
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
14695
|
|
|
14323
14696
|
.pf-v6-c-dual-list-selector {
|
|
14324
14697
|
display: grid;
|
|
@@ -14389,8 +14762,6 @@ ul) {
|
|
|
14389
14762
|
|
|
14390
14763
|
.pf-v6-c-dual-list-selector__list {
|
|
14391
14764
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
14392
|
-
display: flex;
|
|
14393
|
-
flex-direction: column;
|
|
14394
14765
|
}
|
|
14395
14766
|
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list {
|
|
14396
14767
|
--pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart: 0;
|
|
@@ -14398,16 +14769,22 @@ ul) {
|
|
|
14398
14769
|
}
|
|
14399
14770
|
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
|
|
14400
14771
|
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
14772
|
}
|
|
14404
14773
|
: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
14774
|
transform: translateX(calc(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
14406
14775
|
}
|
|
14407
14776
|
|
|
14777
|
+
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
|
|
14778
|
+
position: absolute;
|
|
14779
|
+
inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
|
|
14780
|
+
}
|
|
14408
14781
|
.pf-v6-c-dual-list-selector__list.pf-m-drag-over {
|
|
14409
14782
|
overflow-anchor: none;
|
|
14410
14783
|
}
|
|
14784
|
+
.pf-v6-c-dual-list-selector__list {
|
|
14785
|
+
display: flex;
|
|
14786
|
+
flex-direction: column;
|
|
14787
|
+
}
|
|
14411
14788
|
|
|
14412
14789
|
.pf-v6-c-dual-list-selector__list-item:focus-visible {
|
|
14413
14790
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
|
@@ -14692,11 +15069,6 @@ ul) {
|
|
|
14692
15069
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
14693
15070
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
14694
15071
|
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
15072
|
}
|
|
14701
15073
|
.pf-v6-c-divider.pf-m-hidden {
|
|
14702
15074
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -14741,6 +15113,13 @@ ul) {
|
|
|
14741
15113
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
14742
15114
|
}
|
|
14743
15115
|
}
|
|
15116
|
+
.pf-v6-c-divider {
|
|
15117
|
+
flex-shrink: 0;
|
|
15118
|
+
align-items: stretch;
|
|
15119
|
+
align-self: stretch;
|
|
15120
|
+
justify-content: center;
|
|
15121
|
+
border: 0;
|
|
15122
|
+
}
|
|
14744
15123
|
.pf-v6-c-divider::before {
|
|
14745
15124
|
flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
|
|
14746
15125
|
content: "";
|
|
@@ -15042,6 +15421,19 @@ ul) {
|
|
|
15042
15421
|
--pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--default);
|
|
15043
15422
|
--pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
|
|
15044
15423
|
--pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
|
|
15424
|
+
}
|
|
15425
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
15426
|
+
.pf-v6-c-drawer {
|
|
15427
|
+
--pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
|
|
15428
|
+
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
|
|
15429
|
+
--pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
15430
|
+
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
15431
|
+
--pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
|
|
15432
|
+
--pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
|
|
15433
|
+
--pf-v6-c-drawer__panel--Opacity: 1;
|
|
15434
|
+
}
|
|
15435
|
+
}
|
|
15436
|
+
.pf-v6-c-drawer {
|
|
15045
15437
|
--pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
15046
15438
|
--pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
15047
15439
|
--pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -15104,6 +15496,17 @@ ul) {
|
|
|
15104
15496
|
--pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
|
|
15105
15497
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
|
|
15106
15498
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
|
|
15499
|
+
}
|
|
15500
|
+
@media screen and (min-width: 75rem) {
|
|
15501
|
+
.pf-v6-c-drawer {
|
|
15502
|
+
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
|
15503
|
+
}
|
|
15504
|
+
.pf-v6-c-drawer.pf-m-panel-bottom {
|
|
15505
|
+
--pf-v6-c-drawer__panel--MinWidth: auto;
|
|
15506
|
+
--pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
|
|
15507
|
+
}
|
|
15508
|
+
}
|
|
15509
|
+
.pf-v6-c-drawer {
|
|
15107
15510
|
--pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
|
|
15108
15511
|
--pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
|
|
15109
15512
|
--pf-v6-c-drawer__panel--BoxShadow: none;
|
|
@@ -15118,43 +15521,27 @@ ul) {
|
|
|
15118
15521
|
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
|
|
15119
15522
|
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
|
|
15120
15523
|
}
|
|
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
15524
|
|
|
15142
15525
|
.pf-v6-c-drawer {
|
|
15143
15526
|
--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
15527
|
}
|
|
15150
15528
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
|
15151
15529
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
15152
15530
|
}
|
|
15153
15531
|
|
|
15532
|
+
.pf-v6-c-drawer {
|
|
15533
|
+
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
15534
|
+
}
|
|
15154
15535
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
|
15155
15536
|
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
|
|
15156
15537
|
}
|
|
15157
15538
|
|
|
15539
|
+
.pf-v6-c-drawer {
|
|
15540
|
+
display: flex;
|
|
15541
|
+
flex-direction: column;
|
|
15542
|
+
height: 100%;
|
|
15543
|
+
overflow-x: hidden;
|
|
15544
|
+
}
|
|
15158
15545
|
.pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
|
|
15159
15546
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
|
|
15160
15547
|
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
@@ -15184,13 +15571,15 @@ ul) {
|
|
|
15184
15571
|
}
|
|
15185
15572
|
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15186
15573
|
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
15574
|
}
|
|
15190
15575
|
: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
15576
|
transform: translateX(calc(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)) * var(--pf-v6-global--inverse--multiplier)));
|
|
15192
15577
|
}
|
|
15193
15578
|
|
|
15579
|
+
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15580
|
+
--pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
|
|
15581
|
+
visibility: visible;
|
|
15582
|
+
}
|
|
15194
15583
|
.pf-v6-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15195
15584
|
transform: translateX(0);
|
|
15196
15585
|
}
|
|
@@ -15247,8 +15636,8 @@ ul) {
|
|
|
15247
15636
|
.pf-v6-c-drawer__panel,
|
|
15248
15637
|
.pf-v6-c-drawer__panel-main {
|
|
15249
15638
|
display: flex;
|
|
15250
|
-
flex-direction: column;
|
|
15251
15639
|
flex-shrink: 0;
|
|
15640
|
+
flex-direction: column;
|
|
15252
15641
|
overflow: auto;
|
|
15253
15642
|
}
|
|
15254
15643
|
|
|
@@ -16055,6 +16444,17 @@ ul) {
|
|
|
16055
16444
|
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
|
|
16056
16445
|
--pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
|
|
16057
16446
|
--pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
|
|
16447
|
+
}
|
|
16448
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
16449
|
+
.pf-v6-c-expandable-section {
|
|
16450
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
16451
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
16452
|
+
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
|
16453
|
+
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
|
|
16454
|
+
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
|
|
16455
|
+
}
|
|
16456
|
+
}
|
|
16457
|
+
.pf-v6-c-expandable-section {
|
|
16058
16458
|
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
|
16059
16459
|
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
16060
16460
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -16071,15 +16471,6 @@ ul) {
|
|
|
16071
16471
|
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
16072
16472
|
--pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
|
|
16073
16473
|
}
|
|
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
16474
|
|
|
16084
16475
|
.pf-v6-c-expandable-section {
|
|
16085
16476
|
display: flex;
|
|
@@ -16138,9 +16529,13 @@ ul) {
|
|
|
16138
16529
|
}
|
|
16139
16530
|
.pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
|
|
16140
16531
|
display: -webkit-box;
|
|
16532
|
+
overflow: hidden;
|
|
16141
16533
|
-webkit-box-orient: vertical;
|
|
16142
16534
|
-webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
|
|
16143
|
-
|
|
16535
|
+
}
|
|
16536
|
+
|
|
16537
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
16538
|
+
scale: -1 1;
|
|
16144
16539
|
}
|
|
16145
16540
|
|
|
16146
16541
|
.pf-v6-c-expandable-section__toggle-icon {
|
|
@@ -16150,10 +16545,6 @@ ul) {
|
|
|
16150
16545
|
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
16151
16546
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
16152
16547
|
}
|
|
16153
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
16154
|
-
scale: -1 1;
|
|
16155
|
-
}
|
|
16156
|
-
|
|
16157
16548
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
16158
16549
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
16159
16550
|
}
|
|
@@ -16736,8 +17127,8 @@ ul) {
|
|
|
16736
17127
|
|
|
16737
17128
|
.pf-v6-c-form__field-group-header-main {
|
|
16738
17129
|
display: flex;
|
|
16739
|
-
flex-direction: column;
|
|
16740
17130
|
flex-grow: 1;
|
|
17131
|
+
flex-direction: column;
|
|
16741
17132
|
}
|
|
16742
17133
|
|
|
16743
17134
|
.pf-v6-c-form__field-group-header-title {
|
|
@@ -16978,8 +17369,8 @@ ul) {
|
|
|
16978
17369
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
|
|
16979
17370
|
}
|
|
16980
17371
|
.pf-v6-c-form-control.pf-m-textarea > textarea {
|
|
16981
|
-
outline-offset: 0;
|
|
16982
17372
|
scrollbar-gutter: stable;
|
|
17373
|
+
outline-offset: 0;
|
|
16983
17374
|
}
|
|
16984
17375
|
.pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
|
|
16985
17376
|
padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
|
|
@@ -18122,6 +18513,10 @@ label.pf-v6-c-input-group__text {
|
|
|
18122
18513
|
margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
|
|
18123
18514
|
}
|
|
18124
18515
|
|
|
18516
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
18517
|
+
scale: -1 1;
|
|
18518
|
+
}
|
|
18519
|
+
|
|
18125
18520
|
.pf-v6-c-jump-links__toggle-icon {
|
|
18126
18521
|
display: inline-block;
|
|
18127
18522
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
@@ -18130,9 +18525,6 @@ label.pf-v6-c-input-group__text {
|
|
|
18130
18525
|
transition-property: transform;
|
|
18131
18526
|
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
18132
18527
|
}
|
|
18133
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
18134
|
-
scale: -1 1;
|
|
18135
|
-
}
|
|
18136
18528
|
|
|
18137
18529
|
.pf-v6-c-label {
|
|
18138
18530
|
--pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -18629,6 +19021,10 @@ input.pf-v6-c-label__content {
|
|
|
18629
19021
|
.pf-v6-c-label__actions {
|
|
18630
19022
|
margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
|
|
18631
19023
|
}
|
|
19024
|
+
.pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
|
|
19025
|
+
--pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
|
|
19026
|
+
}
|
|
19027
|
+
|
|
18632
19028
|
.pf-v6-c-label__actions .pf-v6-c-button {
|
|
18633
19029
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
|
|
18634
19030
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
|
|
@@ -18639,9 +19035,6 @@ input.pf-v6-c-label__content {
|
|
|
18639
19035
|
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
|
18640
19036
|
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
18641
19037
|
}
|
|
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
19038
|
|
|
18646
19039
|
.pf-v6-c-label-group {
|
|
18647
19040
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -18782,9 +19175,9 @@ input.pf-v6-c-label__content {
|
|
|
18782
19175
|
padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
|
|
18783
19176
|
white-space: nowrap;
|
|
18784
19177
|
resize: none;
|
|
18785
|
-
border: 0;
|
|
18786
|
-
-ms-overflow-style: none;
|
|
18787
19178
|
scrollbar-width: none;
|
|
19179
|
+
-ms-overflow-style: none;
|
|
19180
|
+
border: 0;
|
|
18788
19181
|
}
|
|
18789
19182
|
.pf-v6-c-label-group__textarea::-webkit-scrollbar {
|
|
18790
19183
|
display: none;
|
|
@@ -18870,18 +19263,48 @@ ul.pf-v6-c-list {
|
|
|
18870
19263
|
--pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
|
|
18871
19264
|
--pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
|
|
18872
19265
|
--pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
|
|
19266
|
+
}
|
|
19267
|
+
@media (min-width: 75rem) {
|
|
19268
|
+
.pf-v6-c-login {
|
|
19269
|
+
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
19270
|
+
}
|
|
19271
|
+
}
|
|
19272
|
+
.pf-v6-c-login {
|
|
18873
19273
|
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
18874
19274
|
--pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18875
19275
|
--pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
19276
|
+
}
|
|
19277
|
+
@media (min-width: 36rem) {
|
|
19278
|
+
.pf-v6-c-login {
|
|
19279
|
+
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
19280
|
+
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
19281
|
+
}
|
|
19282
|
+
}
|
|
19283
|
+
.pf-v6-c-login {
|
|
18876
19284
|
--pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
18877
19285
|
--pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
|
|
18878
19286
|
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
18879
19287
|
--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
19288
|
+
}
|
|
19289
|
+
@media (min-width: 75rem) {
|
|
19290
|
+
.pf-v6-c-login {
|
|
19291
|
+
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
19292
|
+
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
19293
|
+
}
|
|
19294
|
+
}
|
|
19295
|
+
.pf-v6-c-login {
|
|
18880
19296
|
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
18881
19297
|
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
18882
19298
|
--pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
18883
19299
|
--pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
18884
19300
|
--pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
19301
|
+
}
|
|
19302
|
+
@media (min-width: 75rem) {
|
|
19303
|
+
.pf-v6-c-login {
|
|
19304
|
+
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
19305
|
+
}
|
|
19306
|
+
}
|
|
19307
|
+
.pf-v6-c-login {
|
|
18885
19308
|
--pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
18886
19309
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
18887
19310
|
--pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -18893,11 +19316,28 @@ ul.pf-v6-c-list {
|
|
|
18893
19316
|
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18894
19317
|
--pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
|
|
18895
19318
|
--pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
|
|
19319
|
+
}
|
|
19320
|
+
@media (min-width: 48rem) {
|
|
19321
|
+
.pf-v6-c-login {
|
|
19322
|
+
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
19323
|
+
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
19324
|
+
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
|
|
19325
|
+
}
|
|
19326
|
+
}
|
|
19327
|
+
.pf-v6-c-login {
|
|
18896
19328
|
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
18897
19329
|
--pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
18898
19330
|
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
18899
19331
|
--pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
18900
19332
|
--pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
|
|
19333
|
+
}
|
|
19334
|
+
@media (min-width: 48rem) {
|
|
19335
|
+
.pf-v6-c-login {
|
|
19336
|
+
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
19337
|
+
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
19338
|
+
}
|
|
19339
|
+
}
|
|
19340
|
+
.pf-v6-c-login {
|
|
18901
19341
|
--pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
18902
19342
|
--pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
18903
19343
|
--pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -18915,43 +19355,6 @@ ul.pf-v6-c-list {
|
|
|
18915
19355
|
--pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18916
19356
|
--pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18917
19357
|
--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
19358
|
}
|
|
18956
19359
|
@media (min-width: 36rem) {
|
|
18957
19360
|
.pf-v6-c-login {
|
|
@@ -18959,6 +19362,10 @@ ul.pf-v6-c-list {
|
|
|
18959
19362
|
--pf-v6-c-login__footer--PaddingInlineStart: 0;
|
|
18960
19363
|
}
|
|
18961
19364
|
}
|
|
19365
|
+
.pf-v6-c-login {
|
|
19366
|
+
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19367
|
+
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
19368
|
+
}
|
|
18962
19369
|
@media (min-width: 75rem) {
|
|
18963
19370
|
.pf-v6-c-login {
|
|
18964
19371
|
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
|
|
@@ -19169,6 +19576,11 @@ ul.pf-v6-c-list {
|
|
|
19169
19576
|
--pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
|
|
19170
19577
|
}
|
|
19171
19578
|
|
|
19579
|
+
.pf-v6-c-masthead .pf-v6-c-toolbar {
|
|
19580
|
+
--pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
|
|
19581
|
+
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
19582
|
+
--pf-v6-c-toolbar__content--MinWidth: 0;
|
|
19583
|
+
}
|
|
19172
19584
|
.pf-v6-c-masthead {
|
|
19173
19585
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
19174
19586
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
@@ -19182,23 +19594,6 @@ ul.pf-v6-c-list {
|
|
|
19182
19594
|
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
19183
19595
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
19184
19596
|
--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
19597
|
}
|
|
19203
19598
|
@media screen and (min-width: 48rem) {
|
|
19204
19599
|
:where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
|
|
@@ -19216,6 +19611,20 @@ ul.pf-v6-c-list {
|
|
|
19216
19611
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
19217
19612
|
}
|
|
19218
19613
|
}
|
|
19614
|
+
.pf-v6-c-masthead {
|
|
19615
|
+
display: grid;
|
|
19616
|
+
grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
|
|
19617
|
+
grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
|
|
19618
|
+
row-gap: var(--pf-v6-c-masthead--RowGap);
|
|
19619
|
+
column-gap: var(--pf-v6-c-masthead--ColumnGap);
|
|
19620
|
+
align-items: start;
|
|
19621
|
+
min-width: 0;
|
|
19622
|
+
padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19623
|
+
padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19624
|
+
padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
|
|
19625
|
+
padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
|
|
19626
|
+
background-color: var(--pf-v6-c-masthead--BackgroundColor);
|
|
19627
|
+
}
|
|
19219
19628
|
.pf-v6-c-masthead.pf-m-docked {
|
|
19220
19629
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
19221
19630
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
@@ -19250,8 +19659,8 @@ ul.pf-v6-c-list {
|
|
|
19250
19659
|
backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
|
|
19251
19660
|
}
|
|
19252
19661
|
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
|
|
19253
|
-
flex-direction: column;
|
|
19254
19662
|
flex-grow: 1;
|
|
19663
|
+
flex-direction: column;
|
|
19255
19664
|
align-self: revert;
|
|
19256
19665
|
}
|
|
19257
19666
|
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
|
|
@@ -19721,6 +20130,13 @@ ul.pf-v6-c-list {
|
|
|
19721
20130
|
--pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
19722
20131
|
--pf-v6-c-menu--TransitionDuration: 0s;
|
|
19723
20132
|
--pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
20133
|
+
}
|
|
20134
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
20135
|
+
.pf-v6-c-menu {
|
|
20136
|
+
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
20137
|
+
}
|
|
20138
|
+
}
|
|
20139
|
+
.pf-v6-c-menu {
|
|
19724
20140
|
--pf-v6-c-menu--m-plain--BoxShadow: none;
|
|
19725
20141
|
--pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
|
|
19726
20142
|
--pf-v6-c-menu__content--Height: auto;
|
|
@@ -19800,33 +20216,34 @@ ul.pf-v6-c-list {
|
|
|
19800
20216
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19801
20217
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19802
20218
|
--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
20219
|
}
|
|
19815
20220
|
@media (prefers-reduced-motion: no-preference) {
|
|
19816
20221
|
.pf-v6-c-menu {
|
|
19817
20222
|
--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
20223
|
}
|
|
19819
20224
|
}
|
|
20225
|
+
.pf-v6-c-menu {
|
|
20226
|
+
--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
|
|
20227
|
+
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
|
|
20228
|
+
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
20229
|
+
}
|
|
19820
20230
|
@media (prefers-reduced-motion: no-preference) {
|
|
19821
20231
|
.pf-v6-c-menu {
|
|
19822
20232
|
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19823
20233
|
}
|
|
19824
20234
|
}
|
|
20235
|
+
.pf-v6-c-menu {
|
|
20236
|
+
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
|
|
20237
|
+
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
20238
|
+
}
|
|
19825
20239
|
@media (prefers-reduced-motion: no-preference) {
|
|
19826
20240
|
.pf-v6-c-menu {
|
|
19827
20241
|
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19828
20242
|
}
|
|
19829
20243
|
}
|
|
20244
|
+
.pf-v6-c-menu {
|
|
20245
|
+
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
|
|
20246
|
+
}
|
|
19830
20247
|
|
|
19831
20248
|
.pf-v6-c-menu__content,
|
|
19832
20249
|
.pf-v6-c-menu__list-item,
|
|
@@ -20284,13 +20701,14 @@ ul.pf-v6-c-list {
|
|
|
20284
20701
|
--pf-v6-c-check__input--TranslateY: none;
|
|
20285
20702
|
}
|
|
20286
20703
|
|
|
20287
|
-
.pf-v6-c-menu__item-toggle-icon {
|
|
20288
|
-
color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
|
|
20289
|
-
}
|
|
20290
20704
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
|
|
20291
20705
|
scale: -1 1;
|
|
20292
20706
|
}
|
|
20293
20707
|
|
|
20708
|
+
.pf-v6-c-menu__item-toggle-icon {
|
|
20709
|
+
color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
|
|
20710
|
+
}
|
|
20711
|
+
|
|
20294
20712
|
.pf-v6-c-menu__item-icon {
|
|
20295
20713
|
color: var(--pf-v6-c-menu__item--icon--Color, inherit);
|
|
20296
20714
|
}
|
|
@@ -20881,6 +21299,13 @@ ul.pf-v6-c-list {
|
|
|
20881
21299
|
--pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
20882
21300
|
--pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
20883
21301
|
--pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
21302
|
+
}
|
|
21303
|
+
@media (min-width: 75rem) {
|
|
21304
|
+
.pf-v6-c-modal-box {
|
|
21305
|
+
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
|
21306
|
+
}
|
|
21307
|
+
}
|
|
21308
|
+
.pf-v6-c-modal-box {
|
|
20884
21309
|
--pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
20885
21310
|
--pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20886
21311
|
--pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -20912,11 +21337,6 @@ ul.pf-v6-c-list {
|
|
|
20912
21337
|
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
20913
21338
|
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
|
|
20914
21339
|
}
|
|
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
21340
|
|
|
20921
21341
|
.pf-v6-c-modal-box {
|
|
20922
21342
|
position: relative;
|
|
@@ -20978,8 +21398,8 @@ ul.pf-v6-c-list {
|
|
|
20978
21398
|
|
|
20979
21399
|
.pf-v6-c-modal-box__header {
|
|
20980
21400
|
display: flex;
|
|
20981
|
-
flex-direction: column;
|
|
20982
21401
|
flex-shrink: 0;
|
|
21402
|
+
flex-direction: column;
|
|
20983
21403
|
gap: var(--pf-v6-c-modal-box__header--Gap);
|
|
20984
21404
|
padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
|
|
20985
21405
|
padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
|
|
@@ -20996,8 +21416,8 @@ ul.pf-v6-c-list {
|
|
|
20996
21416
|
|
|
20997
21417
|
.pf-v6-c-modal-box__header-main {
|
|
20998
21418
|
display: flex;
|
|
20999
|
-
flex-direction: column;
|
|
21000
21419
|
flex-grow: 1;
|
|
21420
|
+
flex-direction: column;
|
|
21001
21421
|
gap: var(--pf-v6-c-modal-box__header-main--Gap);
|
|
21002
21422
|
min-width: 0;
|
|
21003
21423
|
padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
|
|
@@ -21351,6 +21771,15 @@ ul.pf-v6-c-list {
|
|
|
21351
21771
|
--pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
|
|
21352
21772
|
--pf-v6-c-nav__subnav--TranslateY: 0;
|
|
21353
21773
|
--pf-v6-c-nav__subnav--hidden--TranslateY: 0;
|
|
21774
|
+
}
|
|
21775
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
21776
|
+
.pf-v6-c-nav {
|
|
21777
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
21778
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
21779
|
+
--pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
|
|
21780
|
+
}
|
|
21781
|
+
}
|
|
21782
|
+
.pf-v6-c-nav {
|
|
21354
21783
|
--pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
|
|
21355
21784
|
--pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
21356
21785
|
--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -21386,13 +21815,6 @@ ul.pf-v6-c-list {
|
|
|
21386
21815
|
--pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
21387
21816
|
--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
21388
21817
|
}
|
|
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
21818
|
|
|
21397
21819
|
.pf-v6-c-nav,
|
|
21398
21820
|
.pf-v6-c-nav__section,
|
|
@@ -21677,12 +22099,14 @@ ul.pf-v6-c-list {
|
|
|
21677
22099
|
scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
|
|
21678
22100
|
scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
|
|
21679
22101
|
-webkit-overflow-scrolling: touch;
|
|
21680
|
-
scrollbar-width: none;
|
|
21681
|
-
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
21682
22102
|
}
|
|
21683
22103
|
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
|
|
21684
22104
|
display: none;
|
|
21685
22105
|
}
|
|
22106
|
+
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
|
|
22107
|
+
scrollbar-width: none;
|
|
22108
|
+
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
22109
|
+
}
|
|
21686
22110
|
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
|
|
21687
22111
|
outline-offset: var(--pf-v6-c-nav--OutlineOffset);
|
|
21688
22112
|
}
|
|
@@ -21897,9 +22321,9 @@ ul.pf-v6-c-list {
|
|
|
21897
22321
|
}
|
|
21898
22322
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
21899
22323
|
display: -webkit-box;
|
|
22324
|
+
overflow: hidden;
|
|
21900
22325
|
-webkit-box-orient: vertical;
|
|
21901
22326
|
-webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
|
|
21902
|
-
overflow: hidden;
|
|
21903
22327
|
}
|
|
21904
22328
|
|
|
21905
22329
|
.pf-v6-c-notification-drawer__list-item-action {
|
|
@@ -21953,9 +22377,9 @@ ul.pf-v6-c-list {
|
|
|
21953
22377
|
|
|
21954
22378
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
21955
22379
|
display: -webkit-box;
|
|
22380
|
+
overflow: hidden;
|
|
21956
22381
|
-webkit-box-orient: vertical;
|
|
21957
22382
|
-webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
|
|
21958
|
-
overflow: hidden;
|
|
21959
22383
|
flex: 1;
|
|
21960
22384
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
21961
22385
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
@@ -21968,15 +22392,15 @@ ul.pf-v6-c-list {
|
|
|
21968
22392
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
|
|
21969
22393
|
}
|
|
21970
22394
|
|
|
22395
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
22396
|
+
scale: -1 1;
|
|
22397
|
+
}
|
|
22398
|
+
|
|
21971
22399
|
.pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21972
22400
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
|
|
21973
22401
|
color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
|
|
21974
22402
|
transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
|
|
21975
22403
|
}
|
|
21976
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21977
|
-
scale: -1 1;
|
|
21978
|
-
}
|
|
21979
|
-
|
|
21980
22404
|
.pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21981
22405
|
transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
21982
22406
|
}
|
|
@@ -22045,6 +22469,15 @@ ul.pf-v6-c-list {
|
|
|
22045
22469
|
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
22046
22470
|
--pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
22047
22471
|
--pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
22472
|
+
}
|
|
22473
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
22474
|
+
.pf-v6-c-page {
|
|
22475
|
+
--pf-v6-c-page__sidebar--Opacity: 1;
|
|
22476
|
+
--pf-v6-c-page__sidebar--TransitionProperty: transform;
|
|
22477
|
+
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
22478
|
+
}
|
|
22479
|
+
}
|
|
22480
|
+
.pf-v6-c-page {
|
|
22048
22481
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
22049
22482
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
22050
22483
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -22060,6 +22493,15 @@ ul.pf-v6-c-list {
|
|
|
22060
22493
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
|
22061
22494
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
22062
22495
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
22496
|
+
}
|
|
22497
|
+
@media screen and (min-width: 75rem) {
|
|
22498
|
+
.pf-v6-c-page {
|
|
22499
|
+
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
22500
|
+
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
22501
|
+
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
22502
|
+
}
|
|
22503
|
+
}
|
|
22504
|
+
.pf-v6-c-page {
|
|
22063
22505
|
--pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
|
|
22064
22506
|
--pf-v6-c-page__main-container--GridArea: main;
|
|
22065
22507
|
--pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
|
|
@@ -22082,6 +22524,17 @@ ul.pf-v6-c-list {
|
|
|
22082
22524
|
--pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
|
|
22083
22525
|
--pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
|
|
22084
22526
|
--pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
|
|
22527
|
+
}
|
|
22528
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
22529
|
+
.pf-v6-c-page {
|
|
22530
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
22531
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
22532
|
+
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
|
22533
|
+
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
|
22534
|
+
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
|
22535
|
+
}
|
|
22536
|
+
}
|
|
22537
|
+
.pf-v6-c-page {
|
|
22085
22538
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
22086
22539
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
22087
22540
|
--pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -22134,29 +22587,6 @@ ul.pf-v6-c-list {
|
|
|
22134
22587
|
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
22135
22588
|
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
22136
22589
|
}
|
|
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
22590
|
|
|
22161
22591
|
.pf-v6-c-page {
|
|
22162
22592
|
display: grid;
|
|
@@ -22231,15 +22661,15 @@ ul.pf-v6-c-list {
|
|
|
22231
22661
|
}
|
|
22232
22662
|
}
|
|
22233
22663
|
|
|
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
22664
|
@media (min-width: 75rem) {
|
|
22239
22665
|
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
22240
22666
|
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
|
|
22241
22667
|
}
|
|
22242
22668
|
}
|
|
22669
|
+
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
22670
|
+
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
22671
|
+
grid-area: header;
|
|
22672
|
+
}
|
|
22243
22673
|
|
|
22244
22674
|
.pf-v6-c-page__dock {
|
|
22245
22675
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
@@ -22356,8 +22786,8 @@ ul.pf-v6-c-list {
|
|
|
22356
22786
|
.pf-v6-c-page__main-group,
|
|
22357
22787
|
.pf-v6-c-page__main-subnav {
|
|
22358
22788
|
display: flex;
|
|
22359
|
-
flex-direction: column;
|
|
22360
22789
|
flex-shrink: 0;
|
|
22790
|
+
flex-direction: column;
|
|
22361
22791
|
}
|
|
22362
22792
|
.pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
|
|
22363
22793
|
.pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
|
|
@@ -22601,8 +23031,8 @@ ul.pf-v6-c-list {
|
|
|
22601
23031
|
.pf-v6-c-page__main-drawer,
|
|
22602
23032
|
.pf-v6-c-page__main-group {
|
|
22603
23033
|
display: flex;
|
|
22604
|
-
flex-direction: column;
|
|
22605
23034
|
flex-grow: 1;
|
|
23035
|
+
flex-direction: column;
|
|
22606
23036
|
}
|
|
22607
23037
|
|
|
22608
23038
|
.pf-v6-c-page__main {
|
|
@@ -24516,8 +24946,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24516
24946
|
position: var(--pf-v6-c-sidebar__panel--Position);
|
|
24517
24947
|
inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
|
|
24518
24948
|
z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
|
|
24519
|
-
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
24520
24949
|
flex-shrink: 0;
|
|
24950
|
+
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
24521
24951
|
order: var(--pf-v6-c-sidebar__panel--Order);
|
|
24522
24952
|
padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
|
|
24523
24953
|
padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
|
|
@@ -24814,7 +25244,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24814
25244
|
--pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
|
|
24815
25245
|
--pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
|
|
24816
25246
|
--pf-v6-c-skeleton--before--Height: auto;
|
|
24817
|
-
--pf-v6-c-skeleton--before--Content: "
|
|
25247
|
+
--pf-v6-c-skeleton--before--Content: "\00a0";
|
|
24818
25248
|
--pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
|
|
24819
25249
|
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
24820
25250
|
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
@@ -24825,6 +25255,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24825
25255
|
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
24826
25256
|
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
24827
25257
|
--pf-v6-c-skeleton--after--AnimationDelay: .5s;
|
|
25258
|
+
}
|
|
25259
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
25260
|
+
.pf-v6-c-skeleton {
|
|
25261
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
25262
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
25263
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
25264
|
+
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
25265
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
25266
|
+
}
|
|
25267
|
+
}
|
|
25268
|
+
.pf-v6-c-skeleton {
|
|
24828
25269
|
--pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
24829
25270
|
--pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
|
|
24830
25271
|
--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 +25293,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24852
25293
|
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
24853
25294
|
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
24854
25295
|
}
|
|
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
25296
|
|
|
24865
25297
|
.pf-v6-c-skeleton {
|
|
24866
25298
|
position: relative;
|
|
@@ -24877,6 +25309,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24877
25309
|
padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
|
|
24878
25310
|
content: var(--pf-v6-c-skeleton--before--Content);
|
|
24879
25311
|
}
|
|
25312
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
25313
|
+
scale: -1 1;
|
|
25314
|
+
}
|
|
25315
|
+
|
|
24880
25316
|
.pf-v6-c-skeleton::after {
|
|
24881
25317
|
position: absolute;
|
|
24882
25318
|
inset: 0;
|
|
@@ -24886,10 +25322,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24886
25322
|
transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
|
|
24887
25323
|
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
25324
|
}
|
|
24889
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
24890
|
-
scale: -1 1;
|
|
24891
|
-
}
|
|
24892
|
-
|
|
24893
25325
|
.pf-v6-c-skeleton.pf-m-circle {
|
|
24894
25326
|
--pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
|
|
24895
25327
|
}
|
|
@@ -25077,12 +25509,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25077
25509
|
|
|
25078
25510
|
.pf-v6-c-slider {
|
|
25079
25511
|
--pf-v6-c-slider__rail-track--before--fill--direction: right;
|
|
25080
|
-
display: flex;
|
|
25081
25512
|
}
|
|
25082
25513
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
|
|
25083
25514
|
--pf-v6-c-slider__rail-track--before--fill--direction: left;
|
|
25084
25515
|
}
|
|
25085
25516
|
|
|
25517
|
+
.pf-v6-c-slider {
|
|
25518
|
+
display: flex;
|
|
25519
|
+
}
|
|
25086
25520
|
.pf-v6-c-slider.pf-m-disabled {
|
|
25087
25521
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
|
|
25088
25522
|
--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 +25579,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25145
25579
|
|
|
25146
25580
|
.pf-v6-c-slider__step-tick {
|
|
25147
25581
|
transform: translateX(var(--pf-v6-c-slider__step-tick--TranslateX));
|
|
25582
|
+
}
|
|
25583
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
25584
|
+
transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
25585
|
+
}
|
|
25586
|
+
|
|
25587
|
+
.pf-v6-c-slider__step-tick {
|
|
25148
25588
|
position: absolute;
|
|
25149
25589
|
inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
|
|
25150
25590
|
inset-inline-start: 0;
|
|
@@ -25154,22 +25594,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25154
25594
|
border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
|
|
25155
25595
|
border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
|
|
25156
25596
|
}
|
|
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
25597
|
|
|
25161
25598
|
.pf-v6-c-slider__step-label {
|
|
25162
25599
|
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
25600
|
}
|
|
25167
25601
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
|
|
25168
25602
|
transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
25169
25603
|
}
|
|
25170
25604
|
|
|
25605
|
+
.pf-v6-c-slider__step-label {
|
|
25606
|
+
position: absolute;
|
|
25607
|
+
inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
|
|
25608
|
+
word-break: normal;
|
|
25609
|
+
}
|
|
25610
|
+
|
|
25171
25611
|
.pf-v6-c-slider__thumb {
|
|
25172
25612
|
transform: translate(var(--pf-v6-c-slider__thumb--TranslateX), var(--pf-v6-c-slider__thumb--TranslateY));
|
|
25613
|
+
}
|
|
25614
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
|
|
25615
|
+
transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
|
|
25616
|
+
}
|
|
25617
|
+
|
|
25618
|
+
.pf-v6-c-slider__thumb {
|
|
25173
25619
|
position: absolute;
|
|
25174
25620
|
inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
|
|
25175
25621
|
inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
|
|
@@ -25181,12 +25627,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25181
25627
|
border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
|
|
25182
25628
|
box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
|
|
25183
25629
|
}
|
|
25184
|
-
|
|
25185
|
-
transform: translate(
|
|
25630
|
+
.pf-v6-c-slider__thumb::before {
|
|
25631
|
+
transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
25632
|
+
}
|
|
25633
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
|
|
25634
|
+
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
25635
|
}
|
|
25187
25636
|
|
|
25188
25637
|
.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
25638
|
position: absolute;
|
|
25191
25639
|
inset-block-start: 50%;
|
|
25192
25640
|
inset-inline-start: 50%;
|
|
@@ -25195,10 +25643,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25195
25643
|
content: "";
|
|
25196
25644
|
border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
|
|
25197
25645
|
}
|
|
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
25646
|
.pf-v6-c-slider__thumb:hover {
|
|
25203
25647
|
--pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
|
|
25204
25648
|
}
|
|
@@ -25215,16 +25659,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25215
25659
|
}
|
|
25216
25660
|
.pf-v6-c-slider__value.pf-m-floating {
|
|
25217
25661
|
transform: translate(var(--pf-v6-c-slider__value--m-floating--TranslateX), var(--pf-v6-c-slider__value--m-floating--TranslateY));
|
|
25662
|
+
}
|
|
25663
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
|
|
25664
|
+
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));
|
|
25665
|
+
}
|
|
25666
|
+
|
|
25667
|
+
.pf-v6-c-slider__value.pf-m-floating {
|
|
25218
25668
|
--pf-v6-c-slider__value--MarginInlineStart: 0;
|
|
25219
25669
|
position: absolute;
|
|
25220
25670
|
inset-block-start: 0;
|
|
25221
25671
|
inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
|
|
25222
25672
|
z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
|
|
25223
25673
|
}
|
|
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
25674
|
.pf-v6-c-slider__value .pf-v6-c-form-control {
|
|
25229
25675
|
width: var(--pf-v6-c-slider__value--c-form-control--Width);
|
|
25230
25676
|
}
|
|
@@ -25402,12 +25848,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25402
25848
|
}
|
|
25403
25849
|
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
25404
25850
|
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
25851
|
}
|
|
25407
25852
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
25408
25853
|
transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
|
|
25409
25854
|
}
|
|
25410
25855
|
|
|
25856
|
+
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
25857
|
+
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
25858
|
+
}
|
|
25411
25859
|
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
|
|
25412
25860
|
color: var(--pf-v6-c-switch__input--not-checked__label--Color);
|
|
25413
25861
|
}
|
|
@@ -27229,6 +27677,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27229
27677
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
|
27230
27678
|
--pf-v6-c-table__expandable-row--TranslateY: 0;
|
|
27231
27679
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
|
|
27680
|
+
}
|
|
27681
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
27682
|
+
.pf-v6-c-table {
|
|
27683
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
27684
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
27685
|
+
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
|
27686
|
+
}
|
|
27687
|
+
}
|
|
27688
|
+
.pf-v6-c-table {
|
|
27232
27689
|
--pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
27233
27690
|
--pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
27234
27691
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -27297,13 +27754,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27297
27754
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
27298
27755
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
27299
27756
|
}
|
|
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
27757
|
|
|
27308
27758
|
.pf-v6-c-table {
|
|
27309
27759
|
width: 100%;
|
|
@@ -27368,22 +27818,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27368
27818
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
27369
27819
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
27370
27820
|
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
27821
|
}
|
|
27388
27822
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
|
|
27389
27823
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -27428,6 +27862,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27428
27862
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
27429
27863
|
}
|
|
27430
27864
|
}
|
|
27865
|
+
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
|
|
27866
|
+
position: relative;
|
|
27867
|
+
width: var(--pf-v6-c-table--cell--Width);
|
|
27868
|
+
min-width: var(--pf-v6-c-table--cell--MinWidth);
|
|
27869
|
+
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
27870
|
+
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
|
27871
|
+
padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
|
|
27872
|
+
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
27873
|
+
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
27874
|
+
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
27875
|
+
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
27876
|
+
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
27877
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
27878
|
+
color: var(--pf-v6-c-table--cell--Color);
|
|
27879
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
27880
|
+
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
27881
|
+
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
27882
|
+
}
|
|
27431
27883
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
|
27432
27884
|
padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
|
27433
27885
|
}
|
|
@@ -27784,16 +28236,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27784
28236
|
.pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
|
|
27785
28237
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
|
27786
28238
|
}
|
|
28239
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
28240
|
+
scale: -1 1;
|
|
28241
|
+
}
|
|
28242
|
+
|
|
27787
28243
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27788
28244
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
27789
28245
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
27790
28246
|
transition-property: transform;
|
|
27791
28247
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
27792
28248
|
}
|
|
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
28249
|
.pf-v6-c-table__toggle svg {
|
|
27798
28250
|
pointer-events: none;
|
|
27799
28251
|
}
|
|
@@ -28270,13 +28722,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28270
28722
|
}
|
|
28271
28723
|
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
28272
28724
|
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
28725
|
}
|
|
28276
28726
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
28277
28727
|
transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
28278
28728
|
}
|
|
28279
28729
|
|
|
28730
|
+
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
28731
|
+
position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
|
|
28732
|
+
inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
|
|
28733
|
+
}
|
|
28280
28734
|
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
28281
28735
|
min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
|
|
28282
28736
|
}
|
|
@@ -29326,8 +29780,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29326
29780
|
}
|
|
29327
29781
|
.pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
|
|
29328
29782
|
position: relative;
|
|
29329
|
-
flex-direction: column;
|
|
29330
29783
|
flex-grow: 1;
|
|
29784
|
+
flex-direction: column;
|
|
29331
29785
|
max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
|
|
29332
29786
|
}
|
|
29333
29787
|
.pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
|
|
@@ -29492,15 +29946,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29492
29946
|
white-space: normal;
|
|
29493
29947
|
}
|
|
29494
29948
|
|
|
29949
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
29950
|
+
scale: -1 1;
|
|
29951
|
+
}
|
|
29952
|
+
|
|
29495
29953
|
.pf-v6-c-tabs__toggle-icon {
|
|
29496
29954
|
display: inline-block;
|
|
29497
29955
|
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
29498
29956
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
29499
29957
|
}
|
|
29500
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
29501
|
-
scale: -1 1;
|
|
29502
|
-
}
|
|
29503
29958
|
|
|
29959
|
+
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
29960
|
+
display: none;
|
|
29961
|
+
}
|
|
29504
29962
|
.pf-v6-c-tabs__list {
|
|
29505
29963
|
scrollbar-width: none;
|
|
29506
29964
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
@@ -29512,20 +29970,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29512
29970
|
scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
|
|
29513
29971
|
-webkit-overflow-scrolling: touch;
|
|
29514
29972
|
}
|
|
29515
|
-
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
29516
|
-
display: none;
|
|
29517
|
-
}
|
|
29518
29973
|
|
|
29519
29974
|
.pf-v6-c-tabs__item {
|
|
29520
29975
|
position: relative;
|
|
29521
29976
|
display: flex;
|
|
29522
29977
|
flex: none;
|
|
29523
29978
|
column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
|
|
29524
|
-
scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
|
|
29525
29979
|
padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
|
|
29526
29980
|
padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
|
|
29527
29981
|
padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
|
|
29528
29982
|
padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
|
|
29983
|
+
scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
|
|
29529
29984
|
background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
|
|
29530
29985
|
}
|
|
29531
29986
|
.pf-v6-c-tabs__item.pf-m-current {
|
|
@@ -29578,6 +30033,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29578
30033
|
border: 0;
|
|
29579
30034
|
}
|
|
29580
30035
|
|
|
30036
|
+
.pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
|
|
30037
|
+
--pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
|
|
30038
|
+
}
|
|
30039
|
+
|
|
29581
30040
|
.pf-v6-c-tabs__link {
|
|
29582
30041
|
display: flex;
|
|
29583
30042
|
flex: 1;
|
|
@@ -29595,10 +30054,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29595
30054
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
|
29596
30055
|
transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
|
|
29597
30056
|
}
|
|
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
30057
|
.pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
|
|
29603
30058
|
pointer-events: none;
|
|
29604
30059
|
border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
|
|
@@ -29653,6 +30108,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29653
30108
|
--pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
|
|
29654
30109
|
}
|
|
29655
30110
|
|
|
30111
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
|
|
30112
|
+
scale: -1 1;
|
|
30113
|
+
}
|
|
30114
|
+
|
|
29656
30115
|
.pf-v6-c-tabs__link-toggle-icon {
|
|
29657
30116
|
align-self: end;
|
|
29658
30117
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
@@ -29660,9 +30119,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29660
30119
|
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
29661
30120
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
29662
30121
|
}
|
|
29663
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
|
|
29664
|
-
scale: -1 1;
|
|
29665
|
-
}
|
|
29666
30122
|
|
|
29667
30123
|
.pf-v6-c-tabs__item-action {
|
|
29668
30124
|
display: flex;
|
|
@@ -30680,9 +31136,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30680
31136
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
30681
31137
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
30682
31138
|
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
31139
|
}
|
|
30687
31140
|
.pf-v6-c-toolbar__content.pf-m-hidden {
|
|
30688
31141
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -30727,6 +31180,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30727
31180
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
30728
31181
|
}
|
|
30729
31182
|
}
|
|
31183
|
+
.pf-v6-c-toolbar__content {
|
|
31184
|
+
row-gap: var(--pf-v6-c-toolbar__content--RowGap);
|
|
31185
|
+
padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
|
|
31186
|
+
padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
|
|
31187
|
+
}
|
|
30730
31188
|
|
|
30731
31189
|
.pf-v6-c-toolbar__content-section {
|
|
30732
31190
|
flex-wrap: wrap;
|
|
@@ -30800,11 +31258,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30800
31258
|
|
|
30801
31259
|
.pf-v6-c-toolbar__item {
|
|
30802
31260
|
--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
31261
|
}
|
|
30809
31262
|
@media (min-width: 36rem) {
|
|
30810
31263
|
.pf-v6-c-toolbar__item {
|
|
@@ -30831,6 +31284,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30831
31284
|
--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
31285
|
}
|
|
30833
31286
|
}
|
|
31287
|
+
.pf-v6-c-toolbar__item {
|
|
31288
|
+
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
|
|
31289
|
+
}
|
|
30834
31290
|
@media (min-width: 36rem) {
|
|
30835
31291
|
.pf-v6-c-toolbar__item {
|
|
30836
31292
|
--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 +31312,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30856
31312
|
--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
31313
|
}
|
|
30858
31314
|
}
|
|
31315
|
+
.pf-v6-c-toolbar__item {
|
|
31316
|
+
row-gap: var(--pf-v6-c-toolbar__item--RowGap);
|
|
31317
|
+
column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
|
|
31318
|
+
width: var(--pf-v6-c-toolbar__item--Width--base);
|
|
31319
|
+
min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
|
|
31320
|
+
}
|
|
30859
31321
|
.pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
|
|
30860
31322
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
|
|
30861
31323
|
}
|
|
@@ -32729,6 +33191,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32729
33191
|
--pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
|
|
32730
33192
|
--pf-v6-c-tree-view__list--TranslateY: 0;
|
|
32731
33193
|
--pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
|
|
33194
|
+
}
|
|
33195
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
33196
|
+
.pf-v6-c-tree-view {
|
|
33197
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
33198
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
33199
|
+
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
|
33200
|
+
}
|
|
33201
|
+
}
|
|
33202
|
+
.pf-v6-c-tree-view {
|
|
32732
33203
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
|
|
32733
33204
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
|
|
32734
33205
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
@@ -32757,6 +33228,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32757
33228
|
--pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
|
|
32758
33229
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
32759
33230
|
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
|
|
33231
|
+
--pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
33232
|
+
--pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
33233
|
+
--pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
32760
33234
|
--pf-v6-c-tree-view__node-text--max-lines: 1;
|
|
32761
33235
|
--pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
32762
33236
|
--pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -32812,6 +33286,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32812
33286
|
--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
32813
33287
|
--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
32814
33288
|
--pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
|
|
33289
|
+
--pf-v6-c-tree-view--m-compact__node-container--nested--Color: initial;
|
|
33290
|
+
--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: var(--pf-t--global--text--color--on-disabled);
|
|
33291
|
+
--pf-v6-c-tree-view--m-compact__node-icon--nested--Color: initial;
|
|
33292
|
+
--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
33293
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color: initial;
|
|
33294
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
32815
33295
|
--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
|
|
32816
33296
|
--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
|
|
32817
33297
|
--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 +33301,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32821
33301
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
|
|
32822
33302
|
--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
33303
|
}
|
|
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
33304
|
|
|
32832
33305
|
.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
33306
|
position: relative;
|
|
@@ -32908,11 +33381,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32908
33381
|
padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
|
|
32909
33382
|
padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
|
|
32910
33383
|
padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
|
|
33384
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--Color, inherit);
|
|
32911
33385
|
background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
|
|
32912
33386
|
}
|
|
32913
33387
|
.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
33388
|
margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
|
|
32915
33389
|
margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
|
|
33390
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color, inherit);
|
|
33391
|
+
}
|
|
33392
|
+
.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 {
|
|
33393
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-icon--nested--Color, inherit);
|
|
32916
33394
|
}
|
|
32917
33395
|
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
|
|
32918
33396
|
padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
|
|
@@ -32937,6 +33415,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32937
33415
|
}
|
|
32938
33416
|
.pf-v6-c-tree-view.pf-m-no-background {
|
|
32939
33417
|
--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
|
|
33418
|
+
--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: initial;
|
|
33419
|
+
--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: initial;
|
|
33420
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: initial;
|
|
33421
|
+
}
|
|
33422
|
+
|
|
33423
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
33424
|
+
scale: -1 1;
|
|
32940
33425
|
}
|
|
32941
33426
|
|
|
32942
33427
|
.pf-v6-c-tree-view__node-toggle-icon {
|
|
@@ -32946,9 +33431,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32946
33431
|
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
32947
33432
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
32948
33433
|
}
|
|
32949
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
32950
|
-
scale: -1 1;
|
|
32951
|
-
}
|
|
32952
33434
|
|
|
32953
33435
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
32954
33436
|
max-height: 0;
|
|
@@ -33012,6 +33494,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
33012
33494
|
.pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
|
|
33013
33495
|
margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
|
|
33014
33496
|
}
|
|
33497
|
+
.pf-v6-c-tree-view__node.pf-m-disabled {
|
|
33498
|
+
--pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-disabled--Color);
|
|
33499
|
+
--pf-v6-c-tree-view__node-icon--Color: var(--pf-v6-c-tree-view__node-icon--m-disabled--Color);
|
|
33500
|
+
--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);
|
|
33501
|
+
--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);
|
|
33502
|
+
}
|
|
33015
33503
|
|
|
33016
33504
|
.pf-v6-c-tree-view__node-container {
|
|
33017
33505
|
display: var(--pf-v6-c-tree-view__node-container--Display);
|
|
@@ -33054,6 +33542,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
33054
33542
|
transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
33055
33543
|
}
|
|
33056
33544
|
|
|
33545
|
+
.pf-v6-c-tree-view__node-toggle.pf-m-disabled {
|
|
33546
|
+
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--m-disabled--Color);
|
|
33547
|
+
}
|
|
33548
|
+
|
|
33057
33549
|
.pf-v6-c-tree-view__node-title.pf-m-truncate,
|
|
33058
33550
|
.pf-v6-c-tree-view__node-text.pf-m-truncate {
|
|
33059
33551
|
--pf-v6-c-tree-view__node-content--Overflow: hidden;
|
|
@@ -33069,6 +33561,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
33069
33561
|
white-space: nowrap;
|
|
33070
33562
|
}
|
|
33071
33563
|
|
|
33564
|
+
label.pf-v6-c-tree-view__node-text {
|
|
33565
|
+
cursor: pointer;
|
|
33566
|
+
}
|
|
33567
|
+
|
|
33072
33568
|
.pf-v6-c-tree-view__node-text {
|
|
33073
33569
|
font-weight: inherit;
|
|
33074
33570
|
color: inherit;
|
|
@@ -33076,9 +33572,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
33076
33572
|
background-color: transparent;
|
|
33077
33573
|
border: 0;
|
|
33078
33574
|
}
|
|
33079
|
-
label.pf-v6-c-tree-view__node-text {
|
|
33080
|
-
cursor: pointer;
|
|
33081
|
-
}
|
|
33082
33575
|
|
|
33083
33576
|
.pf-v6-c-tree-view__node-title {
|
|
33084
33577
|
font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
|
|
@@ -33307,6 +33800,15 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33307
33800
|
--pf-v6-c-wizard__nav--lg--Width: 15.625rem;
|
|
33308
33801
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
33309
33802
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
|
|
33803
|
+
}
|
|
33804
|
+
@media screen and (min-width: 62rem) {
|
|
33805
|
+
.pf-v6-c-wizard {
|
|
33806
|
+
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
33807
|
+
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
33808
|
+
--pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
|
|
33809
|
+
}
|
|
33810
|
+
}
|
|
33811
|
+
.pf-v6-c-wizard {
|
|
33310
33812
|
--pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
33311
33813
|
--pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
33312
33814
|
--pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -33331,13 +33833,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33331
33833
|
--pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
33332
33834
|
--pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
33333
33835
|
}
|
|
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
33836
|
|
|
33342
33837
|
.pf-v6-c-wizard {
|
|
33343
33838
|
position: relative;
|
|
@@ -33473,13 +33968,14 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33473
33968
|
color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
|
|
33474
33969
|
}
|
|
33475
33970
|
|
|
33476
|
-
.pf-v6-c-wizard__toggle-separator {
|
|
33477
|
-
color: var(--pf-v6-c-wizard__toggle-separator--Color);
|
|
33478
|
-
}
|
|
33479
33971
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
|
|
33480
33972
|
scale: -1 1;
|
|
33481
33973
|
}
|
|
33482
33974
|
|
|
33975
|
+
.pf-v6-c-wizard__toggle-separator {
|
|
33976
|
+
color: var(--pf-v6-c-wizard__toggle-separator--Color);
|
|
33977
|
+
}
|
|
33978
|
+
|
|
33483
33979
|
.pf-v6-c-wizard__toggle-icon {
|
|
33484
33980
|
line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
|
|
33485
33981
|
}
|
|
@@ -33487,8 +33983,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33487
33983
|
.pf-v6-c-wizard__outer-wrap {
|
|
33488
33984
|
position: relative;
|
|
33489
33985
|
display: flex;
|
|
33490
|
-
flex-direction: column;
|
|
33491
33986
|
flex-grow: 1;
|
|
33987
|
+
flex-direction: column;
|
|
33492
33988
|
min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
|
|
33493
33989
|
background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
|
|
33494
33990
|
}
|
|
@@ -33501,8 +33997,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33501
33997
|
.pf-v6-c-wizard__inner-wrap {
|
|
33502
33998
|
position: relative;
|
|
33503
33999
|
display: flex;
|
|
33504
|
-
flex-direction: column;
|
|
33505
34000
|
flex-grow: 1;
|
|
34001
|
+
flex-direction: column;
|
|
33506
34002
|
min-height: 0;
|
|
33507
34003
|
}
|
|
33508
34004
|
@media screen and (min-width: 62rem) {
|
|
@@ -33680,6 +34176,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33680
34176
|
color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
|
|
33681
34177
|
}
|
|
33682
34178
|
|
|
34179
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|
|
34180
|
+
scale: -1 1;
|
|
34181
|
+
}
|
|
34182
|
+
|
|
33683
34183
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
33684
34184
|
display: inline-block;
|
|
33685
34185
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
@@ -33687,15 +34187,12 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33687
34187
|
transition-property: transform;
|
|
33688
34188
|
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
33689
34189
|
}
|
|
33690
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|
|
33691
|
-
scale: -1 1;
|
|
33692
|
-
}
|
|
33693
34190
|
|
|
33694
34191
|
.pf-v6-c-wizard__main {
|
|
33695
34192
|
z-index: var(--pf-v6-c-wizard__main--ZIndex);
|
|
33696
34193
|
display: flex;
|
|
33697
|
-
flex-direction: column;
|
|
33698
34194
|
flex-grow: 1;
|
|
34195
|
+
flex-direction: column;
|
|
33699
34196
|
overflow-x: hidden;
|
|
33700
34197
|
overflow-y: auto;
|
|
33701
34198
|
word-break: break-word;
|
|
@@ -36133,12 +36630,13 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
36133
36630
|
display: grid;
|
|
36134
36631
|
grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
|
|
36135
36632
|
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
36633
|
}
|
|
36139
36634
|
.pf-v6-l-gallery.pf-m-gutter {
|
|
36140
36635
|
grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
36141
36636
|
}
|
|
36637
|
+
.pf-v6-l-gallery {
|
|
36638
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
36639
|
+
}
|
|
36142
36640
|
@media (min-width: 36rem) {
|
|
36143
36641
|
.pf-v6-l-gallery {
|
|
36144
36642
|
--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 +36662,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
36164
36662
|
--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
36663
|
}
|
|
36166
36664
|
}
|
|
36665
|
+
.pf-v6-l-gallery {
|
|
36666
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
36667
|
+
}
|
|
36167
36668
|
@media (min-width: 36rem) {
|
|
36168
36669
|
.pf-v6-l-gallery {
|
|
36169
36670
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
|