@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
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
@charset "UTF-8";
|
|
2
1
|
.pf-v6-screen-reader {
|
|
3
2
|
position: fixed;
|
|
4
3
|
inset-block-start: 0;
|
|
@@ -6378,9 +6377,12 @@
|
|
|
6378
6377
|
--pf-t--color--yellow--60: #96640f;
|
|
6379
6378
|
--pf-t--color--yellow--70: #73480b;
|
|
6380
6379
|
--pf-t--color--yellow--80: #54330b;
|
|
6381
|
-
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.
|
|
6380
|
+
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
|
|
6382
6381
|
--pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
|
|
6382
|
+
--pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
|
|
6383
6383
|
--pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
|
|
6384
|
+
--pf-t--global--background--filter--glass: 0;
|
|
6385
|
+
--pf-t--global--background--opacity--glass: 100;
|
|
6384
6386
|
--pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
|
|
6385
6387
|
--pf-t--global--border--radius--0: 0px;
|
|
6386
6388
|
--pf-t--global--border--radius--100: 4px;
|
|
@@ -6408,12 +6410,12 @@
|
|
|
6408
6410
|
--pf-t--global--box-shadow--X--700: 10px;
|
|
6409
6411
|
--pf-t--global--box-shadow--X--800: 20px;
|
|
6410
6412
|
--pf-t--global--box-shadow--Y--100: -10px;
|
|
6411
|
-
--pf-t--global--box-shadow--Y--200: -
|
|
6413
|
+
--pf-t--global--box-shadow--Y--200: -2px;
|
|
6412
6414
|
--pf-t--global--box-shadow--Y--300: -1px;
|
|
6413
6415
|
--pf-t--global--box-shadow--Y--400: 0px;
|
|
6414
6416
|
--pf-t--global--box-shadow--Y--50: -20px;
|
|
6415
6417
|
--pf-t--global--box-shadow--Y--500: 1px;
|
|
6416
|
-
--pf-t--global--box-shadow--Y--600:
|
|
6418
|
+
--pf-t--global--box-shadow--Y--600: 2px;
|
|
6417
6419
|
--pf-t--global--box-shadow--Y--700: 10px;
|
|
6418
6420
|
--pf-t--global--box-shadow--Y--800: 20px;
|
|
6419
6421
|
--pf-t--global--box-shadow--blur--100: 4px;
|
|
@@ -6484,6 +6486,7 @@
|
|
|
6484
6486
|
--pf-t--global--spacer--800: 5rem;
|
|
6485
6487
|
--pf-t--global--text-decoration--line--100: none;
|
|
6486
6488
|
--pf-t--global--text-decoration--line--200: underline;
|
|
6489
|
+
--pf-t--global--text-decoration--offset--hover: 5;
|
|
6487
6490
|
--pf-t--global--text-decoration--style--100: solid;
|
|
6488
6491
|
--pf-t--global--text-decoration--style--200: dashed;
|
|
6489
6492
|
--pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
|
|
@@ -6505,12 +6508,14 @@
|
|
|
6505
6508
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
|
|
6506
6509
|
--pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
|
|
6507
6510
|
--pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
|
|
6511
|
+
--pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
|
|
6512
|
+
--pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
|
|
6508
6513
|
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
|
|
6509
6514
|
--pf-t--global--border--color--100: var(--pf-t--color--gray--30);
|
|
6510
6515
|
--pf-t--global--border--color--200: var(--pf-t--color--gray--40);
|
|
6511
|
-
--pf-t--global--border--color--300: var(--pf-t--color--gray--
|
|
6516
|
+
--pf-t--global--border--color--300: var(--pf-t--color--gray--45);
|
|
6512
6517
|
--pf-t--global--border--color--400: var(--pf-t--color--gray--60);
|
|
6513
|
-
--pf-t--global--border--color--50: var(--pf-t--color--gray--
|
|
6518
|
+
--pf-t--global--border--color--50: var(--pf-t--color--gray--10);
|
|
6514
6519
|
--pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
|
|
6515
6520
|
--pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
|
|
6516
6521
|
--pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
|
|
@@ -6520,9 +6525,9 @@
|
|
|
6520
6525
|
--pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
|
|
6521
6526
|
--pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
|
|
6522
6527
|
--pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
|
|
6523
|
-
--pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--
|
|
6528
|
+
--pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
|
|
6524
6529
|
--pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
|
|
6525
|
-
--pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--
|
|
6530
|
+
--pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
|
|
6526
6531
|
--pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
|
|
6527
6532
|
--pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
|
|
6528
6533
|
--pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
|
|
@@ -6596,9 +6601,17 @@
|
|
|
6596
6601
|
--pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
|
|
6597
6602
|
--pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
|
|
6598
6603
|
--pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
|
|
6604
|
+
--pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50);
|
|
6605
|
+
--pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60);
|
|
6606
|
+
--pf-t--global--color--brand--accent--300: var(--pf-t--color--red--70);
|
|
6607
|
+
--pf-t--global--color--brand--accent--400: var(--pf-t--color--black);
|
|
6608
|
+
--pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10);
|
|
6609
|
+
--pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20);
|
|
6610
|
+
--pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40);
|
|
6611
|
+
--pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50);
|
|
6599
6612
|
--pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
|
|
6600
6613
|
--pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
|
|
6601
|
-
--pf-t--global--color--disabled--300: var(--pf-t--color--gray--
|
|
6614
|
+
--pf-t--global--color--disabled--300: var(--pf-t--color--gray--50);
|
|
6602
6615
|
--pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
6603
6616
|
--pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
|
|
6604
6617
|
--pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
|
|
@@ -6664,7 +6677,7 @@
|
|
|
6664
6677
|
--pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
|
|
6665
6678
|
--pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
|
|
6666
6679
|
--pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
|
|
6667
|
-
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--
|
|
6680
|
+
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
|
|
6668
6681
|
--pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
|
|
6669
6682
|
--pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
|
|
6670
6683
|
--pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
|
|
@@ -6749,8 +6762,8 @@
|
|
|
6749
6762
|
--pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
6750
6763
|
--pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
6751
6764
|
--pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
6752
|
-
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--
|
|
6753
|
-
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--
|
|
6765
|
+
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
6766
|
+
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
6754
6767
|
--pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
|
|
6755
6768
|
--pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
|
|
6756
6769
|
--pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
|
|
@@ -6775,8 +6788,12 @@
|
|
|
6775
6788
|
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
|
|
6776
6789
|
--pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
|
|
6777
6790
|
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
|
|
6791
|
+
--pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--300);
|
|
6792
|
+
--pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200);
|
|
6793
|
+
--pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--300);
|
|
6778
6794
|
--pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
|
|
6779
|
-
--pf-t--global--border--color--control--
|
|
6795
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
|
|
6796
|
+
--pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
|
|
6780
6797
|
--pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
|
|
6781
6798
|
--pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
6782
6799
|
--pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
|
|
@@ -6811,9 +6828,17 @@
|
|
|
6811
6828
|
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
|
|
6812
6829
|
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
|
|
6813
6830
|
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
|
|
6831
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--border--color--50);
|
|
6832
|
+
--pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill);
|
|
6833
|
+
--pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small);
|
|
6834
|
+
--pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small);
|
|
6835
|
+
--pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
|
|
6814
6836
|
--pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
|
|
6815
6837
|
--pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
|
|
6816
6838
|
--pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
|
|
6839
|
+
--pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200);
|
|
6840
|
+
--pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100);
|
|
6841
|
+
--pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200);
|
|
6817
6842
|
--pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200);
|
|
6818
6843
|
--pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
|
|
6819
6844
|
--pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
|
|
@@ -6944,7 +6969,10 @@
|
|
|
6944
6969
|
--pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
|
|
6945
6970
|
--pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
|
|
6946
6971
|
--pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
|
|
6972
|
+
--pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
|
|
6947
6973
|
--pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
|
|
6974
|
+
--pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
|
|
6975
|
+
--pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
|
|
6948
6976
|
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
6949
6977
|
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
6950
6978
|
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
@@ -6962,6 +6990,9 @@
|
|
|
6962
6990
|
--pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
|
|
6963
6991
|
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
|
|
6964
6992
|
--pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
|
|
6993
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
|
|
6994
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
|
|
6995
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
|
|
6965
6996
|
--pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
|
|
6966
6997
|
--pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
6967
6998
|
--pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
|
|
@@ -7002,9 +7033,15 @@
|
|
|
7002
7033
|
--pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
|
|
7003
7034
|
--pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
|
|
7004
7035
|
--pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
|
|
7036
|
+
--pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7037
|
+
--pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
|
|
7038
|
+
--pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
|
|
7005
7039
|
--pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7006
7040
|
--pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
|
|
7007
7041
|
--pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
|
|
7042
|
+
--pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
|
|
7043
|
+
--pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
|
|
7044
|
+
--pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
|
|
7008
7045
|
--pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7009
7046
|
--pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7010
7047
|
--pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
@@ -7077,9 +7114,15 @@
|
|
|
7077
7114
|
--pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
|
|
7078
7115
|
--pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
|
|
7079
7116
|
--pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
|
|
7117
|
+
--pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
|
|
7118
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
|
|
7119
|
+
--pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
|
|
7080
7120
|
--pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
|
|
7081
7121
|
--pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
|
|
7082
7122
|
--pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
|
|
7123
|
+
--pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
|
|
7124
|
+
--pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
|
|
7125
|
+
--pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
|
|
7083
7126
|
--pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
|
|
7084
7127
|
--pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7085
7128
|
--pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
@@ -7114,7 +7157,15 @@
|
|
|
7114
7157
|
--pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
|
|
7115
7158
|
--pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
|
|
7116
7159
|
--pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
|
|
7160
|
+
--pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
|
|
7161
|
+
--pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
|
|
7162
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
7163
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
7164
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
7117
7165
|
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
7166
|
+
--pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
7167
|
+
--pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
7168
|
+
--pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
7118
7169
|
--pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
|
|
7119
7170
|
--pf-t--global--text-decoration--color--hover: currentcolor;
|
|
7120
7171
|
--pf-t--global--text-decoration--offset--hover: calc(var(--pf-t--global--spacer--xs) + 1px);
|
|
@@ -7266,14 +7317,19 @@
|
|
|
7266
7317
|
|
|
7267
7318
|
:root:where(.pf-v6-theme-dark) {
|
|
7268
7319
|
--pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
|
|
7320
|
+
--pf-t--global--background--filter--glass: 0;
|
|
7321
|
+
--pf-t--global--background--opacity--glass: 100;
|
|
7269
7322
|
--pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
|
|
7270
7323
|
--pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
|
|
7271
7324
|
--pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
|
|
7325
|
+
--pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
|
|
7272
7326
|
--pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
|
|
7273
7327
|
--pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
|
|
7274
7328
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
7275
7329
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
7276
7330
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
7331
|
+
--pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700);
|
|
7332
|
+
--pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600);
|
|
7277
7333
|
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
|
|
7278
7334
|
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
7279
7335
|
--pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
@@ -7291,10 +7347,18 @@
|
|
|
7291
7347
|
--pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
|
|
7292
7348
|
--pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
|
|
7293
7349
|
--pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
|
|
7294
|
-
--pf-t--global--dark--border--color--50: var(--pf-t--color--gray--
|
|
7350
|
+
--pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70);
|
|
7295
7351
|
--pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
|
|
7296
7352
|
--pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
|
|
7297
7353
|
--pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
|
|
7354
|
+
--pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50);
|
|
7355
|
+
--pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--40);
|
|
7356
|
+
--pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--30);
|
|
7357
|
+
--pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--red--20);
|
|
7358
|
+
--pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white);
|
|
7359
|
+
--pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70);
|
|
7360
|
+
--pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60);
|
|
7361
|
+
--pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30);
|
|
7298
7362
|
--pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
|
|
7299
7363
|
--pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
|
|
7300
7364
|
--pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
|
|
@@ -7382,9 +7446,13 @@
|
|
|
7382
7446
|
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
|
|
7383
7447
|
--pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
|
|
7384
7448
|
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
|
|
7449
|
+
--pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300);
|
|
7450
|
+
--pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200);
|
|
7451
|
+
--pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300);
|
|
7385
7452
|
--pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
7453
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--200);
|
|
7386
7454
|
--pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
|
|
7387
|
-
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--
|
|
7455
|
+
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
|
|
7388
7456
|
--pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
|
|
7389
7457
|
--pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
|
|
7390
7458
|
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
@@ -7415,9 +7483,13 @@
|
|
|
7415
7483
|
--pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
|
|
7416
7484
|
--pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
7417
7485
|
--pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
|
|
7486
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50);
|
|
7418
7487
|
--pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
7419
7488
|
--pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
|
|
7420
7489
|
--pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
|
|
7490
|
+
--pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200);
|
|
7491
|
+
--pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100);
|
|
7492
|
+
--pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200);
|
|
7421
7493
|
--pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
|
|
7422
7494
|
--pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
|
|
7423
7495
|
--pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
|
|
@@ -7494,6 +7566,8 @@
|
|
|
7494
7566
|
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
|
|
7495
7567
|
--pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
|
|
7496
7568
|
--pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
|
|
7569
|
+
--pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
|
|
7570
|
+
--pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
|
|
7497
7571
|
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
7498
7572
|
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7499
7573
|
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
@@ -7514,6 +7588,9 @@
|
|
|
7514
7588
|
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
7515
7589
|
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
7516
7590
|
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7591
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7592
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
|
|
7593
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
|
|
7517
7594
|
--pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
|
|
7518
7595
|
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
7519
7596
|
--pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
@@ -7552,9 +7629,15 @@
|
|
|
7552
7629
|
--pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7553
7630
|
--pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
|
|
7554
7631
|
--pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
|
|
7632
|
+
--pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7633
|
+
--pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
|
|
7634
|
+
--pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
|
|
7555
7635
|
--pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7556
7636
|
--pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
|
|
7557
7637
|
--pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
|
|
7638
|
+
--pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
|
|
7639
|
+
--pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
|
|
7640
|
+
--pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
|
|
7558
7641
|
--pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7559
7642
|
--pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7560
7643
|
--pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
@@ -7618,9 +7701,15 @@
|
|
|
7618
7701
|
--pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
|
|
7619
7702
|
--pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
|
|
7620
7703
|
--pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
|
|
7704
|
+
--pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
|
|
7705
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
|
|
7706
|
+
--pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
|
|
7621
7707
|
--pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
|
|
7622
7708
|
--pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
|
|
7623
7709
|
--pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
|
|
7710
|
+
--pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
|
|
7711
|
+
--pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
|
|
7712
|
+
--pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
|
|
7624
7713
|
--pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
|
|
7625
7714
|
--pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7626
7715
|
--pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
@@ -7655,6 +7744,14 @@
|
|
|
7655
7744
|
--pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
7656
7745
|
--pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
7657
7746
|
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7747
|
+
--pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
|
|
7748
|
+
--pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
|
|
7749
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
7750
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
7751
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
7752
|
+
--pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
7753
|
+
--pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
7754
|
+
--pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
7658
7755
|
}
|
|
7659
7756
|
|
|
7660
7757
|
:root:where(.pf-v6-theme-high-contrast) {
|
|
@@ -8750,6 +8847,234 @@
|
|
|
8750
8847
|
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
8751
8848
|
}
|
|
8752
8849
|
|
|
8850
|
+
:root:where(.pf-v6-theme-glass) {
|
|
8851
|
+
--pf-t--global--background--color--glass--floating: rgba(255, 255, 255, 0.8000);
|
|
8852
|
+
--pf-t--global--background--color--glass--primary: rgba(255, 255, 255, 0.8000);
|
|
8853
|
+
--pf-t--global--background--filter--glass: 12.5;
|
|
8854
|
+
--pf-t--global--background--opacity--glass: 80;
|
|
8855
|
+
}
|
|
8856
|
+
|
|
8857
|
+
:root:where(.pf-v6-theme-glass.pf-v6-theme-dark) {
|
|
8858
|
+
--pf-t--global--background--color--glass--floating: rgba(41, 41, 41, 0.8000);
|
|
8859
|
+
--pf-t--global--background--color--glass--primary: rgba(41, 41, 41, 0.8000);
|
|
8860
|
+
--pf-t--global--background--filter--glass: 12.5;
|
|
8861
|
+
--pf-t--global--background--opacity--glass: 80;
|
|
8862
|
+
}
|
|
8863
|
+
|
|
8864
|
+
:root:where(.pf-v6-theme-redhat) {
|
|
8865
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
|
|
8866
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
|
|
8867
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
|
|
8868
|
+
--pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
|
|
8869
|
+
--pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
|
|
8870
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
|
|
8871
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
|
|
8872
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
|
|
8873
|
+
}
|
|
8874
|
+
|
|
8875
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-dark) {
|
|
8876
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
|
|
8877
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
|
|
8878
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
|
|
8879
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
|
|
8880
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
|
|
8881
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
|
|
8882
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
|
|
8883
|
+
}
|
|
8884
|
+
|
|
8885
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
|
|
8886
|
+
--pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
|
|
8887
|
+
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
|
|
8888
|
+
--pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
|
|
8889
|
+
--pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
|
|
8890
|
+
--pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
|
|
8891
|
+
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
|
|
8892
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
|
|
8893
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
|
|
8894
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
|
|
8895
|
+
--pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
|
|
8896
|
+
--pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
|
|
8897
|
+
--pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
|
|
8898
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
|
|
8899
|
+
--pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
|
|
8900
|
+
--pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
|
|
8901
|
+
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
|
|
8902
|
+
--pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
|
|
8903
|
+
--pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
|
|
8904
|
+
--pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
|
|
8905
|
+
--pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
|
|
8906
|
+
--pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
|
|
8907
|
+
--pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
|
|
8908
|
+
--pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
|
|
8909
|
+
--pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
|
|
8910
|
+
--pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
|
|
8911
|
+
--pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
|
|
8912
|
+
--pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
|
|
8913
|
+
--pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
|
|
8914
|
+
--pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
|
|
8915
|
+
--pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
|
|
8916
|
+
--pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
|
|
8917
|
+
--pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
|
|
8918
|
+
--pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
|
|
8919
|
+
--pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
|
|
8920
|
+
--pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
|
|
8921
|
+
--pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
|
|
8922
|
+
--pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
|
|
8923
|
+
--pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
|
|
8924
|
+
--pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
|
|
8925
|
+
--pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
|
|
8926
|
+
--pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
|
|
8927
|
+
--pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
|
|
8928
|
+
--pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
|
|
8929
|
+
--pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
|
|
8930
|
+
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
8931
|
+
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
8932
|
+
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8933
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
|
|
8934
|
+
--pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
|
|
8935
|
+
--pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
|
|
8936
|
+
--pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
|
|
8937
|
+
--pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
|
|
8938
|
+
--pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
|
|
8939
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--300);
|
|
8940
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--200);
|
|
8941
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--300);
|
|
8942
|
+
--pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
|
|
8943
|
+
--pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
|
|
8944
|
+
--pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
|
|
8945
|
+
--pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
|
|
8946
|
+
--pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
|
|
8947
|
+
--pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
|
|
8948
|
+
--pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
|
|
8949
|
+
--pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
|
|
8950
|
+
--pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
|
|
8951
|
+
--pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
|
|
8952
|
+
--pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
|
|
8953
|
+
--pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
|
|
8954
|
+
--pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
|
|
8955
|
+
--pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
|
|
8956
|
+
--pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
|
|
8957
|
+
--pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
|
|
8958
|
+
--pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
|
|
8959
|
+
--pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
|
|
8960
|
+
--pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
|
|
8961
|
+
--pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
|
|
8962
|
+
--pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
|
|
8963
|
+
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
8964
|
+
--pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
8965
|
+
--pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8966
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
|
|
8967
|
+
--pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
|
|
8968
|
+
--pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
|
|
8969
|
+
--pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
|
|
8970
|
+
--pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
|
|
8971
|
+
--pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
|
|
8972
|
+
--pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
|
|
8973
|
+
--pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
|
|
8974
|
+
--pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
|
|
8975
|
+
--pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
|
|
8976
|
+
--pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
|
|
8977
|
+
--pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
|
|
8978
|
+
--pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
8979
|
+
--pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
8980
|
+
--pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8981
|
+
--pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
|
|
8982
|
+
--pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
|
|
8983
|
+
--pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
|
|
8984
|
+
--pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
|
|
8985
|
+
--pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
|
|
8986
|
+
--pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
|
|
8987
|
+
--pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
|
|
8988
|
+
--pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
|
|
8989
|
+
--pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
|
|
8990
|
+
--pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
|
|
8991
|
+
--pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300);
|
|
8992
|
+
--pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
8993
|
+
--pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
8994
|
+
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8995
|
+
--pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
|
|
8996
|
+
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
8997
|
+
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
8998
|
+
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
8999
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
9000
|
+
--pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
|
|
9001
|
+
--pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
|
|
9002
|
+
--pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
|
|
9003
|
+
--pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
|
|
9004
|
+
--pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
|
|
9005
|
+
--pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
|
|
9006
|
+
}
|
|
9007
|
+
|
|
9008
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
|
|
9009
|
+
--pf-t--global--background--color--primary--default: var(--pf-t--color--black);
|
|
9010
|
+
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
9011
|
+
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
9012
|
+
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
|
|
9013
|
+
--pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
|
|
9014
|
+
--pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
|
|
9015
|
+
--pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
|
|
9016
|
+
--pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
|
|
9017
|
+
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
|
|
9018
|
+
--pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
|
|
9019
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9020
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9021
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9022
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
|
|
9023
|
+
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
|
|
9024
|
+
--pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
|
|
9025
|
+
--pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
|
|
9026
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300);
|
|
9027
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--350);
|
|
9028
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--300);
|
|
9029
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--350);
|
|
9030
|
+
--pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
|
|
9031
|
+
--pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
|
|
9032
|
+
--pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
|
|
9033
|
+
--pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
|
|
9034
|
+
--pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
|
|
9035
|
+
--pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
|
|
9036
|
+
--pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
|
|
9037
|
+
--pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
|
|
9038
|
+
--pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
|
|
9039
|
+
--pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
|
|
9040
|
+
--pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
|
|
9041
|
+
--pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
|
|
9042
|
+
--pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
|
|
9043
|
+
--pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
|
|
9044
|
+
--pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
|
|
9045
|
+
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
|
|
9046
|
+
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
9047
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
9048
|
+
--pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
|
|
9049
|
+
}
|
|
9050
|
+
|
|
9051
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-glass) {
|
|
9052
|
+
--pf-t--global--background--color--glass--floating: rgba(255, 255, 255, 0.8000);
|
|
9053
|
+
--pf-t--global--background--color--glass--primary: rgba(255, 255, 255, 0.8000);
|
|
9054
|
+
--pf-t--global--background--filter--glass: 12.5;
|
|
9055
|
+
--pf-t--global--background--opacity--glass: 80;
|
|
9056
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
|
|
9057
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
|
|
9058
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
|
|
9059
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
|
|
9060
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
|
|
9061
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
|
|
9062
|
+
}
|
|
9063
|
+
|
|
9064
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-glass.pf-v6-theme-dark) {
|
|
9065
|
+
--pf-t--global--background--color--glass--floating: rgba(41, 41, 41, 0.8000);
|
|
9066
|
+
--pf-t--global--background--color--glass--primary: rgba(41, 41, 41, 0.8000);
|
|
9067
|
+
--pf-t--global--background--filter--glass: 12.5;
|
|
9068
|
+
--pf-t--global--background--opacity--glass: 80;
|
|
9069
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9070
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9071
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9072
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
|
|
9073
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
|
|
9074
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
|
|
9075
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
|
|
9076
|
+
}
|
|
9077
|
+
|
|
8753
9078
|
:is(.pf-v6-m-dir-rtl, [dir=rtl]) {
|
|
8754
9079
|
--pf-v6-global--inverse--multiplier: -1;
|
|
8755
9080
|
}
|
|
@@ -8773,31 +9098,6 @@
|
|
|
8773
9098
|
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8774
9099
|
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8775
9100
|
--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
8776
|
-
--pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
8777
|
-
--pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8778
|
-
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8779
|
-
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
8780
|
-
--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
8781
|
-
--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8782
|
-
--pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
|
|
8783
|
-
--pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
|
|
8784
|
-
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8785
|
-
--pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
8786
|
-
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
8787
|
-
--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8788
|
-
--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8789
|
-
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
8790
|
-
--pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
8791
|
-
--pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
|
|
8792
|
-
--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8793
|
-
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
8794
|
-
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8795
|
-
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
|
|
8796
|
-
--pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
8797
|
-
--pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8798
|
-
--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8799
|
-
--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
8800
|
-
--pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8801
9101
|
}
|
|
8802
9102
|
@media screen and (min-width: 36rem) {
|
|
8803
9103
|
.pf-v6-c-about-modal-box {
|
|
@@ -8806,6 +9106,14 @@
|
|
|
8806
9106
|
--pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
|
|
8807
9107
|
}
|
|
8808
9108
|
}
|
|
9109
|
+
.pf-v6-c-about-modal-box {
|
|
9110
|
+
--pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
9111
|
+
--pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
9112
|
+
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
9113
|
+
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
9114
|
+
--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
9115
|
+
--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
9116
|
+
}
|
|
8809
9117
|
@media only screen and (min-width: 36rem) {
|
|
8810
9118
|
.pf-v6-c-about-modal-box {
|
|
8811
9119
|
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
|
|
@@ -8816,17 +9124,42 @@
|
|
|
8816
9124
|
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
|
|
8817
9125
|
}
|
|
8818
9126
|
}
|
|
9127
|
+
.pf-v6-c-about-modal-box {
|
|
9128
|
+
--pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
|
|
9129
|
+
--pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
|
|
9130
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
9131
|
+
--pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
9132
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
9133
|
+
--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
9134
|
+
--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
9135
|
+
}
|
|
8819
9136
|
@media only screen and (min-width: 36rem) {
|
|
8820
9137
|
.pf-v6-c-about-modal-box {
|
|
8821
9138
|
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
|
|
8822
9139
|
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
|
|
8823
9140
|
}
|
|
8824
9141
|
}
|
|
9142
|
+
.pf-v6-c-about-modal-box {
|
|
9143
|
+
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
9144
|
+
--pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
9145
|
+
--pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
|
|
9146
|
+
--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
9147
|
+
}
|
|
8825
9148
|
@media only screen and (min-width: 36rem) {
|
|
8826
9149
|
.pf-v6-c-about-modal-box {
|
|
8827
9150
|
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
|
|
8828
9151
|
}
|
|
8829
9152
|
}
|
|
9153
|
+
.pf-v6-c-about-modal-box {
|
|
9154
|
+
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
9155
|
+
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
9156
|
+
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
|
|
9157
|
+
--pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
9158
|
+
--pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
|
|
9159
|
+
--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
9160
|
+
--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
9161
|
+
--pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
|
|
9162
|
+
}
|
|
8830
9163
|
@media only screen and (min-width: 36rem) {
|
|
8831
9164
|
.pf-v6-c-about-modal-box {
|
|
8832
9165
|
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
|
|
@@ -8850,7 +9183,6 @@
|
|
|
8850
9183
|
background-repeat: no-repeat;
|
|
8851
9184
|
background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
|
|
8852
9185
|
background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
|
|
8853
|
-
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
8854
9186
|
}
|
|
8855
9187
|
@media only screen and (min-width: 36rem) {
|
|
8856
9188
|
.pf-v6-c-about-modal-box {
|
|
@@ -8866,6 +9198,9 @@
|
|
|
8866
9198
|
grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
|
|
8867
9199
|
}
|
|
8868
9200
|
}
|
|
9201
|
+
.pf-v6-c-about-modal-box {
|
|
9202
|
+
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
9203
|
+
}
|
|
8869
9204
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
|
|
8870
9205
|
--pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
|
|
8871
9206
|
}
|
|
@@ -9006,6 +9341,18 @@
|
|
|
9006
9341
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
|
|
9007
9342
|
--pf-v6-c-accordion__expandable-content--TranslateY: 0;
|
|
9008
9343
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
|
|
9344
|
+
}
|
|
9345
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
9346
|
+
.pf-v6-c-accordion {
|
|
9347
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9348
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9349
|
+
--pf-v6-c-accordion__item--before--TranslateY: -.5rem;
|
|
9350
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9351
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9352
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
|
9353
|
+
}
|
|
9354
|
+
}
|
|
9355
|
+
.pf-v6-c-accordion {
|
|
9009
9356
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
9010
9357
|
--pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
9011
9358
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -9031,16 +9378,6 @@
|
|
|
9031
9378
|
--pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9032
9379
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
9033
9380
|
}
|
|
9034
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
9035
|
-
.pf-v6-c-accordion {
|
|
9036
|
-
--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9037
|
-
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9038
|
-
--pf-v6-c-accordion__item--before--TranslateY: -.5rem;
|
|
9039
|
-
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9040
|
-
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9041
|
-
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
|
9042
|
-
}
|
|
9043
|
-
}
|
|
9044
9381
|
|
|
9045
9382
|
.pf-v6-c-accordion {
|
|
9046
9383
|
display: flex;
|
|
@@ -9151,13 +9488,14 @@
|
|
|
9151
9488
|
color: var(--pf-v6-c-accordion__toggle-text--Color);
|
|
9152
9489
|
}
|
|
9153
9490
|
|
|
9491
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
|
|
9492
|
+
scale: -1 1;
|
|
9493
|
+
}
|
|
9494
|
+
|
|
9154
9495
|
.pf-v6-c-accordion__toggle-icon {
|
|
9155
9496
|
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9156
9497
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
9157
9498
|
}
|
|
9158
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
|
|
9159
|
-
scale: -1 1;
|
|
9160
|
-
}
|
|
9161
9499
|
|
|
9162
9500
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
9163
9501
|
display: revert;
|
|
@@ -9377,14 +9715,15 @@
|
|
|
9377
9715
|
margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
|
|
9378
9716
|
}
|
|
9379
9717
|
|
|
9718
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
|
|
9719
|
+
scale: -1 1;
|
|
9720
|
+
}
|
|
9721
|
+
|
|
9380
9722
|
.pf-v6-c-alert__toggle-icon {
|
|
9381
9723
|
display: inline-block;
|
|
9382
9724
|
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
9383
9725
|
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
9384
9726
|
}
|
|
9385
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
|
|
9386
|
-
scale: -1 1;
|
|
9387
|
-
}
|
|
9388
9727
|
|
|
9389
9728
|
.pf-v6-c-alert__icon {
|
|
9390
9729
|
grid-area: icon;
|
|
@@ -9401,9 +9740,9 @@
|
|
|
9401
9740
|
}
|
|
9402
9741
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
9403
9742
|
display: -webkit-box;
|
|
9743
|
+
overflow: hidden;
|
|
9404
9744
|
-webkit-box-orient: vertical;
|
|
9405
9745
|
-webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
|
|
9406
|
-
overflow: hidden;
|
|
9407
9746
|
}
|
|
9408
9747
|
|
|
9409
9748
|
.pf-v6-c-alert__description {
|
|
@@ -9640,7 +9979,6 @@
|
|
|
9640
9979
|
}
|
|
9641
9980
|
.pf-v6-c-avatar.pf-m-sm {
|
|
9642
9981
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width);
|
|
9643
|
-
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
|
|
9644
9982
|
}
|
|
9645
9983
|
@media (min-width: 36rem) {
|
|
9646
9984
|
.pf-v6-c-avatar.pf-m-sm {
|
|
@@ -9667,6 +10005,9 @@
|
|
|
9667
10005
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-2xl, var(--pf-v6-c-avatar--m-sm--Width-on-xl, var(--pf-v6-c-avatar--m-sm--Width-on-lg, var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width))))));
|
|
9668
10006
|
}
|
|
9669
10007
|
}
|
|
10008
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
10009
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
|
|
10010
|
+
}
|
|
9670
10011
|
@media (min-width: 36rem) {
|
|
9671
10012
|
.pf-v6-c-avatar.pf-m-sm {
|
|
9672
10013
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height));
|
|
@@ -9694,7 +10035,6 @@
|
|
|
9694
10035
|
}
|
|
9695
10036
|
.pf-v6-c-avatar.pf-m-md {
|
|
9696
10037
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width);
|
|
9697
|
-
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
|
|
9698
10038
|
}
|
|
9699
10039
|
@media (min-width: 36rem) {
|
|
9700
10040
|
.pf-v6-c-avatar.pf-m-md {
|
|
@@ -9721,6 +10061,9 @@
|
|
|
9721
10061
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width-on-2xl, var(--pf-v6-c-avatar--m-md--Width-on-xl, var(--pf-v6-c-avatar--m-md--Width-on-lg, var(--pf-v6-c-avatar--m-md--Width-on-md, var(--pf-v6-c-avatar--m-md--Width-on-sm, var(--pf-v6-c-avatar--m-md--Width))))));
|
|
9722
10062
|
}
|
|
9723
10063
|
}
|
|
10064
|
+
.pf-v6-c-avatar.pf-m-md {
|
|
10065
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
|
|
10066
|
+
}
|
|
9724
10067
|
@media (min-width: 36rem) {
|
|
9725
10068
|
.pf-v6-c-avatar.pf-m-md {
|
|
9726
10069
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height));
|
|
@@ -9748,7 +10091,6 @@
|
|
|
9748
10091
|
}
|
|
9749
10092
|
.pf-v6-c-avatar.pf-m-lg {
|
|
9750
10093
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width);
|
|
9751
|
-
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
|
|
9752
10094
|
}
|
|
9753
10095
|
@media (min-width: 36rem) {
|
|
9754
10096
|
.pf-v6-c-avatar.pf-m-lg {
|
|
@@ -9775,6 +10117,9 @@
|
|
|
9775
10117
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-2xl, var(--pf-v6-c-avatar--m-lg--Width-on-xl, var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width))))));
|
|
9776
10118
|
}
|
|
9777
10119
|
}
|
|
10120
|
+
.pf-v6-c-avatar.pf-m-lg {
|
|
10121
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
|
|
10122
|
+
}
|
|
9778
10123
|
@media (min-width: 36rem) {
|
|
9779
10124
|
.pf-v6-c-avatar.pf-m-lg {
|
|
9780
10125
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height));
|
|
@@ -9802,7 +10147,6 @@
|
|
|
9802
10147
|
}
|
|
9803
10148
|
.pf-v6-c-avatar.pf-m-xl {
|
|
9804
10149
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width);
|
|
9805
|
-
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
|
|
9806
10150
|
}
|
|
9807
10151
|
@media (min-width: 36rem) {
|
|
9808
10152
|
.pf-v6-c-avatar.pf-m-xl {
|
|
@@ -9829,6 +10173,9 @@
|
|
|
9829
10173
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-2xl, var(--pf-v6-c-avatar--m-xl--Width-on-xl, var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width))))));
|
|
9830
10174
|
}
|
|
9831
10175
|
}
|
|
10176
|
+
.pf-v6-c-avatar.pf-m-xl {
|
|
10177
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
|
|
10178
|
+
}
|
|
9832
10179
|
@media (min-width: 36rem) {
|
|
9833
10180
|
.pf-v6-c-avatar.pf-m-xl {
|
|
9834
10181
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height));
|
|
@@ -9886,6 +10233,12 @@
|
|
|
9886
10233
|
|
|
9887
10234
|
.pf-v6-c-background-image {
|
|
9888
10235
|
--pf-v6-c-background-image--BackgroundPosition: bottom right;
|
|
10236
|
+
}
|
|
10237
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
|
|
10238
|
+
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
10239
|
+
}
|
|
10240
|
+
|
|
10241
|
+
.pf-v6-c-background-image {
|
|
9889
10242
|
position: fixed;
|
|
9890
10243
|
inset-block-start: 0;
|
|
9891
10244
|
inset-inline-start: 0;
|
|
@@ -9898,9 +10251,6 @@
|
|
|
9898
10251
|
background-position: var(--pf-v6-c-background-image--BackgroundPosition);
|
|
9899
10252
|
background-size: var(--pf-v6-c-background-image--BackgroundSize);
|
|
9900
10253
|
}
|
|
9901
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
|
|
9902
|
-
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
9903
|
-
}
|
|
9904
10254
|
|
|
9905
10255
|
.pf-v6-c-back-to-top {
|
|
9906
10256
|
--pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
@@ -10018,6 +10368,14 @@
|
|
|
10018
10368
|
--pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
10019
10369
|
--pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10020
10370
|
--pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
10371
|
+
}
|
|
10372
|
+
@media (min-width: 48rem) {
|
|
10373
|
+
.pf-v6-c-banner {
|
|
10374
|
+
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
|
|
10375
|
+
--pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
|
|
10376
|
+
}
|
|
10377
|
+
}
|
|
10378
|
+
.pf-v6-c-banner {
|
|
10021
10379
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
10022
10380
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
10023
10381
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
@@ -10051,12 +10409,6 @@
|
|
|
10051
10409
|
--pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
10052
10410
|
--pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
10053
10411
|
}
|
|
10054
|
-
@media (min-width: 48rem) {
|
|
10055
|
-
.pf-v6-c-banner {
|
|
10056
|
-
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
|
|
10057
|
-
--pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
|
|
10058
|
-
}
|
|
10059
|
-
}
|
|
10060
10412
|
|
|
10061
10413
|
.pf-v6-c-banner {
|
|
10062
10414
|
flex-shrink: 0;
|
|
@@ -10159,7 +10511,6 @@
|
|
|
10159
10511
|
width: var(--pf-v6-c-brand--Width--base);
|
|
10160
10512
|
height: var(--pf-v6-c-brand--Height--base);
|
|
10161
10513
|
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
|
|
10162
|
-
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
|
|
10163
10514
|
}
|
|
10164
10515
|
@media (min-width: 36rem) {
|
|
10165
10516
|
.pf-v6-c-brand {
|
|
@@ -10186,6 +10537,9 @@
|
|
|
10186
10537
|
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
|
|
10187
10538
|
}
|
|
10188
10539
|
}
|
|
10540
|
+
.pf-v6-c-brand {
|
|
10541
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
|
|
10542
|
+
}
|
|
10189
10543
|
@media (min-width: 36rem) {
|
|
10190
10544
|
.pf-v6-c-brand {
|
|
10191
10545
|
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
|
|
@@ -10266,15 +10620,16 @@
|
|
|
10266
10620
|
margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
|
|
10267
10621
|
}
|
|
10268
10622
|
|
|
10623
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
|
|
10624
|
+
scale: -1 1;
|
|
10625
|
+
}
|
|
10626
|
+
|
|
10269
10627
|
.pf-v6-c-breadcrumb__item-divider {
|
|
10270
10628
|
margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
|
|
10271
10629
|
font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
|
|
10272
10630
|
line-height: 1;
|
|
10273
10631
|
color: var(--pf-v6-c-breadcrumb__item-divider--Color);
|
|
10274
10632
|
}
|
|
10275
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
|
|
10276
|
-
scale: -1 1;
|
|
10277
|
-
}
|
|
10278
10633
|
|
|
10279
10634
|
.pf-v6-c-breadcrumb__link {
|
|
10280
10635
|
padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
|
|
@@ -10776,6 +11131,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10776
11131
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
|
|
10777
11132
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
|
|
10778
11133
|
}
|
|
11134
|
+
span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
11135
|
+
--pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
|
|
11136
|
+
--pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
|
|
11137
|
+
--pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
|
|
11138
|
+
}
|
|
11139
|
+
|
|
10779
11140
|
.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
10780
11141
|
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
|
|
10781
11142
|
--pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
|
|
@@ -10815,12 +11176,6 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10815
11176
|
background: transparent;
|
|
10816
11177
|
outline-offset: 0.125rem;
|
|
10817
11178
|
}
|
|
10818
|
-
span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
10819
|
-
--pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
|
|
10820
|
-
--pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
|
|
10821
|
-
--pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
|
|
10822
|
-
}
|
|
10823
|
-
|
|
10824
11179
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
10825
11180
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
10826
11181
|
}
|
|
@@ -11293,13 +11648,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11293
11648
|
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
11294
11649
|
}
|
|
11295
11650
|
|
|
11651
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
11652
|
+
scale: -1 1;
|
|
11653
|
+
}
|
|
11654
|
+
|
|
11296
11655
|
.pf-v6-c-calendar-month__header-nav-control {
|
|
11297
11656
|
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
11298
11657
|
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
11299
11658
|
}
|
|
11300
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
11301
|
-
scale: -1 1;
|
|
11302
|
-
}
|
|
11303
11659
|
|
|
11304
11660
|
.pf-v6-c-calendar-month__header-month {
|
|
11305
11661
|
flex-grow: 1;
|
|
@@ -11649,12 +12005,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11649
12005
|
flex-wrap: wrap;
|
|
11650
12006
|
row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
|
|
11651
12007
|
}
|
|
11652
|
-
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
11653
|
-
margin-inline-start: 0;
|
|
11654
|
-
}
|
|
11655
12008
|
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
|
|
11656
12009
|
margin-inline-end: auto;
|
|
11657
12010
|
}
|
|
12011
|
+
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
12012
|
+
margin-inline-start: 0;
|
|
12013
|
+
}
|
|
11658
12014
|
|
|
11659
12015
|
.pf-v6-c-card__header-main {
|
|
11660
12016
|
flex-grow: 1;
|
|
@@ -11668,15 +12024,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11668
12024
|
margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
|
|
11669
12025
|
}
|
|
11670
12026
|
|
|
12027
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
|
|
12028
|
+
scale: -1 1;
|
|
12029
|
+
}
|
|
12030
|
+
|
|
11671
12031
|
.pf-v6-c-card__header-toggle-icon {
|
|
11672
12032
|
display: inline-block;
|
|
11673
12033
|
transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
|
|
11674
12034
|
transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
|
|
11675
12035
|
transition-property: transform;
|
|
11676
12036
|
}
|
|
11677
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
|
|
11678
|
-
scale: -1 1;
|
|
11679
|
-
}
|
|
11680
12037
|
|
|
11681
12038
|
.pf-v6-c-card__title-text {
|
|
11682
12039
|
font-family: var(--pf-v6-c-card__title-text--FontFamily);
|
|
@@ -11942,13 +12299,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
11942
12299
|
gap: var(--pf-v6-c-clipboard-copy__group--Gap);
|
|
11943
12300
|
}
|
|
11944
12301
|
|
|
11945
|
-
.pf-v6-c-clipboard-copy__toggle-icon {
|
|
11946
|
-
transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
|
|
11947
|
-
}
|
|
11948
12302
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
|
|
11949
12303
|
scale: -1 1;
|
|
11950
12304
|
}
|
|
11951
12305
|
|
|
12306
|
+
.pf-v6-c-clipboard-copy__toggle-icon {
|
|
12307
|
+
transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
|
|
12308
|
+
}
|
|
12309
|
+
|
|
11952
12310
|
.pf-v6-c-clipboard-copy__expandable-content {
|
|
11953
12311
|
padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
|
|
11954
12312
|
padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
|
|
@@ -12119,8 +12477,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12119
12477
|
|
|
12120
12478
|
.pf-v6-c-code-editor__container {
|
|
12121
12479
|
display: flex;
|
|
12122
|
-
flex-direction: column;
|
|
12123
12480
|
flex-grow: 1;
|
|
12481
|
+
flex-direction: column;
|
|
12124
12482
|
}
|
|
12125
12483
|
|
|
12126
12484
|
.pf-v6-c-code-editor__header {
|
|
@@ -12447,23 +12805,27 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12447
12805
|
}
|
|
12448
12806
|
.pf-v6-c-compass__sidebar.pf-m-start {
|
|
12449
12807
|
translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
|
|
12450
|
-
grid-area: sidebar-start;
|
|
12451
12808
|
}
|
|
12452
12809
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-start {
|
|
12453
12810
|
translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
|
|
12454
12811
|
}
|
|
12455
12812
|
|
|
12813
|
+
.pf-v6-c-compass__sidebar.pf-m-start {
|
|
12814
|
+
grid-area: sidebar-start;
|
|
12815
|
+
}
|
|
12456
12816
|
.pf-v6-c-compass__sidebar.pf-m-start.pf-m-expanded {
|
|
12457
12817
|
margin-inline-end: var(--pf-v6-c-compass--Gap);
|
|
12458
12818
|
}
|
|
12459
12819
|
.pf-v6-c-compass__sidebar.pf-m-end {
|
|
12460
12820
|
translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
|
|
12461
|
-
grid-area: sidebar-end;
|
|
12462
12821
|
}
|
|
12463
12822
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-end {
|
|
12464
12823
|
translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
|
|
12465
12824
|
}
|
|
12466
12825
|
|
|
12826
|
+
.pf-v6-c-compass__sidebar.pf-m-end {
|
|
12827
|
+
grid-area: sidebar-end;
|
|
12828
|
+
}
|
|
12467
12829
|
.pf-v6-c-compass__sidebar.pf-m-end.pf-m-expanded {
|
|
12468
12830
|
margin-inline-start: var(--pf-v6-c-compass--Gap);
|
|
12469
12831
|
}
|
|
@@ -13272,6 +13634,14 @@ ul) {
|
|
|
13272
13634
|
--pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
13273
13635
|
--pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
13274
13636
|
--pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
13637
|
+
}
|
|
13638
|
+
@media screen and (min-width: 36rem) {
|
|
13639
|
+
.pf-v6-c-data-list {
|
|
13640
|
+
--pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
|
|
13641
|
+
--pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
|
|
13642
|
+
}
|
|
13643
|
+
}
|
|
13644
|
+
.pf-v6-c-data-list {
|
|
13275
13645
|
--pf-v6-c-data-list__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
13276
13646
|
--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
|
|
13277
13647
|
--pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
@@ -13281,6 +13651,14 @@ ul) {
|
|
|
13281
13651
|
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
|
|
13282
13652
|
--pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
13283
13653
|
--pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
13654
|
+
}
|
|
13655
|
+
@media screen and (min-width: 36rem) {
|
|
13656
|
+
.pf-v6-c-data-list {
|
|
13657
|
+
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
|
|
13658
|
+
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
|
|
13659
|
+
}
|
|
13660
|
+
}
|
|
13661
|
+
.pf-v6-c-data-list {
|
|
13284
13662
|
--pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
13285
13663
|
--pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
13286
13664
|
--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -13376,18 +13754,6 @@ ul) {
|
|
|
13376
13754
|
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
13377
13755
|
--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
13378
13756
|
}
|
|
13379
|
-
@media screen and (min-width: 36rem) {
|
|
13380
|
-
.pf-v6-c-data-list {
|
|
13381
|
-
--pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
|
|
13382
|
-
--pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
|
|
13383
|
-
}
|
|
13384
|
-
}
|
|
13385
|
-
@media screen and (min-width: 36rem) {
|
|
13386
|
-
.pf-v6-c-data-list {
|
|
13387
|
-
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
|
|
13388
|
-
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
|
|
13389
|
-
}
|
|
13390
|
-
}
|
|
13391
13757
|
|
|
13392
13758
|
.pf-v6-c-data-list {
|
|
13393
13759
|
font-size: var(--pf-v6-c-data-list--FontSize);
|
|
@@ -13550,12 +13916,6 @@ ul) {
|
|
|
13550
13916
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
13551
13917
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
13552
13918
|
display: var(--pf-v6-hidden-visible--Display);
|
|
13553
|
-
gap: var(--pf-v6-c-data-list__item-action--Gap);
|
|
13554
|
-
align-content: flex-start;
|
|
13555
|
-
align-items: flex-start;
|
|
13556
|
-
padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
|
|
13557
|
-
padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
|
|
13558
|
-
margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
|
|
13559
13919
|
}
|
|
13560
13920
|
.pf-v6-c-data-list__item-action.pf-m-hidden {
|
|
13561
13921
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -13600,6 +13960,14 @@ ul) {
|
|
|
13600
13960
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
13601
13961
|
}
|
|
13602
13962
|
}
|
|
13963
|
+
.pf-v6-c-data-list__item-action {
|
|
13964
|
+
gap: var(--pf-v6-c-data-list__item-action--Gap);
|
|
13965
|
+
align-content: flex-start;
|
|
13966
|
+
align-items: flex-start;
|
|
13967
|
+
padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
|
|
13968
|
+
padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
|
|
13969
|
+
margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
|
|
13970
|
+
}
|
|
13603
13971
|
|
|
13604
13972
|
.pf-v6-c-data-list__toggle {
|
|
13605
13973
|
margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
|
|
@@ -13607,15 +13975,16 @@ ul) {
|
|
|
13607
13975
|
margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginInlineStart);
|
|
13608
13976
|
}
|
|
13609
13977
|
|
|
13978
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
|
|
13979
|
+
scale: -1 1;
|
|
13980
|
+
}
|
|
13981
|
+
|
|
13610
13982
|
.pf-v6-c-data-list__toggle-icon {
|
|
13611
13983
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
13612
13984
|
pointer-events: none;
|
|
13613
13985
|
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
13614
13986
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
13615
13987
|
}
|
|
13616
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
|
|
13617
|
-
scale: -1 1;
|
|
13618
|
-
}
|
|
13619
13988
|
|
|
13620
13989
|
.pf-v6-c-data-list__item-content {
|
|
13621
13990
|
display: grid;
|
|
@@ -13710,6 +14079,13 @@ ul) {
|
|
|
13710
14079
|
--pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
13711
14080
|
--pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13712
14081
|
--pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
14082
|
+
}
|
|
14083
|
+
@media screen and (min-width: 36rem) {
|
|
14084
|
+
.pf-v6-c-description-list {
|
|
14085
|
+
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
|
14086
|
+
}
|
|
14087
|
+
}
|
|
14088
|
+
.pf-v6-c-description-list {
|
|
13713
14089
|
--pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
|
|
13714
14090
|
--pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
13715
14091
|
--pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
@@ -13738,11 +14114,6 @@ ul) {
|
|
|
13738
14114
|
--pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
|
|
13739
14115
|
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
13740
14116
|
}
|
|
13741
|
-
@media screen and (min-width: 36rem) {
|
|
13742
|
-
.pf-v6-c-description-list {
|
|
13743
|
-
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
|
13744
|
-
}
|
|
13745
|
-
}
|
|
13746
14117
|
@media (min-width: 36rem) {
|
|
13747
14118
|
.pf-v6-c-description-list {
|
|
13748
14119
|
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
|
|
@@ -14124,6 +14495,15 @@ ul) {
|
|
|
14124
14495
|
--pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
|
|
14125
14496
|
--pf-v6-c-dual-list-selector__list--TranslateY: 0;
|
|
14126
14497
|
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
|
14498
|
+
}
|
|
14499
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14500
|
+
.pf-v6-c-dual-list-selector {
|
|
14501
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
14502
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
14503
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
|
|
14504
|
+
}
|
|
14505
|
+
}
|
|
14506
|
+
.pf-v6-c-dual-list-selector {
|
|
14127
14507
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
14128
14508
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
14129
14509
|
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
@@ -14165,13 +14545,6 @@ ul) {
|
|
|
14165
14545
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
14166
14546
|
--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
14167
14547
|
}
|
|
14168
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14169
|
-
.pf-v6-c-dual-list-selector {
|
|
14170
|
-
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
14171
|
-
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
14172
|
-
--pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
|
|
14173
|
-
}
|
|
14174
|
-
}
|
|
14175
14548
|
|
|
14176
14549
|
.pf-v6-c-dual-list-selector {
|
|
14177
14550
|
display: grid;
|
|
@@ -14242,8 +14615,6 @@ ul) {
|
|
|
14242
14615
|
|
|
14243
14616
|
.pf-v6-c-dual-list-selector__list {
|
|
14244
14617
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
14245
|
-
display: flex;
|
|
14246
|
-
flex-direction: column;
|
|
14247
14618
|
}
|
|
14248
14619
|
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list {
|
|
14249
14620
|
--pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart: 0;
|
|
@@ -14251,16 +14622,22 @@ ul) {
|
|
|
14251
14622
|
}
|
|
14252
14623
|
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
|
|
14253
14624
|
transform: translateX(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX));
|
|
14254
|
-
position: absolute;
|
|
14255
|
-
inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
|
|
14256
14625
|
}
|
|
14257
14626
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
|
|
14258
14627
|
transform: translateX(calc(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
14259
14628
|
}
|
|
14260
14629
|
|
|
14630
|
+
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
|
|
14631
|
+
position: absolute;
|
|
14632
|
+
inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
|
|
14633
|
+
}
|
|
14261
14634
|
.pf-v6-c-dual-list-selector__list.pf-m-drag-over {
|
|
14262
14635
|
overflow-anchor: none;
|
|
14263
14636
|
}
|
|
14637
|
+
.pf-v6-c-dual-list-selector__list {
|
|
14638
|
+
display: flex;
|
|
14639
|
+
flex-direction: column;
|
|
14640
|
+
}
|
|
14264
14641
|
|
|
14265
14642
|
.pf-v6-c-dual-list-selector__list-item:focus-visible {
|
|
14266
14643
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
|
@@ -14545,11 +14922,6 @@ ul) {
|
|
|
14545
14922
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
14546
14923
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
14547
14924
|
display: var(--pf-v6-hidden-visible--Display);
|
|
14548
|
-
flex-shrink: 0;
|
|
14549
|
-
align-items: stretch;
|
|
14550
|
-
align-self: stretch;
|
|
14551
|
-
justify-content: center;
|
|
14552
|
-
border: 0;
|
|
14553
14925
|
}
|
|
14554
14926
|
.pf-v6-c-divider.pf-m-hidden {
|
|
14555
14927
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -14594,6 +14966,13 @@ ul) {
|
|
|
14594
14966
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
14595
14967
|
}
|
|
14596
14968
|
}
|
|
14969
|
+
.pf-v6-c-divider {
|
|
14970
|
+
flex-shrink: 0;
|
|
14971
|
+
align-items: stretch;
|
|
14972
|
+
align-self: stretch;
|
|
14973
|
+
justify-content: center;
|
|
14974
|
+
border: 0;
|
|
14975
|
+
}
|
|
14597
14976
|
.pf-v6-c-divider::before {
|
|
14598
14977
|
flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
|
|
14599
14978
|
content: "";
|
|
@@ -14895,6 +15274,19 @@ ul) {
|
|
|
14895
15274
|
--pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--default);
|
|
14896
15275
|
--pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
|
|
14897
15276
|
--pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
|
|
15277
|
+
}
|
|
15278
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
15279
|
+
.pf-v6-c-drawer {
|
|
15280
|
+
--pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
|
|
15281
|
+
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
|
|
15282
|
+
--pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
15283
|
+
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
15284
|
+
--pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
|
|
15285
|
+
--pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
|
|
15286
|
+
--pf-v6-c-drawer__panel--Opacity: 1;
|
|
15287
|
+
}
|
|
15288
|
+
}
|
|
15289
|
+
.pf-v6-c-drawer {
|
|
14898
15290
|
--pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
14899
15291
|
--pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
14900
15292
|
--pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -14957,6 +15349,17 @@ ul) {
|
|
|
14957
15349
|
--pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
|
|
14958
15350
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
|
|
14959
15351
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
|
|
15352
|
+
}
|
|
15353
|
+
@media screen and (min-width: 75rem) {
|
|
15354
|
+
.pf-v6-c-drawer {
|
|
15355
|
+
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
|
15356
|
+
}
|
|
15357
|
+
.pf-v6-c-drawer.pf-m-panel-bottom {
|
|
15358
|
+
--pf-v6-c-drawer__panel--MinWidth: auto;
|
|
15359
|
+
--pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
|
|
15360
|
+
}
|
|
15361
|
+
}
|
|
15362
|
+
.pf-v6-c-drawer {
|
|
14960
15363
|
--pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
|
|
14961
15364
|
--pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
|
|
14962
15365
|
--pf-v6-c-drawer__panel--BoxShadow: none;
|
|
@@ -14971,43 +15374,27 @@ ul) {
|
|
|
14971
15374
|
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
|
|
14972
15375
|
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
|
|
14973
15376
|
}
|
|
14974
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14975
|
-
.pf-v6-c-drawer {
|
|
14976
|
-
--pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
|
|
14977
|
-
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
|
|
14978
|
-
--pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
14979
|
-
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
14980
|
-
--pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
|
|
14981
|
-
--pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
|
|
14982
|
-
--pf-v6-c-drawer__panel--Opacity: 1;
|
|
14983
|
-
}
|
|
14984
|
-
}
|
|
14985
|
-
@media screen and (min-width: 75rem) {
|
|
14986
|
-
.pf-v6-c-drawer {
|
|
14987
|
-
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
|
14988
|
-
}
|
|
14989
|
-
.pf-v6-c-drawer.pf-m-panel-bottom {
|
|
14990
|
-
--pf-v6-c-drawer__panel--MinWidth: auto;
|
|
14991
|
-
--pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
|
|
14992
|
-
}
|
|
14993
|
-
}
|
|
14994
15377
|
|
|
14995
15378
|
.pf-v6-c-drawer {
|
|
14996
15379
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
|
|
14997
|
-
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
14998
|
-
display: flex;
|
|
14999
|
-
flex-direction: column;
|
|
15000
|
-
height: 100%;
|
|
15001
|
-
overflow-x: hidden;
|
|
15002
15380
|
}
|
|
15003
15381
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
|
15004
15382
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
15005
15383
|
}
|
|
15006
15384
|
|
|
15385
|
+
.pf-v6-c-drawer {
|
|
15386
|
+
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
15387
|
+
}
|
|
15007
15388
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
|
15008
15389
|
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
|
|
15009
15390
|
}
|
|
15010
15391
|
|
|
15392
|
+
.pf-v6-c-drawer {
|
|
15393
|
+
display: flex;
|
|
15394
|
+
flex-direction: column;
|
|
15395
|
+
height: 100%;
|
|
15396
|
+
overflow-x: hidden;
|
|
15397
|
+
}
|
|
15011
15398
|
.pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
|
|
15012
15399
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
|
|
15013
15400
|
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
@@ -15037,13 +15424,15 @@ ul) {
|
|
|
15037
15424
|
}
|
|
15038
15425
|
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15039
15426
|
transform: translateX(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15040
|
-
--pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
|
|
15041
|
-
visibility: visible;
|
|
15042
15427
|
}
|
|
15043
15428
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15044
15429
|
transform: translateX(calc(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)) * var(--pf-v6-global--inverse--multiplier)));
|
|
15045
15430
|
}
|
|
15046
15431
|
|
|
15432
|
+
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15433
|
+
--pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
|
|
15434
|
+
visibility: visible;
|
|
15435
|
+
}
|
|
15047
15436
|
.pf-v6-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15048
15437
|
transform: translateX(0);
|
|
15049
15438
|
}
|
|
@@ -15100,8 +15489,8 @@ ul) {
|
|
|
15100
15489
|
.pf-v6-c-drawer__panel,
|
|
15101
15490
|
.pf-v6-c-drawer__panel-main {
|
|
15102
15491
|
display: flex;
|
|
15103
|
-
flex-direction: column;
|
|
15104
15492
|
flex-shrink: 0;
|
|
15493
|
+
flex-direction: column;
|
|
15105
15494
|
overflow: auto;
|
|
15106
15495
|
}
|
|
15107
15496
|
|
|
@@ -15908,6 +16297,17 @@ ul) {
|
|
|
15908
16297
|
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
|
|
15909
16298
|
--pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
|
|
15910
16299
|
--pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
|
|
16300
|
+
}
|
|
16301
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
16302
|
+
.pf-v6-c-expandable-section {
|
|
16303
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
16304
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
16305
|
+
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
|
16306
|
+
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
|
|
16307
|
+
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
|
|
16308
|
+
}
|
|
16309
|
+
}
|
|
16310
|
+
.pf-v6-c-expandable-section {
|
|
15911
16311
|
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
|
15912
16312
|
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
15913
16313
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -15924,15 +16324,6 @@ ul) {
|
|
|
15924
16324
|
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
15925
16325
|
--pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
|
|
15926
16326
|
}
|
|
15927
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
15928
|
-
.pf-v6-c-expandable-section {
|
|
15929
|
-
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
15930
|
-
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
15931
|
-
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
|
15932
|
-
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
|
|
15933
|
-
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
|
|
15934
|
-
}
|
|
15935
|
-
}
|
|
15936
16327
|
|
|
15937
16328
|
.pf-v6-c-expandable-section {
|
|
15938
16329
|
display: flex;
|
|
@@ -15991,9 +16382,13 @@ ul) {
|
|
|
15991
16382
|
}
|
|
15992
16383
|
.pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
|
|
15993
16384
|
display: -webkit-box;
|
|
16385
|
+
overflow: hidden;
|
|
15994
16386
|
-webkit-box-orient: vertical;
|
|
15995
16387
|
-webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
|
|
15996
|
-
|
|
16388
|
+
}
|
|
16389
|
+
|
|
16390
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
16391
|
+
scale: -1 1;
|
|
15997
16392
|
}
|
|
15998
16393
|
|
|
15999
16394
|
.pf-v6-c-expandable-section__toggle-icon {
|
|
@@ -16003,10 +16398,6 @@ ul) {
|
|
|
16003
16398
|
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
16004
16399
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
16005
16400
|
}
|
|
16006
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
16007
|
-
scale: -1 1;
|
|
16008
|
-
}
|
|
16009
|
-
|
|
16010
16401
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
16011
16402
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
16012
16403
|
}
|
|
@@ -16589,8 +16980,8 @@ ul) {
|
|
|
16589
16980
|
|
|
16590
16981
|
.pf-v6-c-form__field-group-header-main {
|
|
16591
16982
|
display: flex;
|
|
16592
|
-
flex-direction: column;
|
|
16593
16983
|
flex-grow: 1;
|
|
16984
|
+
flex-direction: column;
|
|
16594
16985
|
}
|
|
16595
16986
|
|
|
16596
16987
|
.pf-v6-c-form__field-group-header-title {
|
|
@@ -16831,8 +17222,8 @@ ul) {
|
|
|
16831
17222
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
|
|
16832
17223
|
}
|
|
16833
17224
|
.pf-v6-c-form-control.pf-m-textarea > textarea {
|
|
16834
|
-
outline-offset: 0;
|
|
16835
17225
|
scrollbar-gutter: stable;
|
|
17226
|
+
outline-offset: 0;
|
|
16836
17227
|
}
|
|
16837
17228
|
.pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
|
|
16838
17229
|
padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
|
|
@@ -17975,6 +18366,10 @@ label.pf-v6-c-input-group__text {
|
|
|
17975
18366
|
margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
|
|
17976
18367
|
}
|
|
17977
18368
|
|
|
18369
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
18370
|
+
scale: -1 1;
|
|
18371
|
+
}
|
|
18372
|
+
|
|
17978
18373
|
.pf-v6-c-jump-links__toggle-icon {
|
|
17979
18374
|
display: inline-block;
|
|
17980
18375
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
@@ -17983,9 +18378,6 @@ label.pf-v6-c-input-group__text {
|
|
|
17983
18378
|
transition-property: transform;
|
|
17984
18379
|
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
17985
18380
|
}
|
|
17986
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
17987
|
-
scale: -1 1;
|
|
17988
|
-
}
|
|
17989
18381
|
|
|
17990
18382
|
.pf-v6-c-label {
|
|
17991
18383
|
--pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -18482,6 +18874,10 @@ input.pf-v6-c-label__content {
|
|
|
18482
18874
|
.pf-v6-c-label__actions {
|
|
18483
18875
|
margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
|
|
18484
18876
|
}
|
|
18877
|
+
.pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
|
|
18878
|
+
--pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
|
|
18879
|
+
}
|
|
18880
|
+
|
|
18485
18881
|
.pf-v6-c-label__actions .pf-v6-c-button {
|
|
18486
18882
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
|
|
18487
18883
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
|
|
@@ -18492,9 +18888,6 @@ input.pf-v6-c-label__content {
|
|
|
18492
18888
|
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
|
18493
18889
|
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
18494
18890
|
}
|
|
18495
|
-
.pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
|
|
18496
|
-
--pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
|
|
18497
|
-
}
|
|
18498
18891
|
|
|
18499
18892
|
.pf-v6-c-label-group {
|
|
18500
18893
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -18635,9 +19028,9 @@ input.pf-v6-c-label__content {
|
|
|
18635
19028
|
padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
|
|
18636
19029
|
white-space: nowrap;
|
|
18637
19030
|
resize: none;
|
|
18638
|
-
border: 0;
|
|
18639
|
-
-ms-overflow-style: none;
|
|
18640
19031
|
scrollbar-width: none;
|
|
19032
|
+
-ms-overflow-style: none;
|
|
19033
|
+
border: 0;
|
|
18641
19034
|
}
|
|
18642
19035
|
.pf-v6-c-label-group__textarea::-webkit-scrollbar {
|
|
18643
19036
|
display: none;
|
|
@@ -18723,18 +19116,48 @@ ul.pf-v6-c-list {
|
|
|
18723
19116
|
--pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
|
|
18724
19117
|
--pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
|
|
18725
19118
|
--pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
|
|
19119
|
+
}
|
|
19120
|
+
@media (min-width: 75rem) {
|
|
19121
|
+
.pf-v6-c-login {
|
|
19122
|
+
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
19123
|
+
}
|
|
19124
|
+
}
|
|
19125
|
+
.pf-v6-c-login {
|
|
18726
19126
|
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
18727
19127
|
--pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18728
19128
|
--pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
19129
|
+
}
|
|
19130
|
+
@media (min-width: 36rem) {
|
|
19131
|
+
.pf-v6-c-login {
|
|
19132
|
+
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
19133
|
+
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
19134
|
+
}
|
|
19135
|
+
}
|
|
19136
|
+
.pf-v6-c-login {
|
|
18729
19137
|
--pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
18730
19138
|
--pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
|
|
18731
19139
|
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
18732
19140
|
--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
19141
|
+
}
|
|
19142
|
+
@media (min-width: 75rem) {
|
|
19143
|
+
.pf-v6-c-login {
|
|
19144
|
+
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
19145
|
+
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
19146
|
+
}
|
|
19147
|
+
}
|
|
19148
|
+
.pf-v6-c-login {
|
|
18733
19149
|
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
18734
19150
|
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
18735
19151
|
--pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
18736
19152
|
--pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
18737
19153
|
--pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
19154
|
+
}
|
|
19155
|
+
@media (min-width: 75rem) {
|
|
19156
|
+
.pf-v6-c-login {
|
|
19157
|
+
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
19158
|
+
}
|
|
19159
|
+
}
|
|
19160
|
+
.pf-v6-c-login {
|
|
18738
19161
|
--pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
18739
19162
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
18740
19163
|
--pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -18746,11 +19169,28 @@ ul.pf-v6-c-list {
|
|
|
18746
19169
|
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18747
19170
|
--pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
|
|
18748
19171
|
--pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
|
|
19172
|
+
}
|
|
19173
|
+
@media (min-width: 48rem) {
|
|
19174
|
+
.pf-v6-c-login {
|
|
19175
|
+
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
19176
|
+
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
19177
|
+
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
|
|
19178
|
+
}
|
|
19179
|
+
}
|
|
19180
|
+
.pf-v6-c-login {
|
|
18749
19181
|
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
18750
19182
|
--pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
18751
19183
|
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
18752
19184
|
--pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
18753
19185
|
--pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
|
|
19186
|
+
}
|
|
19187
|
+
@media (min-width: 48rem) {
|
|
19188
|
+
.pf-v6-c-login {
|
|
19189
|
+
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
19190
|
+
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
19191
|
+
}
|
|
19192
|
+
}
|
|
19193
|
+
.pf-v6-c-login {
|
|
18754
19194
|
--pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
18755
19195
|
--pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
18756
19196
|
--pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -18768,43 +19208,6 @@ ul.pf-v6-c-list {
|
|
|
18768
19208
|
--pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18769
19209
|
--pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18770
19210
|
--pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
18771
|
-
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18772
|
-
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
18773
|
-
}
|
|
18774
|
-
@media (min-width: 75rem) {
|
|
18775
|
-
.pf-v6-c-login {
|
|
18776
|
-
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
18777
|
-
}
|
|
18778
|
-
}
|
|
18779
|
-
@media (min-width: 36rem) {
|
|
18780
|
-
.pf-v6-c-login {
|
|
18781
|
-
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
18782
|
-
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
18783
|
-
}
|
|
18784
|
-
}
|
|
18785
|
-
@media (min-width: 75rem) {
|
|
18786
|
-
.pf-v6-c-login {
|
|
18787
|
-
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
18788
|
-
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
18789
|
-
}
|
|
18790
|
-
}
|
|
18791
|
-
@media (min-width: 75rem) {
|
|
18792
|
-
.pf-v6-c-login {
|
|
18793
|
-
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
18794
|
-
}
|
|
18795
|
-
}
|
|
18796
|
-
@media (min-width: 48rem) {
|
|
18797
|
-
.pf-v6-c-login {
|
|
18798
|
-
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
18799
|
-
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
18800
|
-
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
|
|
18801
|
-
}
|
|
18802
|
-
}
|
|
18803
|
-
@media (min-width: 48rem) {
|
|
18804
|
-
.pf-v6-c-login {
|
|
18805
|
-
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
18806
|
-
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
18807
|
-
}
|
|
18808
19211
|
}
|
|
18809
19212
|
@media (min-width: 36rem) {
|
|
18810
19213
|
.pf-v6-c-login {
|
|
@@ -18812,6 +19215,10 @@ ul.pf-v6-c-list {
|
|
|
18812
19215
|
--pf-v6-c-login__footer--PaddingInlineStart: 0;
|
|
18813
19216
|
}
|
|
18814
19217
|
}
|
|
19218
|
+
.pf-v6-c-login {
|
|
19219
|
+
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19220
|
+
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
19221
|
+
}
|
|
18815
19222
|
@media (min-width: 75rem) {
|
|
18816
19223
|
.pf-v6-c-login {
|
|
18817
19224
|
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
|
|
@@ -19022,6 +19429,11 @@ ul.pf-v6-c-list {
|
|
|
19022
19429
|
--pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
|
|
19023
19430
|
}
|
|
19024
19431
|
|
|
19432
|
+
.pf-v6-c-masthead .pf-v6-c-toolbar {
|
|
19433
|
+
--pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
|
|
19434
|
+
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
19435
|
+
--pf-v6-c-toolbar__content--MinWidth: 0;
|
|
19436
|
+
}
|
|
19025
19437
|
.pf-v6-c-masthead {
|
|
19026
19438
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
19027
19439
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
@@ -19035,23 +19447,6 @@ ul.pf-v6-c-list {
|
|
|
19035
19447
|
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
19036
19448
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
19037
19449
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
19038
|
-
display: grid;
|
|
19039
|
-
grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
|
|
19040
|
-
grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
|
|
19041
|
-
row-gap: var(--pf-v6-c-masthead--RowGap);
|
|
19042
|
-
column-gap: var(--pf-v6-c-masthead--ColumnGap);
|
|
19043
|
-
align-items: start;
|
|
19044
|
-
min-width: 0;
|
|
19045
|
-
padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19046
|
-
padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19047
|
-
padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
|
|
19048
|
-
padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
|
|
19049
|
-
background-color: var(--pf-v6-c-masthead--BackgroundColor);
|
|
19050
|
-
}
|
|
19051
|
-
.pf-v6-c-masthead .pf-v6-c-toolbar {
|
|
19052
|
-
--pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
|
|
19053
|
-
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
19054
|
-
--pf-v6-c-toolbar__content--MinWidth: 0;
|
|
19055
19450
|
}
|
|
19056
19451
|
@media screen and (min-width: 48rem) {
|
|
19057
19452
|
:where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
|
|
@@ -19069,6 +19464,20 @@ ul.pf-v6-c-list {
|
|
|
19069
19464
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
19070
19465
|
}
|
|
19071
19466
|
}
|
|
19467
|
+
.pf-v6-c-masthead {
|
|
19468
|
+
display: grid;
|
|
19469
|
+
grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
|
|
19470
|
+
grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
|
|
19471
|
+
row-gap: var(--pf-v6-c-masthead--RowGap);
|
|
19472
|
+
column-gap: var(--pf-v6-c-masthead--ColumnGap);
|
|
19473
|
+
align-items: start;
|
|
19474
|
+
min-width: 0;
|
|
19475
|
+
padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19476
|
+
padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19477
|
+
padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
|
|
19478
|
+
padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
|
|
19479
|
+
background-color: var(--pf-v6-c-masthead--BackgroundColor);
|
|
19480
|
+
}
|
|
19072
19481
|
.pf-v6-c-masthead.pf-m-docked {
|
|
19073
19482
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
19074
19483
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
@@ -19103,8 +19512,8 @@ ul.pf-v6-c-list {
|
|
|
19103
19512
|
backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
|
|
19104
19513
|
}
|
|
19105
19514
|
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
|
|
19106
|
-
flex-direction: column;
|
|
19107
19515
|
flex-grow: 1;
|
|
19516
|
+
flex-direction: column;
|
|
19108
19517
|
align-self: revert;
|
|
19109
19518
|
}
|
|
19110
19519
|
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
|
|
@@ -19574,6 +19983,13 @@ ul.pf-v6-c-list {
|
|
|
19574
19983
|
--pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
19575
19984
|
--pf-v6-c-menu--TransitionDuration: 0s;
|
|
19576
19985
|
--pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
19986
|
+
}
|
|
19987
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
19988
|
+
.pf-v6-c-menu {
|
|
19989
|
+
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
19990
|
+
}
|
|
19991
|
+
}
|
|
19992
|
+
.pf-v6-c-menu {
|
|
19577
19993
|
--pf-v6-c-menu--m-plain--BoxShadow: none;
|
|
19578
19994
|
--pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
|
|
19579
19995
|
--pf-v6-c-menu__content--Height: auto;
|
|
@@ -19653,33 +20069,34 @@ ul.pf-v6-c-list {
|
|
|
19653
20069
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19654
20070
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19655
20071
|
--pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
|
|
19656
|
-
--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
|
|
19657
|
-
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
|
|
19658
|
-
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
19659
|
-
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
|
|
19660
|
-
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
19661
|
-
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
|
|
19662
|
-
}
|
|
19663
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
19664
|
-
.pf-v6-c-menu {
|
|
19665
|
-
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
19666
|
-
}
|
|
19667
20072
|
}
|
|
19668
20073
|
@media (prefers-reduced-motion: no-preference) {
|
|
19669
20074
|
.pf-v6-c-menu {
|
|
19670
20075
|
--pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
|
|
19671
20076
|
}
|
|
19672
20077
|
}
|
|
20078
|
+
.pf-v6-c-menu {
|
|
20079
|
+
--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
|
|
20080
|
+
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
|
|
20081
|
+
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
20082
|
+
}
|
|
19673
20083
|
@media (prefers-reduced-motion: no-preference) {
|
|
19674
20084
|
.pf-v6-c-menu {
|
|
19675
20085
|
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19676
20086
|
}
|
|
19677
20087
|
}
|
|
20088
|
+
.pf-v6-c-menu {
|
|
20089
|
+
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
|
|
20090
|
+
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
20091
|
+
}
|
|
19678
20092
|
@media (prefers-reduced-motion: no-preference) {
|
|
19679
20093
|
.pf-v6-c-menu {
|
|
19680
20094
|
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19681
20095
|
}
|
|
19682
20096
|
}
|
|
20097
|
+
.pf-v6-c-menu {
|
|
20098
|
+
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
|
|
20099
|
+
}
|
|
19683
20100
|
|
|
19684
20101
|
.pf-v6-c-menu__content,
|
|
19685
20102
|
.pf-v6-c-menu__list-item,
|
|
@@ -20137,13 +20554,14 @@ ul.pf-v6-c-list {
|
|
|
20137
20554
|
--pf-v6-c-check__input--TranslateY: none;
|
|
20138
20555
|
}
|
|
20139
20556
|
|
|
20140
|
-
.pf-v6-c-menu__item-toggle-icon {
|
|
20141
|
-
color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
|
|
20142
|
-
}
|
|
20143
20557
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
|
|
20144
20558
|
scale: -1 1;
|
|
20145
20559
|
}
|
|
20146
20560
|
|
|
20561
|
+
.pf-v6-c-menu__item-toggle-icon {
|
|
20562
|
+
color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
|
|
20563
|
+
}
|
|
20564
|
+
|
|
20147
20565
|
.pf-v6-c-menu__item-icon {
|
|
20148
20566
|
color: var(--pf-v6-c-menu__item--icon--Color, inherit);
|
|
20149
20567
|
}
|
|
@@ -20734,6 +21152,13 @@ ul.pf-v6-c-list {
|
|
|
20734
21152
|
--pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
20735
21153
|
--pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
20736
21154
|
--pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
21155
|
+
}
|
|
21156
|
+
@media (min-width: 75rem) {
|
|
21157
|
+
.pf-v6-c-modal-box {
|
|
21158
|
+
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
|
21159
|
+
}
|
|
21160
|
+
}
|
|
21161
|
+
.pf-v6-c-modal-box {
|
|
20737
21162
|
--pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
20738
21163
|
--pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20739
21164
|
--pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -20765,11 +21190,6 @@ ul.pf-v6-c-list {
|
|
|
20765
21190
|
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
20766
21191
|
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
|
|
20767
21192
|
}
|
|
20768
|
-
@media (min-width: 75rem) {
|
|
20769
|
-
.pf-v6-c-modal-box {
|
|
20770
|
-
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
|
20771
|
-
}
|
|
20772
|
-
}
|
|
20773
21193
|
|
|
20774
21194
|
.pf-v6-c-modal-box {
|
|
20775
21195
|
position: relative;
|
|
@@ -20831,8 +21251,8 @@ ul.pf-v6-c-list {
|
|
|
20831
21251
|
|
|
20832
21252
|
.pf-v6-c-modal-box__header {
|
|
20833
21253
|
display: flex;
|
|
20834
|
-
flex-direction: column;
|
|
20835
21254
|
flex-shrink: 0;
|
|
21255
|
+
flex-direction: column;
|
|
20836
21256
|
gap: var(--pf-v6-c-modal-box__header--Gap);
|
|
20837
21257
|
padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
|
|
20838
21258
|
padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
|
|
@@ -20849,8 +21269,8 @@ ul.pf-v6-c-list {
|
|
|
20849
21269
|
|
|
20850
21270
|
.pf-v6-c-modal-box__header-main {
|
|
20851
21271
|
display: flex;
|
|
20852
|
-
flex-direction: column;
|
|
20853
21272
|
flex-grow: 1;
|
|
21273
|
+
flex-direction: column;
|
|
20854
21274
|
gap: var(--pf-v6-c-modal-box__header-main--Gap);
|
|
20855
21275
|
min-width: 0;
|
|
20856
21276
|
padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
|
|
@@ -21204,6 +21624,15 @@ ul.pf-v6-c-list {
|
|
|
21204
21624
|
--pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
|
|
21205
21625
|
--pf-v6-c-nav__subnav--TranslateY: 0;
|
|
21206
21626
|
--pf-v6-c-nav__subnav--hidden--TranslateY: 0;
|
|
21627
|
+
}
|
|
21628
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
21629
|
+
.pf-v6-c-nav {
|
|
21630
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
21631
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
21632
|
+
--pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
|
|
21633
|
+
}
|
|
21634
|
+
}
|
|
21635
|
+
.pf-v6-c-nav {
|
|
21207
21636
|
--pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
|
|
21208
21637
|
--pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
21209
21638
|
--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -21239,13 +21668,6 @@ ul.pf-v6-c-list {
|
|
|
21239
21668
|
--pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
21240
21669
|
--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
21241
21670
|
}
|
|
21242
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
21243
|
-
.pf-v6-c-nav {
|
|
21244
|
-
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
21245
|
-
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
21246
|
-
--pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
|
|
21247
|
-
}
|
|
21248
|
-
}
|
|
21249
21671
|
|
|
21250
21672
|
.pf-v6-c-nav,
|
|
21251
21673
|
.pf-v6-c-nav__section,
|
|
@@ -21530,12 +21952,14 @@ ul.pf-v6-c-list {
|
|
|
21530
21952
|
scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
|
|
21531
21953
|
scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
|
|
21532
21954
|
-webkit-overflow-scrolling: touch;
|
|
21533
|
-
scrollbar-width: none;
|
|
21534
|
-
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
21535
21955
|
}
|
|
21536
21956
|
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
|
|
21537
21957
|
display: none;
|
|
21538
21958
|
}
|
|
21959
|
+
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
|
|
21960
|
+
scrollbar-width: none;
|
|
21961
|
+
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
21962
|
+
}
|
|
21539
21963
|
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
|
|
21540
21964
|
outline-offset: var(--pf-v6-c-nav--OutlineOffset);
|
|
21541
21965
|
}
|
|
@@ -21750,9 +22174,9 @@ ul.pf-v6-c-list {
|
|
|
21750
22174
|
}
|
|
21751
22175
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
21752
22176
|
display: -webkit-box;
|
|
22177
|
+
overflow: hidden;
|
|
21753
22178
|
-webkit-box-orient: vertical;
|
|
21754
22179
|
-webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
|
|
21755
|
-
overflow: hidden;
|
|
21756
22180
|
}
|
|
21757
22181
|
|
|
21758
22182
|
.pf-v6-c-notification-drawer__list-item-action {
|
|
@@ -21806,9 +22230,9 @@ ul.pf-v6-c-list {
|
|
|
21806
22230
|
|
|
21807
22231
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
21808
22232
|
display: -webkit-box;
|
|
22233
|
+
overflow: hidden;
|
|
21809
22234
|
-webkit-box-orient: vertical;
|
|
21810
22235
|
-webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
|
|
21811
|
-
overflow: hidden;
|
|
21812
22236
|
flex: 1;
|
|
21813
22237
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
21814
22238
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
@@ -21821,15 +22245,15 @@ ul.pf-v6-c-list {
|
|
|
21821
22245
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
|
|
21822
22246
|
}
|
|
21823
22247
|
|
|
22248
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
22249
|
+
scale: -1 1;
|
|
22250
|
+
}
|
|
22251
|
+
|
|
21824
22252
|
.pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21825
22253
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
|
|
21826
22254
|
color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
|
|
21827
22255
|
transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
|
|
21828
22256
|
}
|
|
21829
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21830
|
-
scale: -1 1;
|
|
21831
|
-
}
|
|
21832
|
-
|
|
21833
22257
|
.pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21834
22258
|
transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
21835
22259
|
}
|
|
@@ -21898,6 +22322,15 @@ ul.pf-v6-c-list {
|
|
|
21898
22322
|
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
21899
22323
|
--pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21900
22324
|
--pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
22325
|
+
}
|
|
22326
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
22327
|
+
.pf-v6-c-page {
|
|
22328
|
+
--pf-v6-c-page__sidebar--Opacity: 1;
|
|
22329
|
+
--pf-v6-c-page__sidebar--TransitionProperty: transform;
|
|
22330
|
+
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
22331
|
+
}
|
|
22332
|
+
}
|
|
22333
|
+
.pf-v6-c-page {
|
|
21901
22334
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
21902
22335
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
21903
22336
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -21913,6 +22346,15 @@ ul.pf-v6-c-list {
|
|
|
21913
22346
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
|
21914
22347
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
21915
22348
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
22349
|
+
}
|
|
22350
|
+
@media screen and (min-width: 75rem) {
|
|
22351
|
+
.pf-v6-c-page {
|
|
22352
|
+
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
22353
|
+
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
22354
|
+
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
22355
|
+
}
|
|
22356
|
+
}
|
|
22357
|
+
.pf-v6-c-page {
|
|
21916
22358
|
--pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
|
|
21917
22359
|
--pf-v6-c-page__main-container--GridArea: main;
|
|
21918
22360
|
--pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
|
|
@@ -21935,6 +22377,17 @@ ul.pf-v6-c-list {
|
|
|
21935
22377
|
--pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
|
|
21936
22378
|
--pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
|
|
21937
22379
|
--pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
|
|
22380
|
+
}
|
|
22381
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
22382
|
+
.pf-v6-c-page {
|
|
22383
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
22384
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
22385
|
+
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
|
22386
|
+
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
|
22387
|
+
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
|
22388
|
+
}
|
|
22389
|
+
}
|
|
22390
|
+
.pf-v6-c-page {
|
|
21938
22391
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
21939
22392
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
21940
22393
|
--pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -21987,29 +22440,6 @@ ul.pf-v6-c-list {
|
|
|
21987
22440
|
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
21988
22441
|
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
21989
22442
|
}
|
|
21990
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
21991
|
-
.pf-v6-c-page {
|
|
21992
|
-
--pf-v6-c-page__sidebar--Opacity: 1;
|
|
21993
|
-
--pf-v6-c-page__sidebar--TransitionProperty: transform;
|
|
21994
|
-
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
21995
|
-
}
|
|
21996
|
-
}
|
|
21997
|
-
@media screen and (min-width: 75rem) {
|
|
21998
|
-
.pf-v6-c-page {
|
|
21999
|
-
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
22000
|
-
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
22001
|
-
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
22002
|
-
}
|
|
22003
|
-
}
|
|
22004
|
-
@media screen and (max-width: calc(48rem - 1px)) {
|
|
22005
|
-
.pf-v6-c-page {
|
|
22006
|
-
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
22007
|
-
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
22008
|
-
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
|
22009
|
-
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
|
22010
|
-
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
|
22011
|
-
}
|
|
22012
|
-
}
|
|
22013
22443
|
|
|
22014
22444
|
.pf-v6-c-page {
|
|
22015
22445
|
display: grid;
|
|
@@ -22084,15 +22514,15 @@ ul.pf-v6-c-list {
|
|
|
22084
22514
|
}
|
|
22085
22515
|
}
|
|
22086
22516
|
|
|
22087
|
-
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
22088
|
-
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
22089
|
-
grid-area: header;
|
|
22090
|
-
}
|
|
22091
22517
|
@media (min-width: 75rem) {
|
|
22092
22518
|
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
22093
22519
|
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
|
|
22094
22520
|
}
|
|
22095
22521
|
}
|
|
22522
|
+
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
22523
|
+
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
22524
|
+
grid-area: header;
|
|
22525
|
+
}
|
|
22096
22526
|
|
|
22097
22527
|
.pf-v6-c-page__dock {
|
|
22098
22528
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
@@ -22209,8 +22639,8 @@ ul.pf-v6-c-list {
|
|
|
22209
22639
|
.pf-v6-c-page__main-group,
|
|
22210
22640
|
.pf-v6-c-page__main-subnav {
|
|
22211
22641
|
display: flex;
|
|
22212
|
-
flex-direction: column;
|
|
22213
22642
|
flex-shrink: 0;
|
|
22643
|
+
flex-direction: column;
|
|
22214
22644
|
}
|
|
22215
22645
|
.pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
|
|
22216
22646
|
.pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
|
|
@@ -22454,8 +22884,8 @@ ul.pf-v6-c-list {
|
|
|
22454
22884
|
.pf-v6-c-page__main-drawer,
|
|
22455
22885
|
.pf-v6-c-page__main-group {
|
|
22456
22886
|
display: flex;
|
|
22457
|
-
flex-direction: column;
|
|
22458
22887
|
flex-grow: 1;
|
|
22888
|
+
flex-direction: column;
|
|
22459
22889
|
}
|
|
22460
22890
|
|
|
22461
22891
|
.pf-v6-c-page__main {
|
|
@@ -24369,8 +24799,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24369
24799
|
position: var(--pf-v6-c-sidebar__panel--Position);
|
|
24370
24800
|
inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
|
|
24371
24801
|
z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
|
|
24372
|
-
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
24373
24802
|
flex-shrink: 0;
|
|
24803
|
+
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
24374
24804
|
order: var(--pf-v6-c-sidebar__panel--Order);
|
|
24375
24805
|
padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
|
|
24376
24806
|
padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
|
|
@@ -24667,7 +25097,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24667
25097
|
--pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
|
|
24668
25098
|
--pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
|
|
24669
25099
|
--pf-v6-c-skeleton--before--Height: auto;
|
|
24670
|
-
--pf-v6-c-skeleton--before--Content: "
|
|
25100
|
+
--pf-v6-c-skeleton--before--Content: "\00a0";
|
|
24671
25101
|
--pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
|
|
24672
25102
|
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
24673
25103
|
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
@@ -24678,6 +25108,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24678
25108
|
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
24679
25109
|
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
24680
25110
|
--pf-v6-c-skeleton--after--AnimationDelay: .5s;
|
|
25111
|
+
}
|
|
25112
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
25113
|
+
.pf-v6-c-skeleton {
|
|
25114
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
25115
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
25116
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
25117
|
+
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
25118
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
25119
|
+
}
|
|
25120
|
+
}
|
|
25121
|
+
.pf-v6-c-skeleton {
|
|
24681
25122
|
--pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
24682
25123
|
--pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
|
|
24683
25124
|
--pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
|
|
@@ -24705,15 +25146,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24705
25146
|
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
24706
25147
|
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
24707
25148
|
}
|
|
24708
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
24709
|
-
.pf-v6-c-skeleton {
|
|
24710
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
24711
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
24712
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
24713
|
-
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
24714
|
-
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
24715
|
-
}
|
|
24716
|
-
}
|
|
24717
25149
|
|
|
24718
25150
|
.pf-v6-c-skeleton {
|
|
24719
25151
|
position: relative;
|
|
@@ -24730,6 +25162,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24730
25162
|
padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
|
|
24731
25163
|
content: var(--pf-v6-c-skeleton--before--Content);
|
|
24732
25164
|
}
|
|
25165
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
25166
|
+
scale: -1 1;
|
|
25167
|
+
}
|
|
25168
|
+
|
|
24733
25169
|
.pf-v6-c-skeleton::after {
|
|
24734
25170
|
position: absolute;
|
|
24735
25171
|
inset: 0;
|
|
@@ -24739,10 +25175,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24739
25175
|
transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
|
|
24740
25176
|
animation: var(--pf-v6-c-skeleton--after--AnimationName) var(--pf-v6-c-skeleton--after--AnimationDuration) var(--pf-v6-c-skeleton--after--AnimationTimingFunction) var(--pf-v6-c-skeleton--after--AnimationDelay) var(--pf-v6-c-skeleton--after--AnimationIterationCount);
|
|
24741
25177
|
}
|
|
24742
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
24743
|
-
scale: -1 1;
|
|
24744
|
-
}
|
|
24745
|
-
|
|
24746
25178
|
.pf-v6-c-skeleton.pf-m-circle {
|
|
24747
25179
|
--pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
|
|
24748
25180
|
}
|
|
@@ -24930,12 +25362,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24930
25362
|
|
|
24931
25363
|
.pf-v6-c-slider {
|
|
24932
25364
|
--pf-v6-c-slider__rail-track--before--fill--direction: right;
|
|
24933
|
-
display: flex;
|
|
24934
25365
|
}
|
|
24935
25366
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
|
|
24936
25367
|
--pf-v6-c-slider__rail-track--before--fill--direction: left;
|
|
24937
25368
|
}
|
|
24938
25369
|
|
|
25370
|
+
.pf-v6-c-slider {
|
|
25371
|
+
display: flex;
|
|
25372
|
+
}
|
|
24939
25373
|
.pf-v6-c-slider.pf-m-disabled {
|
|
24940
25374
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
|
|
24941
25375
|
--pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
|
|
@@ -24998,6 +25432,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24998
25432
|
|
|
24999
25433
|
.pf-v6-c-slider__step-tick {
|
|
25000
25434
|
transform: translateX(var(--pf-v6-c-slider__step-tick--TranslateX));
|
|
25435
|
+
}
|
|
25436
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
25437
|
+
transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
25438
|
+
}
|
|
25439
|
+
|
|
25440
|
+
.pf-v6-c-slider__step-tick {
|
|
25001
25441
|
position: absolute;
|
|
25002
25442
|
inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
|
|
25003
25443
|
inset-inline-start: 0;
|
|
@@ -25007,22 +25447,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25007
25447
|
border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
|
|
25008
25448
|
border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
|
|
25009
25449
|
}
|
|
25010
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
25011
|
-
transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
25012
|
-
}
|
|
25013
25450
|
|
|
25014
25451
|
.pf-v6-c-slider__step-label {
|
|
25015
25452
|
transform: translateX(var(--pf-v6-c-slider__step-label--TranslateX));
|
|
25016
|
-
position: absolute;
|
|
25017
|
-
inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
|
|
25018
|
-
word-break: normal;
|
|
25019
25453
|
}
|
|
25020
25454
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
|
|
25021
25455
|
transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
25022
25456
|
}
|
|
25023
25457
|
|
|
25458
|
+
.pf-v6-c-slider__step-label {
|
|
25459
|
+
position: absolute;
|
|
25460
|
+
inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
|
|
25461
|
+
word-break: normal;
|
|
25462
|
+
}
|
|
25463
|
+
|
|
25024
25464
|
.pf-v6-c-slider__thumb {
|
|
25025
25465
|
transform: translate(var(--pf-v6-c-slider__thumb--TranslateX), var(--pf-v6-c-slider__thumb--TranslateY));
|
|
25466
|
+
}
|
|
25467
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
|
|
25468
|
+
transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
|
|
25469
|
+
}
|
|
25470
|
+
|
|
25471
|
+
.pf-v6-c-slider__thumb {
|
|
25026
25472
|
position: absolute;
|
|
25027
25473
|
inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
|
|
25028
25474
|
inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
|
|
@@ -25034,12 +25480,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25034
25480
|
border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
|
|
25035
25481
|
box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
|
|
25036
25482
|
}
|
|
25037
|
-
|
|
25038
|
-
transform: translate(
|
|
25483
|
+
.pf-v6-c-slider__thumb::before {
|
|
25484
|
+
transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
25485
|
+
}
|
|
25486
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
|
|
25487
|
+
transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
25039
25488
|
}
|
|
25040
25489
|
|
|
25041
25490
|
.pf-v6-c-slider__thumb::before {
|
|
25042
|
-
transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
25043
25491
|
position: absolute;
|
|
25044
25492
|
inset-block-start: 50%;
|
|
25045
25493
|
inset-inline-start: 50%;
|
|
@@ -25048,10 +25496,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25048
25496
|
content: "";
|
|
25049
25497
|
border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
|
|
25050
25498
|
}
|
|
25051
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
|
|
25052
|
-
transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
25053
|
-
}
|
|
25054
|
-
|
|
25055
25499
|
.pf-v6-c-slider__thumb:hover {
|
|
25056
25500
|
--pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
|
|
25057
25501
|
}
|
|
@@ -25068,16 +25512,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25068
25512
|
}
|
|
25069
25513
|
.pf-v6-c-slider__value.pf-m-floating {
|
|
25070
25514
|
transform: translate(var(--pf-v6-c-slider__value--m-floating--TranslateX), var(--pf-v6-c-slider__value--m-floating--TranslateY));
|
|
25515
|
+
}
|
|
25516
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
|
|
25517
|
+
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));
|
|
25518
|
+
}
|
|
25519
|
+
|
|
25520
|
+
.pf-v6-c-slider__value.pf-m-floating {
|
|
25071
25521
|
--pf-v6-c-slider__value--MarginInlineStart: 0;
|
|
25072
25522
|
position: absolute;
|
|
25073
25523
|
inset-block-start: 0;
|
|
25074
25524
|
inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
|
|
25075
25525
|
z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
|
|
25076
25526
|
}
|
|
25077
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
|
|
25078
|
-
transform: translate(calc(var(--pf-v6-c-slider__value--m-floating--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__value--m-floating--TranslateY));
|
|
25079
|
-
}
|
|
25080
|
-
|
|
25081
25527
|
.pf-v6-c-slider__value .pf-v6-c-form-control {
|
|
25082
25528
|
width: var(--pf-v6-c-slider__value--c-form-control--Width);
|
|
25083
25529
|
}
|
|
@@ -25255,12 +25701,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25255
25701
|
}
|
|
25256
25702
|
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
25257
25703
|
transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
|
|
25258
|
-
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
25259
25704
|
}
|
|
25260
25705
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
25261
25706
|
transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
|
|
25262
25707
|
}
|
|
25263
25708
|
|
|
25709
|
+
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
25710
|
+
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
25711
|
+
}
|
|
25264
25712
|
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
|
|
25265
25713
|
color: var(--pf-v6-c-switch__input--not-checked__label--Color);
|
|
25266
25714
|
}
|
|
@@ -27082,6 +27530,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27082
27530
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
|
27083
27531
|
--pf-v6-c-table__expandable-row--TranslateY: 0;
|
|
27084
27532
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
|
|
27533
|
+
}
|
|
27534
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
27535
|
+
.pf-v6-c-table {
|
|
27536
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
27537
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
27538
|
+
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
|
27539
|
+
}
|
|
27540
|
+
}
|
|
27541
|
+
.pf-v6-c-table {
|
|
27085
27542
|
--pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
27086
27543
|
--pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
27087
27544
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -27150,13 +27607,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27150
27607
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
27151
27608
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
27152
27609
|
}
|
|
27153
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
27154
|
-
.pf-v6-c-table {
|
|
27155
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
27156
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
27157
|
-
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
|
27158
|
-
}
|
|
27159
|
-
}
|
|
27160
27610
|
|
|
27161
27611
|
.pf-v6-c-table {
|
|
27162
27612
|
width: 100%;
|
|
@@ -27221,22 +27671,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27221
27671
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
27222
27672
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
27223
27673
|
display: var(--pf-v6-hidden-visible--Display);
|
|
27224
|
-
position: relative;
|
|
27225
|
-
width: var(--pf-v6-c-table--cell--Width);
|
|
27226
|
-
min-width: var(--pf-v6-c-table--cell--MinWidth);
|
|
27227
|
-
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
27228
|
-
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
|
27229
|
-
padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
|
|
27230
|
-
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
27231
|
-
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
27232
|
-
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
27233
|
-
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
27234
|
-
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
27235
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
27236
|
-
color: var(--pf-v6-c-table--cell--Color);
|
|
27237
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
27238
|
-
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
27239
|
-
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
27240
27674
|
}
|
|
27241
27675
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
|
|
27242
27676
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -27281,6 +27715,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27281
27715
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
27282
27716
|
}
|
|
27283
27717
|
}
|
|
27718
|
+
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
|
|
27719
|
+
position: relative;
|
|
27720
|
+
width: var(--pf-v6-c-table--cell--Width);
|
|
27721
|
+
min-width: var(--pf-v6-c-table--cell--MinWidth);
|
|
27722
|
+
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
27723
|
+
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
|
27724
|
+
padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
|
|
27725
|
+
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
27726
|
+
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
27727
|
+
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
27728
|
+
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
27729
|
+
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
27730
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
27731
|
+
color: var(--pf-v6-c-table--cell--Color);
|
|
27732
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
27733
|
+
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
27734
|
+
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
27735
|
+
}
|
|
27284
27736
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
|
27285
27737
|
padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
|
27286
27738
|
}
|
|
@@ -27637,16 +28089,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27637
28089
|
.pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
|
|
27638
28090
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
|
27639
28091
|
}
|
|
28092
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
28093
|
+
scale: -1 1;
|
|
28094
|
+
}
|
|
28095
|
+
|
|
27640
28096
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27641
28097
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
27642
28098
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
27643
28099
|
transition-property: transform;
|
|
27644
28100
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
27645
28101
|
}
|
|
27646
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27647
|
-
scale: -1 1;
|
|
27648
|
-
}
|
|
27649
|
-
|
|
27650
28102
|
.pf-v6-c-table__toggle svg {
|
|
27651
28103
|
pointer-events: none;
|
|
27652
28104
|
}
|
|
@@ -28123,13 +28575,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28123
28575
|
}
|
|
28124
28576
|
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
28125
28577
|
transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
|
|
28126
|
-
position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
|
|
28127
|
-
inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
|
|
28128
28578
|
}
|
|
28129
28579
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
28130
28580
|
transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
28131
28581
|
}
|
|
28132
28582
|
|
|
28583
|
+
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
28584
|
+
position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
|
|
28585
|
+
inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
|
|
28586
|
+
}
|
|
28133
28587
|
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
28134
28588
|
min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
|
|
28135
28589
|
}
|
|
@@ -29179,8 +29633,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29179
29633
|
}
|
|
29180
29634
|
.pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
|
|
29181
29635
|
position: relative;
|
|
29182
|
-
flex-direction: column;
|
|
29183
29636
|
flex-grow: 1;
|
|
29637
|
+
flex-direction: column;
|
|
29184
29638
|
max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
|
|
29185
29639
|
}
|
|
29186
29640
|
.pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
|
|
@@ -29345,15 +29799,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29345
29799
|
white-space: normal;
|
|
29346
29800
|
}
|
|
29347
29801
|
|
|
29802
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
29803
|
+
scale: -1 1;
|
|
29804
|
+
}
|
|
29805
|
+
|
|
29348
29806
|
.pf-v6-c-tabs__toggle-icon {
|
|
29349
29807
|
display: inline-block;
|
|
29350
29808
|
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
29351
29809
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
29352
29810
|
}
|
|
29353
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
29354
|
-
scale: -1 1;
|
|
29355
|
-
}
|
|
29356
29811
|
|
|
29812
|
+
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
29813
|
+
display: none;
|
|
29814
|
+
}
|
|
29357
29815
|
.pf-v6-c-tabs__list {
|
|
29358
29816
|
scrollbar-width: none;
|
|
29359
29817
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
@@ -29365,20 +29823,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29365
29823
|
scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
|
|
29366
29824
|
-webkit-overflow-scrolling: touch;
|
|
29367
29825
|
}
|
|
29368
|
-
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
29369
|
-
display: none;
|
|
29370
|
-
}
|
|
29371
29826
|
|
|
29372
29827
|
.pf-v6-c-tabs__item {
|
|
29373
29828
|
position: relative;
|
|
29374
29829
|
display: flex;
|
|
29375
29830
|
flex: none;
|
|
29376
29831
|
column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
|
|
29377
|
-
scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
|
|
29378
29832
|
padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
|
|
29379
29833
|
padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
|
|
29380
29834
|
padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
|
|
29381
29835
|
padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
|
|
29836
|
+
scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
|
|
29382
29837
|
background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
|
|
29383
29838
|
}
|
|
29384
29839
|
.pf-v6-c-tabs__item.pf-m-current {
|
|
@@ -29431,6 +29886,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29431
29886
|
border: 0;
|
|
29432
29887
|
}
|
|
29433
29888
|
|
|
29889
|
+
.pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
|
|
29890
|
+
--pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
|
|
29891
|
+
}
|
|
29892
|
+
|
|
29434
29893
|
.pf-v6-c-tabs__link {
|
|
29435
29894
|
display: flex;
|
|
29436
29895
|
flex: 1;
|
|
@@ -29448,10 +29907,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29448
29907
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
|
29449
29908
|
transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
|
|
29450
29909
|
}
|
|
29451
|
-
.pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
|
|
29452
|
-
--pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
|
|
29453
|
-
}
|
|
29454
|
-
|
|
29455
29910
|
.pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
|
|
29456
29911
|
pointer-events: none;
|
|
29457
29912
|
border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
|
|
@@ -29506,6 +29961,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29506
29961
|
--pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
|
|
29507
29962
|
}
|
|
29508
29963
|
|
|
29964
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
|
|
29965
|
+
scale: -1 1;
|
|
29966
|
+
}
|
|
29967
|
+
|
|
29509
29968
|
.pf-v6-c-tabs__link-toggle-icon {
|
|
29510
29969
|
align-self: end;
|
|
29511
29970
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
@@ -29513,9 +29972,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29513
29972
|
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
29514
29973
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
29515
29974
|
}
|
|
29516
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
|
|
29517
|
-
scale: -1 1;
|
|
29518
|
-
}
|
|
29519
29975
|
|
|
29520
29976
|
.pf-v6-c-tabs__item-action {
|
|
29521
29977
|
display: flex;
|
|
@@ -30533,9 +30989,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30533
30989
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
30534
30990
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
30535
30991
|
display: var(--pf-v6-hidden-visible--Display);
|
|
30536
|
-
row-gap: var(--pf-v6-c-toolbar__content--RowGap);
|
|
30537
|
-
padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
|
|
30538
|
-
padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
|
|
30539
30992
|
}
|
|
30540
30993
|
.pf-v6-c-toolbar__content.pf-m-hidden {
|
|
30541
30994
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -30580,6 +31033,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30580
31033
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
30581
31034
|
}
|
|
30582
31035
|
}
|
|
31036
|
+
.pf-v6-c-toolbar__content {
|
|
31037
|
+
row-gap: var(--pf-v6-c-toolbar__content--RowGap);
|
|
31038
|
+
padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
|
|
31039
|
+
padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
|
|
31040
|
+
}
|
|
30583
31041
|
|
|
30584
31042
|
.pf-v6-c-toolbar__content-section {
|
|
30585
31043
|
flex-wrap: wrap;
|
|
@@ -30653,11 +31111,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30653
31111
|
|
|
30654
31112
|
.pf-v6-c-toolbar__item {
|
|
30655
31113
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
|
|
30656
|
-
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
|
|
30657
|
-
row-gap: var(--pf-v6-c-toolbar__item--RowGap);
|
|
30658
|
-
column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
|
|
30659
|
-
width: var(--pf-v6-c-toolbar__item--Width--base);
|
|
30660
|
-
min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
|
|
30661
31114
|
}
|
|
30662
31115
|
@media (min-width: 36rem) {
|
|
30663
31116
|
.pf-v6-c-toolbar__item {
|
|
@@ -30684,6 +31137,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30684
31137
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
|
|
30685
31138
|
}
|
|
30686
31139
|
}
|
|
31140
|
+
.pf-v6-c-toolbar__item {
|
|
31141
|
+
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
|
|
31142
|
+
}
|
|
30687
31143
|
@media (min-width: 36rem) {
|
|
30688
31144
|
.pf-v6-c-toolbar__item {
|
|
30689
31145
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
|
|
@@ -30709,6 +31165,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30709
31165
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
|
|
30710
31166
|
}
|
|
30711
31167
|
}
|
|
31168
|
+
.pf-v6-c-toolbar__item {
|
|
31169
|
+
row-gap: var(--pf-v6-c-toolbar__item--RowGap);
|
|
31170
|
+
column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
|
|
31171
|
+
width: var(--pf-v6-c-toolbar__item--Width--base);
|
|
31172
|
+
min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
|
|
31173
|
+
}
|
|
30712
31174
|
.pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
|
|
30713
31175
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
|
|
30714
31176
|
}
|
|
@@ -32582,6 +33044,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32582
33044
|
--pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
|
|
32583
33045
|
--pf-v6-c-tree-view__list--TranslateY: 0;
|
|
32584
33046
|
--pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
|
|
33047
|
+
}
|
|
33048
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
33049
|
+
.pf-v6-c-tree-view {
|
|
33050
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
33051
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
33052
|
+
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
|
33053
|
+
}
|
|
33054
|
+
}
|
|
33055
|
+
.pf-v6-c-tree-view {
|
|
32585
33056
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
|
|
32586
33057
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
|
|
32587
33058
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
@@ -32610,6 +33081,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32610
33081
|
--pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
|
|
32611
33082
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
32612
33083
|
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
|
|
33084
|
+
--pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
33085
|
+
--pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
33086
|
+
--pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
32613
33087
|
--pf-v6-c-tree-view__node-text--max-lines: 1;
|
|
32614
33088
|
--pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
32615
33089
|
--pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -32665,6 +33139,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32665
33139
|
--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
32666
33140
|
--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
32667
33141
|
--pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
|
|
33142
|
+
--pf-v6-c-tree-view--m-compact__node-container--nested--Color: initial;
|
|
33143
|
+
--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: var(--pf-t--global--text--color--on-disabled);
|
|
33144
|
+
--pf-v6-c-tree-view--m-compact__node-icon--nested--Color: initial;
|
|
33145
|
+
--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
33146
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color: initial;
|
|
33147
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
32668
33148
|
--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
|
|
32669
33149
|
--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
|
|
32670
33150
|
--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
|
|
@@ -32674,13 +33154,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32674
33154
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
|
|
32675
33155
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart: calc(var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart) + 0.25rem);
|
|
32676
33156
|
}
|
|
32677
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
32678
|
-
.pf-v6-c-tree-view {
|
|
32679
|
-
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
32680
|
-
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
32681
|
-
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
|
32682
|
-
}
|
|
32683
|
-
}
|
|
32684
33157
|
|
|
32685
33158
|
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item {
|
|
32686
33159
|
position: relative;
|
|
@@ -32761,11 +33234,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32761
33234
|
padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
|
|
32762
33235
|
padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
|
|
32763
33236
|
padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
|
|
33237
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--Color, inherit);
|
|
32764
33238
|
background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
|
|
32765
33239
|
}
|
|
32766
33240
|
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-toggle {
|
|
32767
33241
|
margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
|
|
32768
33242
|
margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
|
|
33243
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color, inherit);
|
|
33244
|
+
}
|
|
33245
|
+
.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 {
|
|
33246
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-icon--nested--Color, inherit);
|
|
32769
33247
|
}
|
|
32770
33248
|
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
|
|
32771
33249
|
padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
|
|
@@ -32790,6 +33268,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32790
33268
|
}
|
|
32791
33269
|
.pf-v6-c-tree-view.pf-m-no-background {
|
|
32792
33270
|
--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
|
|
33271
|
+
--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: initial;
|
|
33272
|
+
--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: initial;
|
|
33273
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: initial;
|
|
33274
|
+
}
|
|
33275
|
+
|
|
33276
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
33277
|
+
scale: -1 1;
|
|
32793
33278
|
}
|
|
32794
33279
|
|
|
32795
33280
|
.pf-v6-c-tree-view__node-toggle-icon {
|
|
@@ -32799,9 +33284,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32799
33284
|
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
32800
33285
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
32801
33286
|
}
|
|
32802
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
32803
|
-
scale: -1 1;
|
|
32804
|
-
}
|
|
32805
33287
|
|
|
32806
33288
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
32807
33289
|
max-height: 0;
|
|
@@ -32865,6 +33347,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32865
33347
|
.pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
|
|
32866
33348
|
margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
|
|
32867
33349
|
}
|
|
33350
|
+
.pf-v6-c-tree-view__node.pf-m-disabled {
|
|
33351
|
+
--pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-disabled--Color);
|
|
33352
|
+
--pf-v6-c-tree-view__node-icon--Color: var(--pf-v6-c-tree-view__node-icon--m-disabled--Color);
|
|
33353
|
+
--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);
|
|
33354
|
+
--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);
|
|
33355
|
+
}
|
|
32868
33356
|
|
|
32869
33357
|
.pf-v6-c-tree-view__node-container {
|
|
32870
33358
|
display: var(--pf-v6-c-tree-view__node-container--Display);
|
|
@@ -32907,6 +33395,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32907
33395
|
transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
32908
33396
|
}
|
|
32909
33397
|
|
|
33398
|
+
.pf-v6-c-tree-view__node-toggle.pf-m-disabled {
|
|
33399
|
+
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--m-disabled--Color);
|
|
33400
|
+
}
|
|
33401
|
+
|
|
32910
33402
|
.pf-v6-c-tree-view__node-title.pf-m-truncate,
|
|
32911
33403
|
.pf-v6-c-tree-view__node-text.pf-m-truncate {
|
|
32912
33404
|
--pf-v6-c-tree-view__node-content--Overflow: hidden;
|
|
@@ -32922,6 +33414,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32922
33414
|
white-space: nowrap;
|
|
32923
33415
|
}
|
|
32924
33416
|
|
|
33417
|
+
label.pf-v6-c-tree-view__node-text {
|
|
33418
|
+
cursor: pointer;
|
|
33419
|
+
}
|
|
33420
|
+
|
|
32925
33421
|
.pf-v6-c-tree-view__node-text {
|
|
32926
33422
|
font-weight: inherit;
|
|
32927
33423
|
color: inherit;
|
|
@@ -32929,9 +33425,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32929
33425
|
background-color: transparent;
|
|
32930
33426
|
border: 0;
|
|
32931
33427
|
}
|
|
32932
|
-
label.pf-v6-c-tree-view__node-text {
|
|
32933
|
-
cursor: pointer;
|
|
32934
|
-
}
|
|
32935
33428
|
|
|
32936
33429
|
.pf-v6-c-tree-view__node-title {
|
|
32937
33430
|
font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
|
|
@@ -33160,6 +33653,15 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33160
33653
|
--pf-v6-c-wizard__nav--lg--Width: 15.625rem;
|
|
33161
33654
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
33162
33655
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
|
|
33656
|
+
}
|
|
33657
|
+
@media screen and (min-width: 62rem) {
|
|
33658
|
+
.pf-v6-c-wizard {
|
|
33659
|
+
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
33660
|
+
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
33661
|
+
--pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
|
|
33662
|
+
}
|
|
33663
|
+
}
|
|
33664
|
+
.pf-v6-c-wizard {
|
|
33163
33665
|
--pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
33164
33666
|
--pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
33165
33667
|
--pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -33184,13 +33686,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33184
33686
|
--pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
33185
33687
|
--pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
33186
33688
|
}
|
|
33187
|
-
@media screen and (min-width: 62rem) {
|
|
33188
|
-
.pf-v6-c-wizard {
|
|
33189
|
-
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
33190
|
-
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
33191
|
-
--pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
|
|
33192
|
-
}
|
|
33193
|
-
}
|
|
33194
33689
|
|
|
33195
33690
|
.pf-v6-c-wizard {
|
|
33196
33691
|
position: relative;
|
|
@@ -33326,13 +33821,14 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33326
33821
|
color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
|
|
33327
33822
|
}
|
|
33328
33823
|
|
|
33329
|
-
.pf-v6-c-wizard__toggle-separator {
|
|
33330
|
-
color: var(--pf-v6-c-wizard__toggle-separator--Color);
|
|
33331
|
-
}
|
|
33332
33824
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
|
|
33333
33825
|
scale: -1 1;
|
|
33334
33826
|
}
|
|
33335
33827
|
|
|
33828
|
+
.pf-v6-c-wizard__toggle-separator {
|
|
33829
|
+
color: var(--pf-v6-c-wizard__toggle-separator--Color);
|
|
33830
|
+
}
|
|
33831
|
+
|
|
33336
33832
|
.pf-v6-c-wizard__toggle-icon {
|
|
33337
33833
|
line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
|
|
33338
33834
|
}
|
|
@@ -33340,8 +33836,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33340
33836
|
.pf-v6-c-wizard__outer-wrap {
|
|
33341
33837
|
position: relative;
|
|
33342
33838
|
display: flex;
|
|
33343
|
-
flex-direction: column;
|
|
33344
33839
|
flex-grow: 1;
|
|
33840
|
+
flex-direction: column;
|
|
33345
33841
|
min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
|
|
33346
33842
|
background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
|
|
33347
33843
|
}
|
|
@@ -33354,8 +33850,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33354
33850
|
.pf-v6-c-wizard__inner-wrap {
|
|
33355
33851
|
position: relative;
|
|
33356
33852
|
display: flex;
|
|
33357
|
-
flex-direction: column;
|
|
33358
33853
|
flex-grow: 1;
|
|
33854
|
+
flex-direction: column;
|
|
33359
33855
|
min-height: 0;
|
|
33360
33856
|
}
|
|
33361
33857
|
@media screen and (min-width: 62rem) {
|
|
@@ -33533,6 +34029,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33533
34029
|
color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
|
|
33534
34030
|
}
|
|
33535
34031
|
|
|
34032
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|
|
34033
|
+
scale: -1 1;
|
|
34034
|
+
}
|
|
34035
|
+
|
|
33536
34036
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
33537
34037
|
display: inline-block;
|
|
33538
34038
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
@@ -33540,15 +34040,12 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
33540
34040
|
transition-property: transform;
|
|
33541
34041
|
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
33542
34042
|
}
|
|
33543
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|
|
33544
|
-
scale: -1 1;
|
|
33545
|
-
}
|
|
33546
34043
|
|
|
33547
34044
|
.pf-v6-c-wizard__main {
|
|
33548
34045
|
z-index: var(--pf-v6-c-wizard__main--ZIndex);
|
|
33549
34046
|
display: flex;
|
|
33550
|
-
flex-direction: column;
|
|
33551
34047
|
flex-grow: 1;
|
|
34048
|
+
flex-direction: column;
|
|
33552
34049
|
overflow-x: hidden;
|
|
33553
34050
|
overflow-y: auto;
|
|
33554
34051
|
word-break: break-word;
|
|
@@ -35986,12 +36483,13 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35986
36483
|
display: grid;
|
|
35987
36484
|
grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
|
|
35988
36485
|
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
35989
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
35990
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
35991
36486
|
}
|
|
35992
36487
|
.pf-v6-l-gallery.pf-m-gutter {
|
|
35993
36488
|
grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
35994
36489
|
}
|
|
36490
|
+
.pf-v6-l-gallery {
|
|
36491
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
36492
|
+
}
|
|
35995
36493
|
@media (min-width: 36rem) {
|
|
35996
36494
|
.pf-v6-l-gallery {
|
|
35997
36495
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
|
|
@@ -36017,6 +36515,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
36017
36515
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
|
|
36018
36516
|
}
|
|
36019
36517
|
}
|
|
36518
|
+
.pf-v6-l-gallery {
|
|
36519
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
36520
|
+
}
|
|
36020
36521
|
@media (min-width: 36rem) {
|
|
36021
36522
|
.pf-v6-l-gallery {
|
|
36022
36523
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
|