@patternfly/react-core 6.1.0-prerelease.12 → 6.1.0-prerelease.14
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/CHANGELOG.md +12 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/AboutModal/package.json +1 -1
- package/dist/dynamic/components/Accordion/package.json +1 -1
- package/dist/dynamic/components/ActionList/package.json +1 -1
- package/dist/dynamic/components/Alert/package.json +1 -1
- package/dist/dynamic/components/Avatar/package.json +1 -1
- package/dist/dynamic/components/BackToTop/package.json +1 -1
- package/dist/dynamic/components/Backdrop/package.json +1 -1
- package/dist/dynamic/components/BackgroundImage/package.json +1 -1
- package/dist/dynamic/components/Badge/package.json +1 -1
- package/dist/dynamic/components/Banner/package.json +1 -1
- package/dist/dynamic/components/Brand/package.json +1 -1
- package/dist/dynamic/components/Breadcrumb/package.json +1 -1
- package/dist/dynamic/components/Button/package.json +1 -1
- package/dist/dynamic/components/CalendarMonth/package.json +1 -1
- package/dist/dynamic/components/Card/package.json +1 -1
- package/dist/dynamic/components/Checkbox/package.json +1 -1
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
- package/dist/dynamic/components/CodeBlock/package.json +1 -1
- package/dist/dynamic/components/Content/package.json +1 -1
- package/dist/dynamic/components/DataList/package.json +1 -1
- package/dist/dynamic/components/DatePicker/package.json +1 -1
- package/dist/dynamic/components/DescriptionList/package.json +1 -1
- package/dist/dynamic/components/Divider/package.json +1 -1
- package/dist/dynamic/components/Drawer/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/components/EmptyState/package.json +1 -1
- package/dist/dynamic/components/ExpandableSection/package.json +1 -1
- package/dist/dynamic/components/FileUpload/package.json +1 -1
- package/dist/dynamic/components/Form/package.json +1 -1
- package/dist/dynamic/components/FormSelect/package.json +1 -1
- package/dist/dynamic/components/HelperText/package.json +1 -1
- package/dist/dynamic/components/Hint/package.json +1 -1
- package/dist/dynamic/components/Icon/package.json +1 -1
- package/dist/dynamic/components/InputGroup/package.json +1 -1
- package/dist/dynamic/components/JumpLinks/package.json +1 -1
- package/dist/dynamic/components/Label/package.json +1 -1
- package/dist/dynamic/components/List/package.json +1 -1
- package/dist/dynamic/components/LoginPage/package.json +1 -1
- package/dist/dynamic/components/Masthead/package.json +1 -1
- package/dist/dynamic/components/Menu/package.json +1 -1
- package/dist/dynamic/components/MenuToggle/package.json +1 -1
- package/dist/dynamic/components/Modal/package.json +1 -1
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
- package/dist/dynamic/components/Nav/package.json +1 -1
- package/dist/dynamic/components/NotificationBadge/package.json +1 -1
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
- package/dist/dynamic/components/NumberInput/package.json +1 -1
- package/dist/dynamic/components/OverflowMenu/package.json +1 -1
- package/dist/dynamic/components/Page/package.json +1 -1
- package/dist/dynamic/components/Pagination/package.json +1 -1
- package/dist/dynamic/components/Panel/package.json +1 -1
- package/dist/dynamic/components/Popover/package.json +1 -1
- package/dist/dynamic/components/Progress/package.json +1 -1
- package/dist/dynamic/components/ProgressStepper/package.json +1 -1
- package/dist/dynamic/components/Radio/package.json +1 -1
- package/dist/dynamic/components/SearchInput/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic/components/Sidebar/package.json +1 -1
- package/dist/dynamic/components/SimpleList/package.json +1 -1
- package/dist/dynamic/components/Skeleton/package.json +1 -1
- package/dist/dynamic/components/SkipToContent/package.json +1 -1
- package/dist/dynamic/components/Slider/package.json +1 -1
- package/dist/dynamic/components/Spinner/package.json +1 -1
- package/dist/dynamic/components/Switch/package.json +1 -1
- package/dist/dynamic/components/Tabs/package.json +1 -1
- package/dist/dynamic/components/TextArea/package.json +1 -1
- package/dist/dynamic/components/TextInput/package.json +1 -1
- package/dist/dynamic/components/TextInputGroup/package.json +1 -1
- package/dist/dynamic/components/TimePicker/package.json +1 -1
- package/dist/dynamic/components/Timestamp/package.json +1 -1
- package/dist/dynamic/components/Title/package.json +1 -1
- package/dist/dynamic/components/ToggleGroup/package.json +1 -1
- package/dist/dynamic/components/Toolbar/package.json +1 -1
- package/dist/dynamic/components/Tooltip/package.json +1 -1
- package/dist/dynamic/components/TreeView/package.json +1 -1
- package/dist/dynamic/components/Truncate/package.json +1 -1
- package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
- package/dist/dynamic/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
- package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
- package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
- package/dist/dynamic/deprecated/components/Tile/package.json +1 -1
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
- package/dist/dynamic/helpers/constants/package.json +1 -1
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
- package/dist/dynamic/helpers/fileUtils/package.json +1 -1
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
- package/dist/dynamic/helpers/package.json +1 -1
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
- package/dist/dynamic/helpers/typeUtils/package.json +1 -1
- package/dist/dynamic/helpers/useInterval/package.json +1 -1
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
- package/dist/dynamic/helpers/util/package.json +1 -1
- package/dist/dynamic/layouts/Bullseye/package.json +1 -1
- package/dist/dynamic/layouts/Flex/package.json +1 -1
- package/dist/dynamic/layouts/Gallery/package.json +1 -1
- package/dist/dynamic/layouts/Grid/package.json +1 -1
- package/dist/dynamic/layouts/Level/package.json +1 -1
- package/dist/dynamic/layouts/Split/package.json +1 -1
- package/dist/dynamic/layouts/Stack/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/dynamic-modules.json +1 -0
- package/dist/esm/components/FileUpload/FileUpload.d.ts +2 -1
- package/dist/esm/components/FileUpload/FileUpload.d.ts.map +1 -1
- package/dist/esm/components/FileUpload/FileUpload.js +2 -1
- package/dist/esm/components/FileUpload/FileUpload.js.map +1 -1
- package/dist/esm/demos/DashboardWrapper.d.ts.map +1 -1
- package/dist/esm/demos/DashboardWrapper.js +10 -2
- package/dist/esm/demos/DashboardWrapper.js.map +1 -1
- package/dist/js/components/FileUpload/FileUpload.d.ts +2 -1
- package/dist/js/components/FileUpload/FileUpload.d.ts.map +1 -1
- package/dist/js/components/FileUpload/FileUpload.js +2 -1
- package/dist/js/components/FileUpload/FileUpload.js.map +1 -1
- package/dist/js/demos/DashboardWrapper.d.ts.map +1 -1
- package/dist/js/demos/DashboardWrapper.js +10 -2
- package/dist/js/demos/DashboardWrapper.js.map +1 -1
- package/dist/umd/assets/{output-DWQCA4PN.css → output-dM13h99q.css} +1569 -1522
- package/dist/umd/react-core.min.js +1 -1
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +6 -6
- package/src/components/FileUpload/FileUpload.tsx +3 -1
- package/src/components/FileUpload/examples/FileUpload.md +1 -1
- package/src/components/FileUpload/examples/FileUploadTextWithRestrictions.tsx +24 -7
- package/src/components/SkipToContent/examples/SkipToContentBasic.tsx +144 -126
- package/src/demos/DashboardWrapper.tsx +13 -2
- package/src/demos/ExpandableSection/examples/ExpandableTextDemo.tsx +1 -7
- package/src/demos/NotificationDrawer/examples/NotificationDrawerBasic.tsx +15 -1
- package/src/demos/NotificationDrawer/examples/NotificationDrawerGrouped.tsx +15 -1
- package/src/demos/examples/Masthead/MastheadWithHorizontalNav.tsx +14 -1
- package/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx +14 -1
- package/src/demos/examples/Nav/NavDefault.tsx +15 -1
- package/src/demos/examples/Nav/NavExpandable.tsx +15 -1
- package/src/demos/examples/Nav/NavFlyout.tsx +15 -1
- package/src/demos/examples/Nav/NavGrouped.tsx +15 -1
- package/src/demos/examples/Nav/NavHorizontal.tsx +15 -1
- package/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx +15 -1
- package/src/demos/examples/Nav/NavManual.tsx +15 -1
- package/src/demos/examples/Nav/NavWithSubnav.tsx +15 -1
- package/src/demos/examples/Page/PageContextSelector.tsx +14 -1
- package/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx +14 -1
- package/src/demos/examples/Page/PageStickySectionGroup.tsx +14 -1
- package/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx +14 -1
- package/src/demos/examples/Wizard/InPageWithDrawer.tsx +15 -1
- package/src/demos/examples/Wizard/InPageWithDrawerInformationalStep.tsx +14 -1
- package/src/demos/examples/DashboardWrapper.js +0 -126
|
@@ -656,6 +656,26 @@
|
|
|
656
656
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
|
|
657
657
|
}
|
|
658
658
|
}
|
|
659
|
+
.pf-v6-c-backdrop {
|
|
660
|
+
--pf-v6-c-backdrop--Position: fixed;
|
|
661
|
+
--pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
|
|
662
|
+
--pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
|
|
663
|
+
}
|
|
664
|
+
|
|
665
|
+
.pf-v6-c-backdrop {
|
|
666
|
+
position: var(--pf-v6-c-backdrop--Position);
|
|
667
|
+
inset-block-start: 0;
|
|
668
|
+
inset-inline-start: 0;
|
|
669
|
+
z-index: var(--pf-v6-c-backdrop--ZIndex);
|
|
670
|
+
width: 100%;
|
|
671
|
+
height: 100%;
|
|
672
|
+
background-color: var(--pf-v6-c-backdrop--BackgroundColor);
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
.pf-v6-c-backdrop__open {
|
|
676
|
+
overflow: hidden;
|
|
677
|
+
}
|
|
678
|
+
|
|
659
679
|
.pf-v6-c-back-to-top {
|
|
660
680
|
--pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
661
681
|
--pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -692,26 +712,6 @@
|
|
|
692
712
|
box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
|
|
693
713
|
}
|
|
694
714
|
|
|
695
|
-
.pf-v6-c-backdrop {
|
|
696
|
-
--pf-v6-c-backdrop--Position: fixed;
|
|
697
|
-
--pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
|
|
698
|
-
--pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
|
|
699
|
-
}
|
|
700
|
-
|
|
701
|
-
.pf-v6-c-backdrop {
|
|
702
|
-
position: var(--pf-v6-c-backdrop--Position);
|
|
703
|
-
inset-block-start: 0;
|
|
704
|
-
inset-inline-start: 0;
|
|
705
|
-
z-index: var(--pf-v6-c-backdrop--ZIndex);
|
|
706
|
-
width: 100%;
|
|
707
|
-
height: 100%;
|
|
708
|
-
background-color: var(--pf-v6-c-backdrop--BackgroundColor);
|
|
709
|
-
}
|
|
710
|
-
|
|
711
|
-
.pf-v6-c-backdrop__open {
|
|
712
|
-
overflow: hidden;
|
|
713
|
-
}
|
|
714
|
-
|
|
715
715
|
.pf-v6-c-background-image {
|
|
716
716
|
--pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
717
717
|
--pf-v6-c-background-image--BackgroundImage: none;
|
|
@@ -972,73 +972,6 @@
|
|
|
972
972
|
cursor: not-allowed;
|
|
973
973
|
}
|
|
974
974
|
|
|
975
|
-
.pf-v6-c-brand {
|
|
976
|
-
--pf-v6-c-brand--Width: auto;
|
|
977
|
-
--pf-v6-c-brand--Height: auto;
|
|
978
|
-
}
|
|
979
|
-
|
|
980
|
-
.pf-v6-c-brand {
|
|
981
|
-
width: var(--pf-v6-c-brand--Width--base);
|
|
982
|
-
height: var(--pf-v6-c-brand--Height--base);
|
|
983
|
-
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
|
|
984
|
-
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
|
|
985
|
-
}
|
|
986
|
-
|
|
987
|
-
@media (min-width: 36rem) {
|
|
988
|
-
.pf-v6-c-brand {
|
|
989
|
-
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width));
|
|
990
|
-
}
|
|
991
|
-
}
|
|
992
|
-
@media (min-width: 48rem) {
|
|
993
|
-
.pf-v6-c-brand {
|
|
994
|
-
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)));
|
|
995
|
-
}
|
|
996
|
-
}
|
|
997
|
-
@media (min-width: 62rem) {
|
|
998
|
-
.pf-v6-c-brand {
|
|
999
|
-
--pf-v6-c-brand--Width--base: 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))));
|
|
1000
|
-
}
|
|
1001
|
-
}
|
|
1002
|
-
@media (min-width: 75rem) {
|
|
1003
|
-
.pf-v6-c-brand {
|
|
1004
|
-
--pf-v6-c-brand--Width--base: 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)))));
|
|
1005
|
-
}
|
|
1006
|
-
}
|
|
1007
|
-
@media (min-width: 90.625rem) {
|
|
1008
|
-
.pf-v6-c-brand {
|
|
1009
|
-
--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))))));
|
|
1010
|
-
}
|
|
1011
|
-
}
|
|
1012
|
-
@media (min-width: 36rem) {
|
|
1013
|
-
.pf-v6-c-brand {
|
|
1014
|
-
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
|
|
1015
|
-
}
|
|
1016
|
-
}
|
|
1017
|
-
@media (min-width: 48rem) {
|
|
1018
|
-
.pf-v6-c-brand {
|
|
1019
|
-
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)));
|
|
1020
|
-
}
|
|
1021
|
-
}
|
|
1022
|
-
@media (min-width: 62rem) {
|
|
1023
|
-
.pf-v6-c-brand {
|
|
1024
|
-
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))));
|
|
1025
|
-
}
|
|
1026
|
-
}
|
|
1027
|
-
@media (min-width: 75rem) {
|
|
1028
|
-
.pf-v6-c-brand {
|
|
1029
|
-
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)))));
|
|
1030
|
-
}
|
|
1031
|
-
}
|
|
1032
|
-
@media (min-width: 90.625rem) {
|
|
1033
|
-
.pf-v6-c-brand {
|
|
1034
|
-
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-2xl, var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))))));
|
|
1035
|
-
}
|
|
1036
|
-
}
|
|
1037
|
-
.pf-v6-c-brand.pf-m-picture {
|
|
1038
|
-
display: inline-flex;
|
|
1039
|
-
max-width: 100%;
|
|
1040
|
-
}
|
|
1041
|
-
|
|
1042
975
|
.pf-v6-c-breadcrumb {
|
|
1043
976
|
--pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
1044
977
|
--pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
@@ -1154,6 +1087,73 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1154
1087
|
display: none;
|
|
1155
1088
|
}
|
|
1156
1089
|
|
|
1090
|
+
.pf-v6-c-brand {
|
|
1091
|
+
--pf-v6-c-brand--Width: auto;
|
|
1092
|
+
--pf-v6-c-brand--Height: auto;
|
|
1093
|
+
}
|
|
1094
|
+
|
|
1095
|
+
.pf-v6-c-brand {
|
|
1096
|
+
width: var(--pf-v6-c-brand--Width--base);
|
|
1097
|
+
height: var(--pf-v6-c-brand--Height--base);
|
|
1098
|
+
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
|
|
1099
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
|
|
1100
|
+
}
|
|
1101
|
+
|
|
1102
|
+
@media (min-width: 36rem) {
|
|
1103
|
+
.pf-v6-c-brand {
|
|
1104
|
+
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width));
|
|
1105
|
+
}
|
|
1106
|
+
}
|
|
1107
|
+
@media (min-width: 48rem) {
|
|
1108
|
+
.pf-v6-c-brand {
|
|
1109
|
+
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)));
|
|
1110
|
+
}
|
|
1111
|
+
}
|
|
1112
|
+
@media (min-width: 62rem) {
|
|
1113
|
+
.pf-v6-c-brand {
|
|
1114
|
+
--pf-v6-c-brand--Width--base: 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))));
|
|
1115
|
+
}
|
|
1116
|
+
}
|
|
1117
|
+
@media (min-width: 75rem) {
|
|
1118
|
+
.pf-v6-c-brand {
|
|
1119
|
+
--pf-v6-c-brand--Width--base: 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)))));
|
|
1120
|
+
}
|
|
1121
|
+
}
|
|
1122
|
+
@media (min-width: 90.625rem) {
|
|
1123
|
+
.pf-v6-c-brand {
|
|
1124
|
+
--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))))));
|
|
1125
|
+
}
|
|
1126
|
+
}
|
|
1127
|
+
@media (min-width: 36rem) {
|
|
1128
|
+
.pf-v6-c-brand {
|
|
1129
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
|
|
1130
|
+
}
|
|
1131
|
+
}
|
|
1132
|
+
@media (min-width: 48rem) {
|
|
1133
|
+
.pf-v6-c-brand {
|
|
1134
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)));
|
|
1135
|
+
}
|
|
1136
|
+
}
|
|
1137
|
+
@media (min-width: 62rem) {
|
|
1138
|
+
.pf-v6-c-brand {
|
|
1139
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))));
|
|
1140
|
+
}
|
|
1141
|
+
}
|
|
1142
|
+
@media (min-width: 75rem) {
|
|
1143
|
+
.pf-v6-c-brand {
|
|
1144
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)))));
|
|
1145
|
+
}
|
|
1146
|
+
}
|
|
1147
|
+
@media (min-width: 90.625rem) {
|
|
1148
|
+
.pf-v6-c-brand {
|
|
1149
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-2xl, var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))))));
|
|
1150
|
+
}
|
|
1151
|
+
}
|
|
1152
|
+
.pf-v6-c-brand.pf-m-picture {
|
|
1153
|
+
display: inline-flex;
|
|
1154
|
+
max-width: 100%;
|
|
1155
|
+
}
|
|
1156
|
+
|
|
1157
1157
|
.pf-v6-c-button {
|
|
1158
1158
|
--pf-v6-c-button--Display: inline-flex;
|
|
1159
1159
|
--pf-v6-c-button--AlignItems: baseline;
|
|
@@ -1235,6 +1235,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1235
1235
|
--pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
1236
1236
|
--pf-v6-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
1237
1237
|
--pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
1238
|
+
--pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
1239
|
+
--pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
1238
1240
|
--pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
1239
1241
|
--pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
1240
1242
|
--pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
@@ -1284,6 +1286,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1284
1286
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
|
|
1285
1287
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
|
|
1286
1288
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
|
|
1289
|
+
--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart: 0;
|
|
1290
|
+
--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd: 0;
|
|
1287
1291
|
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
1288
1292
|
--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
|
|
1289
1293
|
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -1308,9 +1312,13 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1308
1312
|
--pf-v6-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
1309
1313
|
--pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
1310
1314
|
--pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
1315
|
+
--pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
1316
|
+
--pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
1311
1317
|
--pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
1312
1318
|
--pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
1313
1319
|
--pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
1320
|
+
--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
1321
|
+
--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
1314
1322
|
--pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
1315
1323
|
--pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
|
|
1316
1324
|
--pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
@@ -1505,6 +1513,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1505
1513
|
--pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
|
|
1506
1514
|
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
|
|
1507
1515
|
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
|
|
1516
|
+
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
|
|
1517
|
+
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
|
|
1508
1518
|
}
|
|
1509
1519
|
|
|
1510
1520
|
.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
@@ -1598,12 +1608,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
1598
1608
|
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
|
|
1599
1609
|
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
|
|
1600
1610
|
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
|
|
1611
|
+
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
|
|
1612
|
+
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
|
|
1601
1613
|
}
|
|
1602
1614
|
|
|
1603
1615
|
.pf-v6-c-button.pf-m-stateful {
|
|
1604
1616
|
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
|
|
1605
1617
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
|
|
1606
1618
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
|
|
1619
|
+
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
|
|
1620
|
+
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
|
|
1607
1621
|
}
|
|
1608
1622
|
|
|
1609
1623
|
.pf-v6-c-button.pf-m-read {
|
|
@@ -1665,8 +1679,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
1665
1679
|
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
|
|
1666
1680
|
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
|
|
1667
1681
|
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
|
|
1668
|
-
--pf-v6-c-button--
|
|
1669
|
-
--pf-v6-c-button--
|
|
1682
|
+
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
|
|
1683
|
+
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
|
|
1684
|
+
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
|
|
1685
|
+
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
|
|
1670
1686
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
|
1671
1687
|
}
|
|
1672
1688
|
|
|
@@ -2006,6 +2022,88 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2006
2022
|
pointer-events: none;
|
|
2007
2023
|
}
|
|
2008
2024
|
|
|
2025
|
+
.pf-v6-c-check {
|
|
2026
|
+
--pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
2027
|
+
--pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
2028
|
+
--pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
|
|
2029
|
+
--pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
2030
|
+
--pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
|
|
2031
|
+
--pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
2032
|
+
--pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2033
|
+
--pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
2034
|
+
--pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
2035
|
+
--pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
|
|
2036
|
+
--pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
2037
|
+
--pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
2038
|
+
--pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
2039
|
+
--pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
|
|
2040
|
+
}
|
|
2041
|
+
|
|
2042
|
+
.pf-v6-c-check {
|
|
2043
|
+
display: grid;
|
|
2044
|
+
grid-template-columns: auto 1fr;
|
|
2045
|
+
grid-gap: var(--pf-v6-c-check--GridGap);
|
|
2046
|
+
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
2047
|
+
}
|
|
2048
|
+
|
|
2049
|
+
.pf-v6-c-check.pf-m-standalone {
|
|
2050
|
+
display: inline-grid;
|
|
2051
|
+
grid-template-columns: auto;
|
|
2052
|
+
min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
|
|
2053
|
+
}
|
|
2054
|
+
|
|
2055
|
+
.pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
|
|
2056
|
+
align-self: center;
|
|
2057
|
+
transform: none;
|
|
2058
|
+
}
|
|
2059
|
+
|
|
2060
|
+
.pf-v6-c-check__input {
|
|
2061
|
+
align-self: start;
|
|
2062
|
+
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
2063
|
+
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
2064
|
+
transform: translateY(var(--pf-v6-c-check__input--TranslateY));
|
|
2065
|
+
}
|
|
2066
|
+
|
|
2067
|
+
.pf-v6-c-check__label {
|
|
2068
|
+
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
2069
|
+
font-weight: var(--pf-v6-c-check__label--FontWeight);
|
|
2070
|
+
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
2071
|
+
color: var(--pf-v6-c-check__label--Color);
|
|
2072
|
+
}
|
|
2073
|
+
|
|
2074
|
+
.pf-v6-c-check__description {
|
|
2075
|
+
grid-column: 2;
|
|
2076
|
+
font-size: var(--pf-v6-c-check__description--FontSize);
|
|
2077
|
+
color: var(--pf-v6-c-check__description--Color);
|
|
2078
|
+
}
|
|
2079
|
+
|
|
2080
|
+
.pf-v6-c-check__body {
|
|
2081
|
+
grid-column: 2;
|
|
2082
|
+
}
|
|
2083
|
+
|
|
2084
|
+
.pf-v6-c-check__label,
|
|
2085
|
+
.pf-v6-c-check__input {
|
|
2086
|
+
justify-self: start;
|
|
2087
|
+
}
|
|
2088
|
+
|
|
2089
|
+
label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
2090
|
+
.pf-v6-c-check__input {
|
|
2091
|
+
cursor: pointer;
|
|
2092
|
+
}
|
|
2093
|
+
|
|
2094
|
+
.pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
|
|
2095
|
+
.pf-v6-c-check__input:disabled,
|
|
2096
|
+
.pf-v6-c-check__input.pf-m-disabled {
|
|
2097
|
+
--pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
|
|
2098
|
+
cursor: not-allowed;
|
|
2099
|
+
}
|
|
2100
|
+
|
|
2101
|
+
.pf-v6-c-check__label-required {
|
|
2102
|
+
margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
|
|
2103
|
+
font-size: var(--pf-v6-c-check__label-required--FontSize);
|
|
2104
|
+
color: var(--pf-v6-c-check__label-required--Color);
|
|
2105
|
+
}
|
|
2106
|
+
|
|
2009
2107
|
.pf-v6-c-card {
|
|
2010
2108
|
--pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
2011
2109
|
--pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -2369,88 +2467,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2369
2467
|
color: var(--pf-v6-c-card__footer--Color);
|
|
2370
2468
|
}
|
|
2371
2469
|
|
|
2372
|
-
.pf-v6-c-check {
|
|
2373
|
-
--pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
2374
|
-
--pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
2375
|
-
--pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
|
|
2376
|
-
--pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
2377
|
-
--pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
|
|
2378
|
-
--pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
2379
|
-
--pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2380
|
-
--pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
2381
|
-
--pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
2382
|
-
--pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
|
|
2383
|
-
--pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
2384
|
-
--pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
2385
|
-
--pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
2386
|
-
--pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
|
|
2387
|
-
}
|
|
2388
|
-
|
|
2389
|
-
.pf-v6-c-check {
|
|
2390
|
-
display: grid;
|
|
2391
|
-
grid-template-columns: auto 1fr;
|
|
2392
|
-
grid-gap: var(--pf-v6-c-check--GridGap);
|
|
2393
|
-
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
2394
|
-
}
|
|
2395
|
-
|
|
2396
|
-
.pf-v6-c-check.pf-m-standalone {
|
|
2397
|
-
display: inline-grid;
|
|
2398
|
-
grid-template-columns: auto;
|
|
2399
|
-
min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
|
|
2400
|
-
}
|
|
2401
|
-
|
|
2402
|
-
.pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
|
|
2403
|
-
align-self: center;
|
|
2404
|
-
transform: none;
|
|
2405
|
-
}
|
|
2406
|
-
|
|
2407
|
-
.pf-v6-c-check__input {
|
|
2408
|
-
align-self: start;
|
|
2409
|
-
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
2410
|
-
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
2411
|
-
transform: translateY(var(--pf-v6-c-check__input--TranslateY));
|
|
2412
|
-
}
|
|
2413
|
-
|
|
2414
|
-
.pf-v6-c-check__label {
|
|
2415
|
-
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
2416
|
-
font-weight: var(--pf-v6-c-check__label--FontWeight);
|
|
2417
|
-
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
2418
|
-
color: var(--pf-v6-c-check__label--Color);
|
|
2419
|
-
}
|
|
2420
|
-
|
|
2421
|
-
.pf-v6-c-check__description {
|
|
2422
|
-
grid-column: 2;
|
|
2423
|
-
font-size: var(--pf-v6-c-check__description--FontSize);
|
|
2424
|
-
color: var(--pf-v6-c-check__description--Color);
|
|
2425
|
-
}
|
|
2426
|
-
|
|
2427
|
-
.pf-v6-c-check__body {
|
|
2428
|
-
grid-column: 2;
|
|
2429
|
-
}
|
|
2430
|
-
|
|
2431
|
-
.pf-v6-c-check__label,
|
|
2432
|
-
.pf-v6-c-check__input {
|
|
2433
|
-
justify-self: start;
|
|
2434
|
-
}
|
|
2435
|
-
|
|
2436
|
-
label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
2437
|
-
.pf-v6-c-check__input {
|
|
2438
|
-
cursor: pointer;
|
|
2439
|
-
}
|
|
2440
|
-
|
|
2441
|
-
.pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
|
|
2442
|
-
.pf-v6-c-check__input:disabled,
|
|
2443
|
-
.pf-v6-c-check__input.pf-m-disabled {
|
|
2444
|
-
--pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
|
|
2445
|
-
cursor: not-allowed;
|
|
2446
|
-
}
|
|
2447
|
-
|
|
2448
|
-
.pf-v6-c-check__label-required {
|
|
2449
|
-
margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
|
|
2450
|
-
font-size: var(--pf-v6-c-check__label-required--FontSize);
|
|
2451
|
-
color: var(--pf-v6-c-check__label-required--Color);
|
|
2452
|
-
}
|
|
2453
|
-
|
|
2454
2470
|
.pf-v6-c-clipboard-copy {
|
|
2455
2471
|
--pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
|
|
2456
2472
|
--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
|
|
@@ -3805,320 +3821,341 @@ ul) {
|
|
|
3805
3821
|
min-width: min-content;
|
|
3806
3822
|
}
|
|
3807
3823
|
|
|
3808
|
-
.pf-v6-c-
|
|
3809
|
-
--pf-v6-c-
|
|
3810
|
-
--pf-v6-c-
|
|
3811
|
-
--pf-v6-c-
|
|
3812
|
-
--pf-v6-c-
|
|
3813
|
-
|
|
3814
|
-
|
|
3815
|
-
|
|
3816
|
-
|
|
3817
|
-
|
|
3818
|
-
|
|
3819
|
-
--pf-v6-
|
|
3820
|
-
--pf-v6-
|
|
3821
|
-
--pf-v6-
|
|
3822
|
-
|
|
3823
|
-
|
|
3824
|
-
|
|
3825
|
-
|
|
3826
|
-
|
|
3827
|
-
|
|
3828
|
-
|
|
3829
|
-
|
|
3830
|
-
|
|
3831
|
-
--pf-v6-
|
|
3824
|
+
.pf-v6-c-description-list {
|
|
3825
|
+
--pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
|
|
3826
|
+
--pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
|
|
3827
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: 1;
|
|
3828
|
+
--pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
|
|
3829
|
+
--pf-v6-c-description-list--GridTemplateColumns--min: 0;
|
|
3830
|
+
--pf-v6-c-description-list__group--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
3831
|
+
--pf-v6-c-description-list__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
|
|
3832
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: auto;
|
|
3833
|
+
--pf-v6-c-description-list__group--GridTemplateRows: auto 1fr;
|
|
3834
|
+
--pf-v6-c-description-list__group--GridColumn: auto;
|
|
3835
|
+
--pf-v6-c-description-list--m-compact--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--compact);
|
|
3836
|
+
--pf-v6-c-description-list--m-compact--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--compact);
|
|
3837
|
+
--pf-v6-c-description-list__term--Display: inline;
|
|
3838
|
+
--pf-v6-c-description-list__term--sm--Display: flex;
|
|
3839
|
+
--pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
3840
|
+
--pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
3841
|
+
--pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
3842
|
+
--pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
|
|
3843
|
+
--pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
3844
|
+
--pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
3845
|
+
--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-v6-c-description-list--GridTemplateColumns--count));
|
|
3846
|
+
--pf-v6-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
|
|
3847
|
+
--pf-v6-c-description-list--m-horizontal__term--width: 12ch;
|
|
3848
|
+
--pf-v6-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
|
|
3849
|
+
--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns: var(--pf-v6-c-description-list__term--width) var(--pf-v6-c-description-list--m-horizontal__description--width);
|
|
3850
|
+
--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows: auto;
|
|
3851
|
+
--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count: 1;
|
|
3852
|
+
--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count: 2;
|
|
3853
|
+
--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
|
|
3854
|
+
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
|
|
3855
|
+
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
|
|
3856
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
|
|
3857
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
|
|
3858
|
+
--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
3859
|
+
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
3860
|
+
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
3861
|
+
--pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
3862
|
+
--pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
|
|
3863
|
+
--pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
|
|
3864
|
+
--pf-v6-c-description-list--m-horizontal__term--width-on-md: inherit;
|
|
3865
|
+
--pf-v6-c-description-list--m-horizontal__term--width-on-lg: inherit;
|
|
3866
|
+
--pf-v6-c-description-list--m-horizontal__term--width-on-xl: inherit;
|
|
3867
|
+
--pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
|
|
3868
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
3832
3869
|
}
|
|
3833
3870
|
|
|
3834
3871
|
@media screen and (min-width: 36rem) {
|
|
3835
|
-
.pf-v6-c-
|
|
3836
|
-
--pf-v6-
|
|
3837
|
-
}
|
|
3838
|
-
.pf-v6-c-divider.pf-m-visible-on-sm {
|
|
3839
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
3872
|
+
.pf-v6-c-description-list {
|
|
3873
|
+
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
|
3840
3874
|
}
|
|
3841
3875
|
}
|
|
3842
|
-
@media
|
|
3843
|
-
.pf-v6-c-
|
|
3844
|
-
--pf-v6-
|
|
3845
|
-
}
|
|
3846
|
-
.pf-v6-c-divider.pf-m-visible-on-md {
|
|
3847
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
3876
|
+
@media (min-width: 36rem) {
|
|
3877
|
+
.pf-v6-c-description-list {
|
|
3878
|
+
--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));
|
|
3848
3879
|
}
|
|
3849
3880
|
}
|
|
3850
|
-
@media
|
|
3851
|
-
.pf-v6-c-
|
|
3852
|
-
--pf-v6-
|
|
3853
|
-
}
|
|
3854
|
-
.pf-v6-c-divider.pf-m-visible-on-lg {
|
|
3855
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
3881
|
+
@media (min-width: 48rem) {
|
|
3882
|
+
.pf-v6-c-description-list {
|
|
3883
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)));
|
|
3856
3884
|
}
|
|
3857
3885
|
}
|
|
3858
|
-
@media
|
|
3859
|
-
.pf-v6-c-
|
|
3860
|
-
--pf-v6-
|
|
3861
|
-
}
|
|
3862
|
-
.pf-v6-c-divider.pf-m-visible-on-xl {
|
|
3863
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
3886
|
+
@media (min-width: 62rem) {
|
|
3887
|
+
.pf-v6-c-description-list {
|
|
3888
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))));
|
|
3864
3889
|
}
|
|
3865
3890
|
}
|
|
3866
|
-
@media
|
|
3867
|
-
.pf-v6-c-
|
|
3868
|
-
--pf-v6-
|
|
3869
|
-
}
|
|
3870
|
-
.pf-v6-c-divider.pf-m-visible-on-2xl {
|
|
3871
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
3891
|
+
@media (min-width: 75rem) {
|
|
3892
|
+
.pf-v6-c-description-list {
|
|
3893
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)))));
|
|
3872
3894
|
}
|
|
3873
3895
|
}
|
|
3874
|
-
|
|
3875
|
-
|
|
3876
|
-
|
|
3877
|
-
|
|
3896
|
+
@media (min-width: 90.625rem) {
|
|
3897
|
+
.pf-v6-c-description-list {
|
|
3898
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))))));
|
|
3899
|
+
}
|
|
3878
3900
|
}
|
|
3879
|
-
|
|
3880
|
-
|
|
3881
|
-
|
|
3882
|
-
|
|
3883
|
-
|
|
3901
|
+
.pf-v6-c-description-list {
|
|
3902
|
+
display: grid;
|
|
3903
|
+
grid-template-columns: repeat(var(--pf-v6-c-description-list--GridTemplateColumns--count), var(--pf-v6-c-description-list--GridTemplateColumns--width));
|
|
3904
|
+
row-gap: var(--pf-v6-c-description-list--RowGap);
|
|
3905
|
+
column-gap: var(--pf-v6-c-description-list--ColumnGap);
|
|
3906
|
+
align-items: baseline;
|
|
3884
3907
|
}
|
|
3885
3908
|
|
|
3886
|
-
.pf-v6-c-
|
|
3887
|
-
|
|
3888
|
-
width: var(--pf-v6-c-divider--Size);
|
|
3889
|
-
height: inherit;
|
|
3909
|
+
.pf-v6-c-description-list.pf-m-inline-grid {
|
|
3910
|
+
display: inline-grid;
|
|
3890
3911
|
}
|
|
3891
3912
|
|
|
3892
|
-
.pf-v6-c-
|
|
3893
|
-
--pf-v6-c-
|
|
3913
|
+
.pf-v6-c-description-list.pf-m-auto-column-widths {
|
|
3914
|
+
--pf-v6-c-description-list--GridTemplateColumns--width: minmax(8ch, max-content);
|
|
3894
3915
|
}
|
|
3895
3916
|
|
|
3896
|
-
.pf-v6-c-
|
|
3897
|
-
|
|
3917
|
+
.pf-v6-c-description-list.pf-m-auto-fit {
|
|
3918
|
+
grid-template-columns: repeat(auto-fit, minmax(var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min), 1fr));
|
|
3919
|
+
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min);
|
|
3898
3920
|
}
|
|
3899
3921
|
|
|
3900
|
-
|
|
3901
|
-
|
|
3922
|
+
@media (min-width: 36rem) {
|
|
3923
|
+
.pf-v6-c-description-list.pf-m-auto-fit {
|
|
3924
|
+
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min));
|
|
3925
|
+
}
|
|
3902
3926
|
}
|
|
3903
|
-
|
|
3904
|
-
.pf-v6-c-
|
|
3905
|
-
|
|
3927
|
+
@media (min-width: 48rem) {
|
|
3928
|
+
.pf-v6-c-description-list.pf-m-auto-fit {
|
|
3929
|
+
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min)));
|
|
3930
|
+
}
|
|
3906
3931
|
}
|
|
3907
|
-
|
|
3908
|
-
.pf-v6-c-
|
|
3909
|
-
|
|
3932
|
+
@media (min-width: 62rem) {
|
|
3933
|
+
.pf-v6-c-description-list.pf-m-auto-fit {
|
|
3934
|
+
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min))));
|
|
3935
|
+
}
|
|
3910
3936
|
}
|
|
3911
|
-
|
|
3912
|
-
.pf-v6-c-
|
|
3913
|
-
|
|
3937
|
+
@media (min-width: 75rem) {
|
|
3938
|
+
.pf-v6-c-description-list.pf-m-auto-fit {
|
|
3939
|
+
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min)))));
|
|
3940
|
+
}
|
|
3914
3941
|
}
|
|
3915
|
-
|
|
3916
|
-
.pf-v6-c-
|
|
3917
|
-
|
|
3942
|
+
@media (min-width: 90.625rem) {
|
|
3943
|
+
.pf-v6-c-description-list.pf-m-auto-fit {
|
|
3944
|
+
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-2xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min))))));
|
|
3945
|
+
}
|
|
3946
|
+
}
|
|
3947
|
+
.pf-v6-c-description-list.pf-m-compact {
|
|
3948
|
+
--pf-v6-c-description-list--RowGap: var(--pf-v6-c-description-list--m-compact--RowGap);
|
|
3949
|
+
--pf-v6-c-description-list--ColumnGap: var(--pf-v6-c-description-list--m-compact--ColumnGap);
|
|
3918
3950
|
}
|
|
3919
3951
|
|
|
3920
|
-
.pf-v6-c-
|
|
3921
|
-
--pf-v6-c-
|
|
3952
|
+
.pf-v6-c-description-list.pf-m-fluid {
|
|
3953
|
+
--pf-v6-c-description-list--m-horizontal__term--width: fit-content(20ch);
|
|
3922
3954
|
}
|
|
3923
3955
|
|
|
3924
|
-
|
|
3925
|
-
|
|
3926
|
-
|
|
3927
|
-
|
|
3928
|
-
height: var(--pf-v6-c-divider--Size);
|
|
3929
|
-
}
|
|
3956
|
+
.pf-v6-c-description-list.pf-m-fill-columns {
|
|
3957
|
+
display: block;
|
|
3958
|
+
column-count: var(--pf-v6-c-description-list--GridTemplateColumns--count);
|
|
3959
|
+
margin-block-end: calc(var(--pf-v6-c-description-list--RowGap) * -1);
|
|
3930
3960
|
}
|
|
3931
|
-
|
|
3932
|
-
|
|
3933
|
-
|
|
3934
|
-
|
|
3935
|
-
|
|
3936
|
-
|
|
3961
|
+
|
|
3962
|
+
.pf-v6-c-description-list.pf-m-fill-columns .pf-v6-c-description-list__group,
|
|
3963
|
+
.pf-v6-c-description-list.pf-m-fill-columns > .pf-v6-c-card {
|
|
3964
|
+
display: inline-grid;
|
|
3965
|
+
width: 100%;
|
|
3966
|
+
margin-block-end: var(--pf-v6-c-description-list--RowGap);
|
|
3967
|
+
break-inside: avoid;
|
|
3968
|
+
page-break-inside: avoid;
|
|
3969
|
+
-webkit-column-break-inside: avoid;
|
|
3970
|
+
-moz-column-break-inside: avoid;
|
|
3971
|
+
}
|
|
3972
|
+
|
|
3973
|
+
.pf-v6-c-description-list.pf-m-display-lg {
|
|
3974
|
+
--pf-v6-c-description-list__description--FontSize: var(--pf-v6-c-description-list--m-display-lg__description--FontSize);
|
|
3975
|
+
}
|
|
3976
|
+
|
|
3977
|
+
.pf-v6-c-description-list.pf-m-display-2xl {
|
|
3978
|
+
--pf-v6-c-description-list__description--FontSize: var(--pf-v6-c-description-list--m-display-2xl__description--FontSize);
|
|
3979
|
+
}
|
|
3980
|
+
|
|
3981
|
+
.pf-v6-c-description-list > .pf-v6-c-card {
|
|
3982
|
+
align-self: stretch;
|
|
3983
|
+
padding-block-start: var(--pf-v6-c-card--first-child--PaddingBlockStart);
|
|
3984
|
+
padding-block-end: var(--pf-v6-c-card--child--PaddingBlockEnd);
|
|
3985
|
+
padding-inline-start: var(--pf-v6-c-card--child--PaddingInlineStart);
|
|
3986
|
+
padding-inline-end: var(--pf-v6-c-card--child--PaddingInlineEnd);
|
|
3987
|
+
}
|
|
3988
|
+
|
|
3989
|
+
.pf-v6-c-description-list__group,
|
|
3990
|
+
.pf-v6-c-description-list > .pf-v6-c-card {
|
|
3991
|
+
display: grid;
|
|
3992
|
+
grid-template-rows: var(--pf-v6-c-description-list__group--GridTemplateRows);
|
|
3993
|
+
grid-template-columns: var(--pf-v6-c-description-list__group--GridTemplateColumns);
|
|
3994
|
+
grid-column: var(--pf-v6-c-description-list__group--GridColumn);
|
|
3995
|
+
row-gap: var(--pf-v6-c-description-list__group--RowGap);
|
|
3996
|
+
column-gap: var(--pf-v6-c-description-list__group--ColumnGap);
|
|
3997
|
+
align-items: baseline;
|
|
3998
|
+
}
|
|
3999
|
+
|
|
4000
|
+
.pf-v6-c-description-list__term,
|
|
4001
|
+
.pf-v6-c-description-list__description {
|
|
4002
|
+
min-width: 0;
|
|
4003
|
+
text-align: start;
|
|
4004
|
+
overflow-wrap: break-word;
|
|
4005
|
+
}
|
|
4006
|
+
|
|
4007
|
+
.pf-v6-c-description-list__term {
|
|
4008
|
+
display: var(--pf-v6-c-description-list__term--Display);
|
|
4009
|
+
font-size: var(--pf-v6-c-description-list__term--FontSize);
|
|
4010
|
+
font-weight: var(--pf-v6-c-description-list__term--FontWeight);
|
|
4011
|
+
line-height: var(--pf-v6-c-description-list__term--LineHeight);
|
|
4012
|
+
}
|
|
4013
|
+
|
|
4014
|
+
.pf-v6-c-description-list__term .pf-v6-c-description-list__text {
|
|
4015
|
+
display: inline;
|
|
4016
|
+
}
|
|
4017
|
+
|
|
4018
|
+
.pf-v6-c-description-list__term-icon {
|
|
4019
|
+
flex-shrink: 0;
|
|
4020
|
+
min-width: var(--pf-v6-c-description-list__term-icon--MinWidth);
|
|
4021
|
+
margin-inline-end: var(--pf-v6-c-description-list__term-icon--MarginInlineEnd);
|
|
4022
|
+
color: var(--pf-v6-c-description-list__term-icon--Color);
|
|
4023
|
+
}
|
|
4024
|
+
|
|
4025
|
+
.pf-v6-c-description-list__description {
|
|
4026
|
+
font-size: var(--pf-v6-c-description-list__description--FontSize, inherit);
|
|
4027
|
+
}
|
|
4028
|
+
|
|
4029
|
+
.pf-v6-c-description-list__text {
|
|
4030
|
+
min-width: 0;
|
|
4031
|
+
}
|
|
4032
|
+
|
|
4033
|
+
.pf-v6-c-description-list__text.pf-m-help-text {
|
|
4034
|
+
text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
|
|
4035
|
+
text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
|
|
4036
|
+
cursor: pointer;
|
|
4037
|
+
}
|
|
4038
|
+
|
|
4039
|
+
.pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) {
|
|
4040
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine);
|
|
4041
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
|
|
4042
|
+
}
|
|
4043
|
+
|
|
4044
|
+
.pf-v6-c-description-list.pf-m-1-col {
|
|
4045
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
4046
|
+
}
|
|
4047
|
+
|
|
4048
|
+
.pf-v6-c-description-list.pf-m-2-col {
|
|
4049
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
4050
|
+
}
|
|
4051
|
+
|
|
4052
|
+
.pf-v6-c-description-list.pf-m-3-col {
|
|
4053
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
4054
|
+
}
|
|
4055
|
+
|
|
4056
|
+
.pf-v6-c-description-list.pf-m-horizontal {
|
|
4057
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
4058
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
3937
4059
|
}
|
|
4060
|
+
|
|
4061
|
+
.pf-v6-c-description-list.pf-m-vertical {
|
|
4062
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
4063
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4064
|
+
}
|
|
4065
|
+
|
|
3938
4066
|
@media (min-width: 36rem) {
|
|
3939
|
-
.pf-v6-c-
|
|
3940
|
-
--pf-v6-c-
|
|
4067
|
+
.pf-v6-c-description-list.pf-m-1-col-on-sm {
|
|
4068
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
3941
4069
|
}
|
|
3942
|
-
.pf-v6-c-
|
|
3943
|
-
--pf-v6-c-
|
|
4070
|
+
.pf-v6-c-description-list.pf-m-2-col-on-sm {
|
|
4071
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
3944
4072
|
}
|
|
3945
|
-
.pf-v6-c-
|
|
3946
|
-
--pf-v6-c-
|
|
4073
|
+
.pf-v6-c-description-list.pf-m-3-col-on-sm {
|
|
4074
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
3947
4075
|
}
|
|
3948
|
-
.pf-v6-c-
|
|
3949
|
-
--pf-v6-c-
|
|
4076
|
+
.pf-v6-c-description-list.pf-m-horizontal-on-sm {
|
|
4077
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
4078
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
3950
4079
|
}
|
|
3951
|
-
.pf-v6-c-
|
|
3952
|
-
--pf-v6-c-
|
|
4080
|
+
.pf-v6-c-description-list.pf-m-vertical-on-sm {
|
|
4081
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
4082
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
3953
4083
|
}
|
|
3954
|
-
|
|
3955
|
-
|
|
4084
|
+
}
|
|
4085
|
+
@media (min-width: 48rem) {
|
|
4086
|
+
.pf-v6-c-description-list.pf-m-1-col-on-md {
|
|
4087
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
3956
4088
|
}
|
|
3957
|
-
.pf-v6-c-
|
|
3958
|
-
--pf-v6-c-
|
|
4089
|
+
.pf-v6-c-description-list.pf-m-2-col-on-md {
|
|
4090
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
3959
4091
|
}
|
|
3960
|
-
.pf-v6-c-
|
|
3961
|
-
--pf-v6-c-
|
|
4092
|
+
.pf-v6-c-description-list.pf-m-3-col-on-md {
|
|
4093
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
3962
4094
|
}
|
|
3963
|
-
|
|
3964
|
-
|
|
3965
|
-
|
|
3966
|
-
flex-direction: row;
|
|
3967
|
-
width: 100%;
|
|
3968
|
-
height: var(--pf-v6-c-divider--Size);
|
|
4095
|
+
.pf-v6-c-description-list.pf-m-horizontal-on-md {
|
|
4096
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
4097
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
3969
4098
|
}
|
|
3970
|
-
|
|
3971
|
-
|
|
3972
|
-
|
|
3973
|
-
flex-direction: column;
|
|
3974
|
-
width: var(--pf-v6-c-divider--Size);
|
|
3975
|
-
height: inherit;
|
|
4099
|
+
.pf-v6-c-description-list.pf-m-vertical-on-md {
|
|
4100
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
4101
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
3976
4102
|
}
|
|
3977
4103
|
}
|
|
3978
|
-
@media (min-width:
|
|
3979
|
-
.pf-v6-c-
|
|
3980
|
-
--pf-v6-c-
|
|
4104
|
+
@media (min-width: 62rem) {
|
|
4105
|
+
.pf-v6-c-description-list.pf-m-1-col-on-lg {
|
|
4106
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
3981
4107
|
}
|
|
3982
|
-
.pf-v6-c-
|
|
3983
|
-
--pf-v6-c-
|
|
4108
|
+
.pf-v6-c-description-list.pf-m-2-col-on-lg {
|
|
4109
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
3984
4110
|
}
|
|
3985
|
-
.pf-v6-c-
|
|
3986
|
-
--pf-v6-c-
|
|
4111
|
+
.pf-v6-c-description-list.pf-m-3-col-on-lg {
|
|
4112
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
3987
4113
|
}
|
|
3988
|
-
.pf-v6-c-
|
|
3989
|
-
--pf-v6-c-
|
|
4114
|
+
.pf-v6-c-description-list.pf-m-horizontal-on-lg {
|
|
4115
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
4116
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
3990
4117
|
}
|
|
3991
|
-
.pf-v6-c-
|
|
3992
|
-
--pf-v6-c-
|
|
4118
|
+
.pf-v6-c-description-list.pf-m-vertical-on-lg {
|
|
4119
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
4120
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
3993
4121
|
}
|
|
3994
|
-
|
|
3995
|
-
|
|
4122
|
+
}
|
|
4123
|
+
@media (min-width: 75rem) {
|
|
4124
|
+
.pf-v6-c-description-list.pf-m-1-col-on-xl {
|
|
4125
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
3996
4126
|
}
|
|
3997
|
-
.pf-v6-c-
|
|
3998
|
-
--pf-v6-c-
|
|
4127
|
+
.pf-v6-c-description-list.pf-m-2-col-on-xl {
|
|
4128
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
3999
4129
|
}
|
|
4000
|
-
.pf-v6-c-
|
|
4001
|
-
--pf-v6-c-
|
|
4130
|
+
.pf-v6-c-description-list.pf-m-3-col-on-xl {
|
|
4131
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
4002
4132
|
}
|
|
4003
|
-
|
|
4004
|
-
|
|
4005
|
-
|
|
4006
|
-
flex-direction: row;
|
|
4007
|
-
width: 100%;
|
|
4008
|
-
height: var(--pf-v6-c-divider--Size);
|
|
4133
|
+
.pf-v6-c-description-list.pf-m-horizontal-on-xl {
|
|
4134
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
4135
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
4009
4136
|
}
|
|
4010
|
-
|
|
4011
|
-
|
|
4012
|
-
|
|
4013
|
-
flex-direction: column;
|
|
4014
|
-
width: var(--pf-v6-c-divider--Size);
|
|
4015
|
-
height: inherit;
|
|
4137
|
+
.pf-v6-c-description-list.pf-m-vertical-on-xl {
|
|
4138
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
4139
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4016
4140
|
}
|
|
4017
4141
|
}
|
|
4018
|
-
@media (min-width:
|
|
4019
|
-
.pf-v6-c-
|
|
4020
|
-
--pf-v6-c-
|
|
4142
|
+
@media (min-width: 90.625rem) {
|
|
4143
|
+
.pf-v6-c-description-list.pf-m-1-col-on-2xl {
|
|
4144
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
4021
4145
|
}
|
|
4022
|
-
.pf-v6-c-
|
|
4023
|
-
--pf-v6-c-
|
|
4146
|
+
.pf-v6-c-description-list.pf-m-2-col-on-2xl {
|
|
4147
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
4024
4148
|
}
|
|
4025
|
-
.pf-v6-c-
|
|
4026
|
-
--pf-v6-c-
|
|
4027
|
-
}
|
|
4028
|
-
.pf-v6-c-divider.pf-m-inset-md-on-lg {
|
|
4029
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
4030
|
-
}
|
|
4031
|
-
.pf-v6-c-divider.pf-m-inset-lg-on-lg {
|
|
4032
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
4033
|
-
}
|
|
4034
|
-
.pf-v6-c-divider.pf-m-inset-xl-on-lg {
|
|
4035
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
4036
|
-
}
|
|
4037
|
-
.pf-v6-c-divider.pf-m-inset-2xl-on-lg {
|
|
4038
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
4039
|
-
}
|
|
4040
|
-
.pf-v6-c-divider.pf-m-inset-3xl-on-lg {
|
|
4041
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
4042
|
-
}
|
|
4043
|
-
}
|
|
4044
|
-
@media (min-width: 75rem) {
|
|
4045
|
-
.pf-v6-c-divider.pf-m-horizontal-on-xl {
|
|
4046
|
-
flex-direction: row;
|
|
4047
|
-
width: 100%;
|
|
4048
|
-
height: var(--pf-v6-c-divider--Size);
|
|
4049
|
-
}
|
|
4050
|
-
}
|
|
4051
|
-
@media (min-width: 75rem) {
|
|
4052
|
-
.pf-v6-c-divider.pf-m-vertical-on-xl {
|
|
4053
|
-
flex-direction: column;
|
|
4054
|
-
width: var(--pf-v6-c-divider--Size);
|
|
4055
|
-
height: inherit;
|
|
4056
|
-
}
|
|
4057
|
-
}
|
|
4058
|
-
@media (min-width: 75rem) {
|
|
4059
|
-
.pf-v6-c-divider.pf-m-inset-none-on-xl {
|
|
4060
|
-
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
4061
|
-
}
|
|
4062
|
-
.pf-v6-c-divider.pf-m-inset-xs-on-xl {
|
|
4063
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
4064
|
-
}
|
|
4065
|
-
.pf-v6-c-divider.pf-m-inset-sm-on-xl {
|
|
4066
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
4067
|
-
}
|
|
4068
|
-
.pf-v6-c-divider.pf-m-inset-md-on-xl {
|
|
4069
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
4070
|
-
}
|
|
4071
|
-
.pf-v6-c-divider.pf-m-inset-lg-on-xl {
|
|
4072
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
4073
|
-
}
|
|
4074
|
-
.pf-v6-c-divider.pf-m-inset-xl-on-xl {
|
|
4075
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
4076
|
-
}
|
|
4077
|
-
.pf-v6-c-divider.pf-m-inset-2xl-on-xl {
|
|
4078
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
4079
|
-
}
|
|
4080
|
-
.pf-v6-c-divider.pf-m-inset-3xl-on-xl {
|
|
4081
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
4082
|
-
}
|
|
4083
|
-
}
|
|
4084
|
-
@media (min-width: 90.625rem) {
|
|
4085
|
-
.pf-v6-c-divider.pf-m-horizontal-on-2xl {
|
|
4086
|
-
flex-direction: row;
|
|
4087
|
-
width: 100%;
|
|
4088
|
-
height: var(--pf-v6-c-divider--Size);
|
|
4089
|
-
}
|
|
4090
|
-
}
|
|
4091
|
-
@media (min-width: 90.625rem) {
|
|
4092
|
-
.pf-v6-c-divider.pf-m-vertical-on-2xl {
|
|
4093
|
-
flex-direction: column;
|
|
4094
|
-
width: var(--pf-v6-c-divider--Size);
|
|
4095
|
-
height: inherit;
|
|
4096
|
-
}
|
|
4097
|
-
}
|
|
4098
|
-
@media (min-width: 90.625rem) {
|
|
4099
|
-
.pf-v6-c-divider.pf-m-inset-none-on-2xl {
|
|
4100
|
-
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
4101
|
-
}
|
|
4102
|
-
.pf-v6-c-divider.pf-m-inset-xs-on-2xl {
|
|
4103
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
4104
|
-
}
|
|
4105
|
-
.pf-v6-c-divider.pf-m-inset-sm-on-2xl {
|
|
4106
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
4107
|
-
}
|
|
4108
|
-
.pf-v6-c-divider.pf-m-inset-md-on-2xl {
|
|
4109
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
4110
|
-
}
|
|
4111
|
-
.pf-v6-c-divider.pf-m-inset-lg-on-2xl {
|
|
4112
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
4113
|
-
}
|
|
4114
|
-
.pf-v6-c-divider.pf-m-inset-xl-on-2xl {
|
|
4115
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
4149
|
+
.pf-v6-c-description-list.pf-m-3-col-on-2xl {
|
|
4150
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
4116
4151
|
}
|
|
4117
|
-
.pf-v6-c-
|
|
4118
|
-
--pf-v6-c-
|
|
4152
|
+
.pf-v6-c-description-list.pf-m-horizontal-on-2xl {
|
|
4153
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
4154
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
4119
4155
|
}
|
|
4120
|
-
.pf-v6-c-
|
|
4121
|
-
--pf-v6-c-
|
|
4156
|
+
.pf-v6-c-description-list.pf-m-vertical-on-2xl {
|
|
4157
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
4158
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4122
4159
|
}
|
|
4123
4160
|
}
|
|
4124
4161
|
.pf-v6-c-drawer {
|
|
@@ -4986,341 +5023,320 @@ ul) {
|
|
|
4986
5023
|
display: none;
|
|
4987
5024
|
}
|
|
4988
5025
|
}
|
|
4989
|
-
.pf-v6-c-
|
|
4990
|
-
--pf-v6-c-
|
|
4991
|
-
--pf-v6-c-
|
|
4992
|
-
--pf-v6-c-
|
|
4993
|
-
--pf-v6-c-
|
|
4994
|
-
|
|
4995
|
-
|
|
4996
|
-
|
|
4997
|
-
|
|
4998
|
-
|
|
4999
|
-
--pf-v6-c-
|
|
5000
|
-
--pf-v6-
|
|
5001
|
-
--pf-v6-
|
|
5002
|
-
--pf-v6-
|
|
5003
|
-
--pf-v6-
|
|
5004
|
-
|
|
5005
|
-
|
|
5006
|
-
|
|
5007
|
-
|
|
5008
|
-
|
|
5009
|
-
|
|
5010
|
-
|
|
5011
|
-
|
|
5012
|
-
--pf-v6-
|
|
5013
|
-
--pf-v6-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
|
|
5014
|
-
--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns: var(--pf-v6-c-description-list__term--width) var(--pf-v6-c-description-list--m-horizontal__description--width);
|
|
5015
|
-
--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows: auto;
|
|
5016
|
-
--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count: 1;
|
|
5017
|
-
--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count: 2;
|
|
5018
|
-
--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
|
|
5019
|
-
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
|
|
5020
|
-
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
|
|
5021
|
-
--pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
|
|
5022
|
-
--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
|
|
5023
|
-
--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
5024
|
-
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
5025
|
-
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
5026
|
-
--pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
5027
|
-
--pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
|
|
5028
|
-
--pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
|
|
5029
|
-
--pf-v6-c-description-list--m-horizontal__term--width-on-md: inherit;
|
|
5030
|
-
--pf-v6-c-description-list--m-horizontal__term--width-on-lg: inherit;
|
|
5031
|
-
--pf-v6-c-description-list--m-horizontal__term--width-on-xl: inherit;
|
|
5032
|
-
--pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
|
|
5033
|
-
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
5026
|
+
.pf-v6-c-divider {
|
|
5027
|
+
--pf-v6-c-divider--Display: flex;
|
|
5028
|
+
--pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
|
|
5029
|
+
--pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
|
|
5030
|
+
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
5031
|
+
}
|
|
5032
|
+
|
|
5033
|
+
.pf-v6-c-divider {
|
|
5034
|
+
flex-direction: row;
|
|
5035
|
+
width: 100%;
|
|
5036
|
+
height: var(--pf-v6-c-divider--Size);
|
|
5037
|
+
--pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
|
|
5038
|
+
--pf-v6-hidden-visible--hidden--Display: none;
|
|
5039
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
5040
|
+
display: var(--pf-v6-hidden-visible--Display);
|
|
5041
|
+
flex-shrink: 0;
|
|
5042
|
+
align-items: stretch;
|
|
5043
|
+
align-self: stretch;
|
|
5044
|
+
justify-content: center;
|
|
5045
|
+
border: 0;
|
|
5046
|
+
}
|
|
5047
|
+
|
|
5048
|
+
.pf-v6-c-divider.pf-m-hidden {
|
|
5049
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
5034
5050
|
}
|
|
5035
5051
|
|
|
5036
5052
|
@media screen and (min-width: 36rem) {
|
|
5037
|
-
.pf-v6-c-
|
|
5038
|
-
--pf-v6-
|
|
5053
|
+
.pf-v6-c-divider.pf-m-hidden-on-sm {
|
|
5054
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
5039
5055
|
}
|
|
5040
|
-
|
|
5041
|
-
|
|
5042
|
-
.pf-v6-c-description-list {
|
|
5043
|
-
--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));
|
|
5056
|
+
.pf-v6-c-divider.pf-m-visible-on-sm {
|
|
5057
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
5044
5058
|
}
|
|
5045
5059
|
}
|
|
5046
|
-
@media (min-width: 48rem) {
|
|
5047
|
-
.pf-v6-c-
|
|
5048
|
-
--pf-v6-
|
|
5060
|
+
@media screen and (min-width: 48rem) {
|
|
5061
|
+
.pf-v6-c-divider.pf-m-hidden-on-md {
|
|
5062
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
5063
|
+
}
|
|
5064
|
+
.pf-v6-c-divider.pf-m-visible-on-md {
|
|
5065
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
5049
5066
|
}
|
|
5050
5067
|
}
|
|
5051
|
-
@media (min-width: 62rem) {
|
|
5052
|
-
.pf-v6-c-
|
|
5053
|
-
--pf-v6-
|
|
5068
|
+
@media screen and (min-width: 62rem) {
|
|
5069
|
+
.pf-v6-c-divider.pf-m-hidden-on-lg {
|
|
5070
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
5071
|
+
}
|
|
5072
|
+
.pf-v6-c-divider.pf-m-visible-on-lg {
|
|
5073
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
5054
5074
|
}
|
|
5055
5075
|
}
|
|
5056
|
-
@media (min-width: 75rem) {
|
|
5057
|
-
.pf-v6-c-
|
|
5058
|
-
--pf-v6-
|
|
5076
|
+
@media screen and (min-width: 75rem) {
|
|
5077
|
+
.pf-v6-c-divider.pf-m-hidden-on-xl {
|
|
5078
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
5079
|
+
}
|
|
5080
|
+
.pf-v6-c-divider.pf-m-visible-on-xl {
|
|
5081
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
5059
5082
|
}
|
|
5060
5083
|
}
|
|
5061
|
-
@media (min-width: 90.625rem) {
|
|
5062
|
-
.pf-v6-c-
|
|
5063
|
-
--pf-v6-
|
|
5084
|
+
@media screen and (min-width: 90.625rem) {
|
|
5085
|
+
.pf-v6-c-divider.pf-m-hidden-on-2xl {
|
|
5086
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
5087
|
+
}
|
|
5088
|
+
.pf-v6-c-divider.pf-m-visible-on-2xl {
|
|
5089
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
5064
5090
|
}
|
|
5065
5091
|
}
|
|
5066
|
-
.pf-v6-c-
|
|
5067
|
-
|
|
5068
|
-
|
|
5069
|
-
|
|
5070
|
-
column-gap: var(--pf-v6-c-description-list--ColumnGap);
|
|
5071
|
-
align-items: baseline;
|
|
5092
|
+
.pf-v6-c-divider::before {
|
|
5093
|
+
flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
|
|
5094
|
+
content: "";
|
|
5095
|
+
background-color: var(--pf-v6-c-divider--Color);
|
|
5072
5096
|
}
|
|
5073
5097
|
|
|
5074
|
-
.pf-v6-c-
|
|
5075
|
-
|
|
5098
|
+
.pf-v6-c-divider.pf-m-horizontal {
|
|
5099
|
+
flex-direction: row;
|
|
5100
|
+
width: 100%;
|
|
5101
|
+
height: var(--pf-v6-c-divider--Size);
|
|
5076
5102
|
}
|
|
5077
5103
|
|
|
5078
|
-
.pf-v6-c-
|
|
5079
|
-
|
|
5104
|
+
.pf-v6-c-divider.pf-m-vertical {
|
|
5105
|
+
flex-direction: column;
|
|
5106
|
+
width: var(--pf-v6-c-divider--Size);
|
|
5107
|
+
height: inherit;
|
|
5080
5108
|
}
|
|
5081
5109
|
|
|
5082
|
-
.pf-v6-c-
|
|
5083
|
-
|
|
5084
|
-
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min);
|
|
5110
|
+
.pf-v6-c-divider.pf-m-inset-none {
|
|
5111
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
|
|
5085
5112
|
}
|
|
5086
5113
|
|
|
5087
|
-
|
|
5088
|
-
|
|
5089
|
-
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min));
|
|
5090
|
-
}
|
|
5114
|
+
.pf-v6-c-divider.pf-m-inset-xs {
|
|
5115
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
5091
5116
|
}
|
|
5092
|
-
|
|
5093
|
-
|
|
5094
|
-
|
|
5095
|
-
}
|
|
5096
|
-
}
|
|
5097
|
-
@media (min-width: 62rem) {
|
|
5098
|
-
.pf-v6-c-description-list.pf-m-auto-fit {
|
|
5099
|
-
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min))));
|
|
5100
|
-
}
|
|
5101
|
-
}
|
|
5102
|
-
@media (min-width: 75rem) {
|
|
5103
|
-
.pf-v6-c-description-list.pf-m-auto-fit {
|
|
5104
|
-
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min)))));
|
|
5105
|
-
}
|
|
5106
|
-
}
|
|
5107
|
-
@media (min-width: 90.625rem) {
|
|
5108
|
-
.pf-v6-c-description-list.pf-m-auto-fit {
|
|
5109
|
-
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-2xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min))))));
|
|
5110
|
-
}
|
|
5111
|
-
}
|
|
5112
|
-
.pf-v6-c-description-list.pf-m-compact {
|
|
5113
|
-
--pf-v6-c-description-list--RowGap: var(--pf-v6-c-description-list--m-compact--RowGap);
|
|
5114
|
-
--pf-v6-c-description-list--ColumnGap: var(--pf-v6-c-description-list--m-compact--ColumnGap);
|
|
5115
|
-
}
|
|
5116
|
-
|
|
5117
|
-
.pf-v6-c-description-list.pf-m-fluid {
|
|
5118
|
-
--pf-v6-c-description-list--m-horizontal__term--width: fit-content(20ch);
|
|
5119
|
-
}
|
|
5120
|
-
|
|
5121
|
-
.pf-v6-c-description-list.pf-m-fill-columns {
|
|
5122
|
-
display: block;
|
|
5123
|
-
column-count: var(--pf-v6-c-description-list--GridTemplateColumns--count);
|
|
5124
|
-
margin-block-end: calc(var(--pf-v6-c-description-list--RowGap) * -1);
|
|
5125
|
-
}
|
|
5126
|
-
|
|
5127
|
-
.pf-v6-c-description-list.pf-m-fill-columns .pf-v6-c-description-list__group,
|
|
5128
|
-
.pf-v6-c-description-list.pf-m-fill-columns > .pf-v6-c-card {
|
|
5129
|
-
display: inline-grid;
|
|
5130
|
-
width: 100%;
|
|
5131
|
-
margin-block-end: var(--pf-v6-c-description-list--RowGap);
|
|
5132
|
-
break-inside: avoid;
|
|
5133
|
-
page-break-inside: avoid;
|
|
5134
|
-
-webkit-column-break-inside: avoid;
|
|
5135
|
-
-moz-column-break-inside: avoid;
|
|
5136
|
-
}
|
|
5137
|
-
|
|
5138
|
-
.pf-v6-c-description-list.pf-m-display-lg {
|
|
5139
|
-
--pf-v6-c-description-list__description--FontSize: var(--pf-v6-c-description-list--m-display-lg__description--FontSize);
|
|
5140
|
-
}
|
|
5141
|
-
|
|
5142
|
-
.pf-v6-c-description-list.pf-m-display-2xl {
|
|
5143
|
-
--pf-v6-c-description-list__description--FontSize: var(--pf-v6-c-description-list--m-display-2xl__description--FontSize);
|
|
5144
|
-
}
|
|
5145
|
-
|
|
5146
|
-
.pf-v6-c-description-list > .pf-v6-c-card {
|
|
5147
|
-
align-self: stretch;
|
|
5148
|
-
padding-block-start: var(--pf-v6-c-card--first-child--PaddingBlockStart);
|
|
5149
|
-
padding-block-end: var(--pf-v6-c-card--child--PaddingBlockEnd);
|
|
5150
|
-
padding-inline-start: var(--pf-v6-c-card--child--PaddingInlineStart);
|
|
5151
|
-
padding-inline-end: var(--pf-v6-c-card--child--PaddingInlineEnd);
|
|
5152
|
-
}
|
|
5153
|
-
|
|
5154
|
-
.pf-v6-c-description-list__group,
|
|
5155
|
-
.pf-v6-c-description-list > .pf-v6-c-card {
|
|
5156
|
-
display: grid;
|
|
5157
|
-
grid-template-rows: var(--pf-v6-c-description-list__group--GridTemplateRows);
|
|
5158
|
-
grid-template-columns: var(--pf-v6-c-description-list__group--GridTemplateColumns);
|
|
5159
|
-
grid-column: var(--pf-v6-c-description-list__group--GridColumn);
|
|
5160
|
-
row-gap: var(--pf-v6-c-description-list__group--RowGap);
|
|
5161
|
-
column-gap: var(--pf-v6-c-description-list__group--ColumnGap);
|
|
5162
|
-
align-items: baseline;
|
|
5163
|
-
}
|
|
5164
|
-
|
|
5165
|
-
.pf-v6-c-description-list__term,
|
|
5166
|
-
.pf-v6-c-description-list__description {
|
|
5167
|
-
min-width: 0;
|
|
5168
|
-
text-align: start;
|
|
5169
|
-
overflow-wrap: break-word;
|
|
5170
|
-
}
|
|
5171
|
-
|
|
5172
|
-
.pf-v6-c-description-list__term {
|
|
5173
|
-
display: var(--pf-v6-c-description-list__term--Display);
|
|
5174
|
-
font-size: var(--pf-v6-c-description-list__term--FontSize);
|
|
5175
|
-
font-weight: var(--pf-v6-c-description-list__term--FontWeight);
|
|
5176
|
-
line-height: var(--pf-v6-c-description-list__term--LineHeight);
|
|
5177
|
-
}
|
|
5178
|
-
|
|
5179
|
-
.pf-v6-c-description-list__term .pf-v6-c-description-list__text {
|
|
5180
|
-
display: inline;
|
|
5181
|
-
}
|
|
5182
|
-
|
|
5183
|
-
.pf-v6-c-description-list__term-icon {
|
|
5184
|
-
flex-shrink: 0;
|
|
5185
|
-
min-width: var(--pf-v6-c-description-list__term-icon--MinWidth);
|
|
5186
|
-
margin-inline-end: var(--pf-v6-c-description-list__term-icon--MarginInlineEnd);
|
|
5187
|
-
color: var(--pf-v6-c-description-list__term-icon--Color);
|
|
5188
|
-
}
|
|
5189
|
-
|
|
5190
|
-
.pf-v6-c-description-list__description {
|
|
5191
|
-
font-size: var(--pf-v6-c-description-list__description--FontSize, inherit);
|
|
5117
|
+
|
|
5118
|
+
.pf-v6-c-divider.pf-m-inset-sm {
|
|
5119
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
5192
5120
|
}
|
|
5193
5121
|
|
|
5194
|
-
.pf-v6-c-
|
|
5195
|
-
|
|
5196
|
-
}
|
|
5197
|
-
|
|
5198
|
-
.pf-v6-c-description-list__text.pf-m-help-text {
|
|
5199
|
-
text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
|
|
5200
|
-
text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
|
|
5201
|
-
cursor: pointer;
|
|
5202
|
-
}
|
|
5203
|
-
|
|
5204
|
-
.pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) {
|
|
5205
|
-
--pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine);
|
|
5206
|
-
--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
|
|
5122
|
+
.pf-v6-c-divider.pf-m-inset-md {
|
|
5123
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
5207
5124
|
}
|
|
5208
5125
|
|
|
5209
|
-
.pf-v6-c-
|
|
5210
|
-
--pf-v6-c-
|
|
5126
|
+
.pf-v6-c-divider.pf-m-inset-lg {
|
|
5127
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
5211
5128
|
}
|
|
5212
5129
|
|
|
5213
|
-
.pf-v6-c-
|
|
5214
|
-
--pf-v6-c-
|
|
5130
|
+
.pf-v6-c-divider.pf-m-inset-xl {
|
|
5131
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
5215
5132
|
}
|
|
5216
5133
|
|
|
5217
|
-
.pf-v6-c-
|
|
5218
|
-
--pf-v6-c-
|
|
5134
|
+
.pf-v6-c-divider.pf-m-inset-2xl {
|
|
5135
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
5219
5136
|
}
|
|
5220
5137
|
|
|
5221
|
-
.pf-v6-c-
|
|
5222
|
-
--pf-v6-c-
|
|
5223
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
5138
|
+
.pf-v6-c-divider.pf-m-inset-3xl {
|
|
5139
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
5224
5140
|
}
|
|
5225
5141
|
|
|
5226
|
-
|
|
5227
|
-
|
|
5228
|
-
|
|
5142
|
+
@media (min-width: 36rem) {
|
|
5143
|
+
.pf-v6-c-divider.pf-m-horizontal-on-sm {
|
|
5144
|
+
flex-direction: row;
|
|
5145
|
+
width: 100%;
|
|
5146
|
+
height: var(--pf-v6-c-divider--Size);
|
|
5147
|
+
}
|
|
5229
5148
|
}
|
|
5230
|
-
|
|
5231
5149
|
@media (min-width: 36rem) {
|
|
5232
|
-
.pf-v6-c-
|
|
5233
|
-
|
|
5150
|
+
.pf-v6-c-divider.pf-m-vertical-on-sm {
|
|
5151
|
+
flex-direction: column;
|
|
5152
|
+
width: var(--pf-v6-c-divider--Size);
|
|
5153
|
+
height: inherit;
|
|
5234
5154
|
}
|
|
5235
|
-
|
|
5236
|
-
|
|
5155
|
+
}
|
|
5156
|
+
@media (min-width: 36rem) {
|
|
5157
|
+
.pf-v6-c-divider.pf-m-inset-none-on-sm {
|
|
5158
|
+
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
5237
5159
|
}
|
|
5238
|
-
.pf-v6-c-
|
|
5239
|
-
--pf-v6-c-
|
|
5160
|
+
.pf-v6-c-divider.pf-m-inset-xs-on-sm {
|
|
5161
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
5240
5162
|
}
|
|
5241
|
-
.pf-v6-c-
|
|
5242
|
-
--pf-v6-c-
|
|
5243
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
5163
|
+
.pf-v6-c-divider.pf-m-inset-sm-on-sm {
|
|
5164
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
5244
5165
|
}
|
|
5245
|
-
.pf-v6-c-
|
|
5246
|
-
--pf-v6-c-
|
|
5247
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
5166
|
+
.pf-v6-c-divider.pf-m-inset-md-on-sm {
|
|
5167
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
5248
5168
|
}
|
|
5249
|
-
|
|
5250
|
-
|
|
5251
|
-
.pf-v6-c-description-list.pf-m-1-col-on-md {
|
|
5252
|
-
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
5169
|
+
.pf-v6-c-divider.pf-m-inset-lg-on-sm {
|
|
5170
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
5253
5171
|
}
|
|
5254
|
-
.pf-v6-c-
|
|
5255
|
-
--pf-v6-c-
|
|
5172
|
+
.pf-v6-c-divider.pf-m-inset-xl-on-sm {
|
|
5173
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
5256
5174
|
}
|
|
5257
|
-
.pf-v6-c-
|
|
5258
|
-
--pf-v6-c-
|
|
5175
|
+
.pf-v6-c-divider.pf-m-inset-2xl-on-sm {
|
|
5176
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
5259
5177
|
}
|
|
5260
|
-
.pf-v6-c-
|
|
5261
|
-
--pf-v6-c-
|
|
5262
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
5178
|
+
.pf-v6-c-divider.pf-m-inset-3xl-on-sm {
|
|
5179
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
5263
5180
|
}
|
|
5264
|
-
|
|
5265
|
-
|
|
5266
|
-
|
|
5181
|
+
}
|
|
5182
|
+
@media (min-width: 48rem) {
|
|
5183
|
+
.pf-v6-c-divider.pf-m-horizontal-on-md {
|
|
5184
|
+
flex-direction: row;
|
|
5185
|
+
width: 100%;
|
|
5186
|
+
height: var(--pf-v6-c-divider--Size);
|
|
5267
5187
|
}
|
|
5268
5188
|
}
|
|
5269
|
-
@media (min-width:
|
|
5270
|
-
.pf-v6-c-
|
|
5271
|
-
|
|
5189
|
+
@media (min-width: 48rem) {
|
|
5190
|
+
.pf-v6-c-divider.pf-m-vertical-on-md {
|
|
5191
|
+
flex-direction: column;
|
|
5192
|
+
width: var(--pf-v6-c-divider--Size);
|
|
5193
|
+
height: inherit;
|
|
5272
5194
|
}
|
|
5273
|
-
|
|
5274
|
-
|
|
5195
|
+
}
|
|
5196
|
+
@media (min-width: 48rem) {
|
|
5197
|
+
.pf-v6-c-divider.pf-m-inset-none-on-md {
|
|
5198
|
+
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
5275
5199
|
}
|
|
5276
|
-
.pf-v6-c-
|
|
5277
|
-
--pf-v6-c-
|
|
5200
|
+
.pf-v6-c-divider.pf-m-inset-xs-on-md {
|
|
5201
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
5278
5202
|
}
|
|
5279
|
-
.pf-v6-c-
|
|
5280
|
-
--pf-v6-c-
|
|
5281
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
5203
|
+
.pf-v6-c-divider.pf-m-inset-sm-on-md {
|
|
5204
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
5282
5205
|
}
|
|
5283
|
-
.pf-v6-c-
|
|
5284
|
-
--pf-v6-c-
|
|
5285
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
5206
|
+
.pf-v6-c-divider.pf-m-inset-md-on-md {
|
|
5207
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
5286
5208
|
}
|
|
5287
|
-
|
|
5288
|
-
|
|
5289
|
-
.pf-v6-c-description-list.pf-m-1-col-on-xl {
|
|
5290
|
-
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
5209
|
+
.pf-v6-c-divider.pf-m-inset-lg-on-md {
|
|
5210
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
5291
5211
|
}
|
|
5292
|
-
.pf-v6-c-
|
|
5293
|
-
--pf-v6-c-
|
|
5212
|
+
.pf-v6-c-divider.pf-m-inset-xl-on-md {
|
|
5213
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
5294
5214
|
}
|
|
5295
|
-
.pf-v6-c-
|
|
5296
|
-
--pf-v6-c-
|
|
5215
|
+
.pf-v6-c-divider.pf-m-inset-2xl-on-md {
|
|
5216
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
5297
5217
|
}
|
|
5298
|
-
.pf-v6-c-
|
|
5299
|
-
--pf-v6-c-
|
|
5300
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
5218
|
+
.pf-v6-c-divider.pf-m-inset-3xl-on-md {
|
|
5219
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
5301
5220
|
}
|
|
5302
|
-
|
|
5303
|
-
|
|
5304
|
-
|
|
5221
|
+
}
|
|
5222
|
+
@media (min-width: 62rem) {
|
|
5223
|
+
.pf-v6-c-divider.pf-m-horizontal-on-lg {
|
|
5224
|
+
flex-direction: row;
|
|
5225
|
+
width: 100%;
|
|
5226
|
+
height: var(--pf-v6-c-divider--Size);
|
|
5305
5227
|
}
|
|
5306
5228
|
}
|
|
5307
|
-
@media (min-width:
|
|
5308
|
-
.pf-v6-c-
|
|
5309
|
-
|
|
5229
|
+
@media (min-width: 62rem) {
|
|
5230
|
+
.pf-v6-c-divider.pf-m-vertical-on-lg {
|
|
5231
|
+
flex-direction: column;
|
|
5232
|
+
width: var(--pf-v6-c-divider--Size);
|
|
5233
|
+
height: inherit;
|
|
5310
5234
|
}
|
|
5311
|
-
|
|
5312
|
-
|
|
5235
|
+
}
|
|
5236
|
+
@media (min-width: 62rem) {
|
|
5237
|
+
.pf-v6-c-divider.pf-m-inset-none-on-lg {
|
|
5238
|
+
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
5313
5239
|
}
|
|
5314
|
-
.pf-v6-c-
|
|
5315
|
-
--pf-v6-c-
|
|
5240
|
+
.pf-v6-c-divider.pf-m-inset-xs-on-lg {
|
|
5241
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
5316
5242
|
}
|
|
5317
|
-
.pf-v6-c-
|
|
5318
|
-
--pf-v6-c-
|
|
5319
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
5243
|
+
.pf-v6-c-divider.pf-m-inset-sm-on-lg {
|
|
5244
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
5320
5245
|
}
|
|
5321
|
-
.pf-v6-c-
|
|
5322
|
-
--pf-v6-c-
|
|
5323
|
-
|
|
5246
|
+
.pf-v6-c-divider.pf-m-inset-md-on-lg {
|
|
5247
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
5248
|
+
}
|
|
5249
|
+
.pf-v6-c-divider.pf-m-inset-lg-on-lg {
|
|
5250
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
5251
|
+
}
|
|
5252
|
+
.pf-v6-c-divider.pf-m-inset-xl-on-lg {
|
|
5253
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
5254
|
+
}
|
|
5255
|
+
.pf-v6-c-divider.pf-m-inset-2xl-on-lg {
|
|
5256
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
5257
|
+
}
|
|
5258
|
+
.pf-v6-c-divider.pf-m-inset-3xl-on-lg {
|
|
5259
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
5260
|
+
}
|
|
5261
|
+
}
|
|
5262
|
+
@media (min-width: 75rem) {
|
|
5263
|
+
.pf-v6-c-divider.pf-m-horizontal-on-xl {
|
|
5264
|
+
flex-direction: row;
|
|
5265
|
+
width: 100%;
|
|
5266
|
+
height: var(--pf-v6-c-divider--Size);
|
|
5267
|
+
}
|
|
5268
|
+
}
|
|
5269
|
+
@media (min-width: 75rem) {
|
|
5270
|
+
.pf-v6-c-divider.pf-m-vertical-on-xl {
|
|
5271
|
+
flex-direction: column;
|
|
5272
|
+
width: var(--pf-v6-c-divider--Size);
|
|
5273
|
+
height: inherit;
|
|
5274
|
+
}
|
|
5275
|
+
}
|
|
5276
|
+
@media (min-width: 75rem) {
|
|
5277
|
+
.pf-v6-c-divider.pf-m-inset-none-on-xl {
|
|
5278
|
+
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
5279
|
+
}
|
|
5280
|
+
.pf-v6-c-divider.pf-m-inset-xs-on-xl {
|
|
5281
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
5282
|
+
}
|
|
5283
|
+
.pf-v6-c-divider.pf-m-inset-sm-on-xl {
|
|
5284
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
5285
|
+
}
|
|
5286
|
+
.pf-v6-c-divider.pf-m-inset-md-on-xl {
|
|
5287
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
5288
|
+
}
|
|
5289
|
+
.pf-v6-c-divider.pf-m-inset-lg-on-xl {
|
|
5290
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
5291
|
+
}
|
|
5292
|
+
.pf-v6-c-divider.pf-m-inset-xl-on-xl {
|
|
5293
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
5294
|
+
}
|
|
5295
|
+
.pf-v6-c-divider.pf-m-inset-2xl-on-xl {
|
|
5296
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
5297
|
+
}
|
|
5298
|
+
.pf-v6-c-divider.pf-m-inset-3xl-on-xl {
|
|
5299
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
5300
|
+
}
|
|
5301
|
+
}
|
|
5302
|
+
@media (min-width: 90.625rem) {
|
|
5303
|
+
.pf-v6-c-divider.pf-m-horizontal-on-2xl {
|
|
5304
|
+
flex-direction: row;
|
|
5305
|
+
width: 100%;
|
|
5306
|
+
height: var(--pf-v6-c-divider--Size);
|
|
5307
|
+
}
|
|
5308
|
+
}
|
|
5309
|
+
@media (min-width: 90.625rem) {
|
|
5310
|
+
.pf-v6-c-divider.pf-m-vertical-on-2xl {
|
|
5311
|
+
flex-direction: column;
|
|
5312
|
+
width: var(--pf-v6-c-divider--Size);
|
|
5313
|
+
height: inherit;
|
|
5314
|
+
}
|
|
5315
|
+
}
|
|
5316
|
+
@media (min-width: 90.625rem) {
|
|
5317
|
+
.pf-v6-c-divider.pf-m-inset-none-on-2xl {
|
|
5318
|
+
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
5319
|
+
}
|
|
5320
|
+
.pf-v6-c-divider.pf-m-inset-xs-on-2xl {
|
|
5321
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
5322
|
+
}
|
|
5323
|
+
.pf-v6-c-divider.pf-m-inset-sm-on-2xl {
|
|
5324
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
5325
|
+
}
|
|
5326
|
+
.pf-v6-c-divider.pf-m-inset-md-on-2xl {
|
|
5327
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
5328
|
+
}
|
|
5329
|
+
.pf-v6-c-divider.pf-m-inset-lg-on-2xl {
|
|
5330
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
5331
|
+
}
|
|
5332
|
+
.pf-v6-c-divider.pf-m-inset-xl-on-2xl {
|
|
5333
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
5334
|
+
}
|
|
5335
|
+
.pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
|
|
5336
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
5337
|
+
}
|
|
5338
|
+
.pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
|
|
5339
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
5324
5340
|
}
|
|
5325
5341
|
}
|
|
5326
5342
|
.pf-v6-c-dual-list-selector {
|
|
@@ -5673,6 +5689,94 @@ ul) {
|
|
|
5673
5689
|
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
5674
5690
|
}
|
|
5675
5691
|
|
|
5692
|
+
.pf-v6-c-expandable-section {
|
|
5693
|
+
--pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
|
|
5694
|
+
--pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
|
|
5695
|
+
--pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
5696
|
+
--pf-v6-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
|
|
5697
|
+
--pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
|
|
5698
|
+
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
|
5699
|
+
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
|
|
5700
|
+
--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
|
|
5701
|
+
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
|
5702
|
+
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
5703
|
+
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
5704
|
+
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
5705
|
+
--pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
5706
|
+
--pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
5707
|
+
--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
5708
|
+
--pf-v6-c-expandable-section--m-display-lg--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
5709
|
+
--pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
5710
|
+
--pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
|
|
5711
|
+
--pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
5712
|
+
--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) + var(--pf-t--global--spacer--gap--text-to-element--default) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
|
|
5713
|
+
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
5714
|
+
--pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
|
|
5715
|
+
}
|
|
5716
|
+
|
|
5717
|
+
.pf-v6-c-expandable-section {
|
|
5718
|
+
display: flex;
|
|
5719
|
+
flex-direction: column;
|
|
5720
|
+
gap: var(--pf-v6-c-expandable-section--Gap);
|
|
5721
|
+
}
|
|
5722
|
+
|
|
5723
|
+
.pf-v6-c-expandable-section.pf-m-expanded {
|
|
5724
|
+
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
|
|
5725
|
+
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
|
|
5726
|
+
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
|
|
5727
|
+
}
|
|
5728
|
+
|
|
5729
|
+
.pf-v6-c-expandable-section.pf-m-limit-width {
|
|
5730
|
+
--pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
|
|
5731
|
+
}
|
|
5732
|
+
|
|
5733
|
+
.pf-v6-c-expandable-section.pf-m-display-lg {
|
|
5734
|
+
padding-block-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart);
|
|
5735
|
+
padding-block-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd);
|
|
5736
|
+
padding-inline-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart);
|
|
5737
|
+
padding-inline-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd);
|
|
5738
|
+
background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
|
|
5739
|
+
border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
|
|
5740
|
+
border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
|
|
5741
|
+
}
|
|
5742
|
+
|
|
5743
|
+
.pf-v6-c-expandable-section.pf-m-indented {
|
|
5744
|
+
--pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
|
|
5745
|
+
}
|
|
5746
|
+
|
|
5747
|
+
.pf-v6-c-expandable-section.pf-m-truncate {
|
|
5748
|
+
--pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
|
|
5749
|
+
}
|
|
5750
|
+
|
|
5751
|
+
.pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
|
|
5752
|
+
display: -webkit-box;
|
|
5753
|
+
-webkit-box-orient: vertical;
|
|
5754
|
+
-webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
|
|
5755
|
+
overflow: hidden;
|
|
5756
|
+
}
|
|
5757
|
+
|
|
5758
|
+
.pf-v6-c-expandable-section__toggle-icon {
|
|
5759
|
+
display: inline-block;
|
|
5760
|
+
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
5761
|
+
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
5762
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
5763
|
+
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
5764
|
+
}
|
|
5765
|
+
|
|
5766
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
5767
|
+
scale: -1 1;
|
|
5768
|
+
}
|
|
5769
|
+
|
|
5770
|
+
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
5771
|
+
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
5772
|
+
}
|
|
5773
|
+
|
|
5774
|
+
.pf-v6-c-expandable-section__content {
|
|
5775
|
+
max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
|
|
5776
|
+
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
|
|
5777
|
+
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
|
|
5778
|
+
}
|
|
5779
|
+
|
|
5676
5780
|
.pf-v6-c-empty-state {
|
|
5677
5781
|
--pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
5678
5782
|
--pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
@@ -5822,92 +5926,64 @@ ul) {
|
|
|
5822
5926
|
justify-content: center;
|
|
5823
5927
|
}
|
|
5824
5928
|
|
|
5825
|
-
.pf-v6-c-
|
|
5826
|
-
--pf-v6-c-
|
|
5827
|
-
--pf-v6-c-
|
|
5828
|
-
--pf-v6-c-
|
|
5829
|
-
--pf-v6-c-
|
|
5830
|
-
--pf-v6-c-
|
|
5831
|
-
--pf-v6-c-
|
|
5832
|
-
--pf-v6-c-
|
|
5833
|
-
--pf-v6-c-
|
|
5834
|
-
--pf-v6-c-
|
|
5835
|
-
--pf-v6-c-
|
|
5836
|
-
--pf-v6-c-
|
|
5837
|
-
--pf-v6-c-
|
|
5838
|
-
--pf-v6-c-
|
|
5839
|
-
--pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
5840
|
-
--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
5841
|
-
--pf-v6-c-expandable-section--m-display-lg--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
5842
|
-
--pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
5843
|
-
--pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
|
|
5844
|
-
--pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
5845
|
-
--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) + var(--pf-t--global--spacer--gap--text-to-element--default) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
|
|
5846
|
-
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
5847
|
-
--pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
|
|
5929
|
+
.pf-v6-c-file-upload {
|
|
5930
|
+
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
5931
|
+
--pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
5932
|
+
--pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
5933
|
+
--pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
5934
|
+
--pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
5935
|
+
--pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
5936
|
+
--pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
5937
|
+
--pf-v6-c-file-upload--BorderColor: transparent;
|
|
5938
|
+
--pf-v6-c-file-upload--BorderStyle: solid;
|
|
5939
|
+
--pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
|
|
5940
|
+
--pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
|
|
5941
|
+
--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
5942
|
+
--pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
|
|
5848
5943
|
}
|
|
5849
5944
|
|
|
5850
|
-
.pf-v6-c-
|
|
5945
|
+
.pf-v6-c-file-upload {
|
|
5946
|
+
position: relative;
|
|
5851
5947
|
display: flex;
|
|
5852
5948
|
flex-direction: column;
|
|
5853
|
-
gap: var(--pf-v6-c-
|
|
5949
|
+
row-gap: var(--pf-v6-c-file-upload--RowGap);
|
|
5950
|
+
padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
|
|
5951
|
+
padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
|
|
5952
|
+
padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
|
|
5953
|
+
padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
|
|
5954
|
+
border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
|
|
5955
|
+
border-radius: var(--pf-v6-c-file-upload--BorderRadius);
|
|
5854
5956
|
}
|
|
5855
5957
|
|
|
5856
|
-
.pf-v6-c-
|
|
5857
|
-
--pf-v6-c-
|
|
5858
|
-
--pf-v6-c-
|
|
5859
|
-
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
|
|
5958
|
+
.pf-v6-c-file-upload.pf-m-drag-hover {
|
|
5959
|
+
--pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
|
|
5960
|
+
--pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
|
|
5860
5961
|
}
|
|
5861
5962
|
|
|
5862
|
-
.pf-v6-c-
|
|
5863
|
-
|
|
5864
|
-
}
|
|
5865
|
-
|
|
5866
|
-
.pf-v6-c-expandable-section.pf-m-display-lg {
|
|
5867
|
-
padding-block-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart);
|
|
5868
|
-
padding-block-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd);
|
|
5869
|
-
padding-inline-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart);
|
|
5870
|
-
padding-inline-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd);
|
|
5871
|
-
background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
|
|
5872
|
-
border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
|
|
5873
|
-
border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
|
|
5874
|
-
}
|
|
5875
|
-
|
|
5876
|
-
.pf-v6-c-expandable-section.pf-m-indented {
|
|
5877
|
-
--pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
|
|
5878
|
-
}
|
|
5879
|
-
|
|
5880
|
-
.pf-v6-c-expandable-section.pf-m-truncate {
|
|
5881
|
-
--pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
|
|
5882
|
-
}
|
|
5883
|
-
|
|
5884
|
-
.pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
|
|
5885
|
-
display: -webkit-box;
|
|
5886
|
-
-webkit-box-orient: vertical;
|
|
5887
|
-
-webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
|
|
5888
|
-
overflow: hidden;
|
|
5963
|
+
.pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
|
|
5964
|
+
position: relative;
|
|
5889
5965
|
}
|
|
5890
5966
|
|
|
5891
|
-
.pf-v6-c-
|
|
5892
|
-
|
|
5893
|
-
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
5894
|
-
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
5895
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
5896
|
-
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
5967
|
+
.pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
|
|
5968
|
+
outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
|
|
5897
5969
|
}
|
|
5898
5970
|
|
|
5899
|
-
|
|
5900
|
-
|
|
5971
|
+
.pf-v6-c-file-upload__file-details {
|
|
5972
|
+
position: relative;
|
|
5973
|
+
display: flex;
|
|
5901
5974
|
}
|
|
5902
5975
|
|
|
5903
|
-
.pf-v6-c-
|
|
5904
|
-
|
|
5976
|
+
.pf-v6-c-file-upload__file-details .pf-v6-c-form-control {
|
|
5977
|
+
flex: 1 1 auto;
|
|
5978
|
+
min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
|
|
5979
|
+
border-block-start: 0;
|
|
5905
5980
|
}
|
|
5906
5981
|
|
|
5907
|
-
.pf-v6-c-
|
|
5908
|
-
|
|
5909
|
-
|
|
5910
|
-
|
|
5982
|
+
.pf-v6-c-file-upload__file-details-spinner {
|
|
5983
|
+
position: absolute;
|
|
5984
|
+
inset-block-start: 50%;
|
|
5985
|
+
inset-inline-start: 50%;
|
|
5986
|
+
transform: translate(-50%, -50%);
|
|
5911
5987
|
}
|
|
5912
5988
|
|
|
5913
5989
|
.pf-v6-c-form {
|
|
@@ -7302,629 +7378,629 @@ label.pf-v6-c-input-group__text {
|
|
|
7302
7378
|
cursor: pointer;
|
|
7303
7379
|
}
|
|
7304
7380
|
|
|
7305
|
-
.pf-v6-c-
|
|
7306
|
-
--pf-v6-c-
|
|
7307
|
-
--pf-v6-c-
|
|
7308
|
-
--pf-v6-c-
|
|
7309
|
-
--pf-v6-c-
|
|
7310
|
-
--pf-v6-c-
|
|
7311
|
-
--pf-v6-c-
|
|
7312
|
-
--pf-v6-c-
|
|
7313
|
-
--pf-v6-c-
|
|
7314
|
-
--pf-v6-c-
|
|
7315
|
-
--pf-v6-c-
|
|
7316
|
-
--pf-v6-c-
|
|
7317
|
-
--pf-v6-c-
|
|
7318
|
-
--pf-v6-c-
|
|
7319
|
-
--pf-v6-c-
|
|
7320
|
-
--pf-v6-c-
|
|
7321
|
-
--pf-v6-c-
|
|
7322
|
-
--pf-v6-c-
|
|
7323
|
-
--pf-v6-c-
|
|
7324
|
-
--pf-v6-c-
|
|
7325
|
-
--pf-v6-c-
|
|
7326
|
-
--pf-v6-c-
|
|
7327
|
-
--pf-v6-c-
|
|
7328
|
-
--pf-v6-c-
|
|
7329
|
-
--pf-v6-c-
|
|
7330
|
-
--pf-v6-c-
|
|
7331
|
-
--pf-v6-c-
|
|
7332
|
-
--pf-v6-c-
|
|
7333
|
-
--pf-v6-c-
|
|
7334
|
-
--pf-v6-c-
|
|
7335
|
-
--pf-v6-c-
|
|
7336
|
-
--pf-v6-c-
|
|
7337
|
-
--pf-v6-c-
|
|
7338
|
-
--pf-v6-c-
|
|
7339
|
-
--pf-v6-c-
|
|
7340
|
-
--pf-v6-c-
|
|
7341
|
-
--pf-v6-c-
|
|
7342
|
-
--pf-v6-c-
|
|
7343
|
-
--pf-v6-c-
|
|
7344
|
-
--pf-v6-c-
|
|
7345
|
-
--pf-v6-c-
|
|
7346
|
-
--pf-v6-c-
|
|
7347
|
-
--pf-v6-c-
|
|
7348
|
-
--pf-v6-c-
|
|
7349
|
-
--pf-v6-c-
|
|
7350
|
-
--pf-v6-c-
|
|
7351
|
-
--pf-v6-c-
|
|
7352
|
-
--pf-v6-c-
|
|
7353
|
-
--pf-v6-c-
|
|
7354
|
-
--pf-v6-c-
|
|
7355
|
-
--pf-v6-c-
|
|
7356
|
-
--pf-v6-c-sidebar__panel--InsetBlockStart: 0;
|
|
7357
|
-
--pf-v6-c-sidebar__panel--md--InsetBlockStart: auto;
|
|
7358
|
-
--pf-v6-c-sidebar__panel--Position: sticky;
|
|
7359
|
-
--pf-v6-c-sidebar__panel--md--Position: static;
|
|
7360
|
-
--pf-v6-c-sidebar__panel--FlexBasis-base: auto;
|
|
7361
|
-
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis-base);
|
|
7362
|
-
--pf-v6-c-sidebar__panel--md--FlexBasis: 15.625rem;
|
|
7363
|
-
--pf-v6-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
|
|
7364
|
-
--pf-v6-c-sidebar__panel--m-stack--FlexBasis: auto;
|
|
7365
|
-
--pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--z-index--xs);
|
|
7366
|
-
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7367
|
-
--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7368
|
-
--pf-v6-c-sidebar__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7369
|
-
--pf-v6-c-sidebar__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7370
|
-
--pf-v6-c-sidebar__panel--m-sticky--InsetBlockStart: 0;
|
|
7371
|
-
--pf-v6-c-sidebar__panel--m-sticky--Position: sticky;
|
|
7381
|
+
.pf-v6-c-jump-links {
|
|
7382
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7383
|
+
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
|
7384
|
+
--pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
7385
|
+
--pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
|
|
7386
|
+
--pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
7387
|
+
--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
7388
|
+
--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd: 0;
|
|
7389
|
+
--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7390
|
+
--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart: 0;
|
|
7391
|
+
--pf-v6-c-jump-links__list--FlexDirection: row;
|
|
7392
|
+
--pf-v6-c-jump-links--m-vertical__list--FlexDirection: column;
|
|
7393
|
+
--pf-v6-c-jump-links__list--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
7394
|
+
--pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-t--global--border--width--box--default);
|
|
7395
|
+
--pf-v6-c-jump-links__list--before--BorderInlineEndWidth: 0;
|
|
7396
|
+
--pf-v6-c-jump-links__list--before--BorderBlockEndWidth: 0;
|
|
7397
|
+
--pf-v6-c-jump-links__list--before--BorderInlineStartWidth: 0;
|
|
7398
|
+
--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth: var(--pf-t--global--border--width--box--default);
|
|
7399
|
+
--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth: 0;
|
|
7400
|
+
--pf-v6-c-jump-links__list__list--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
7401
|
+
--pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7402
|
+
--pf-v6-c-jump-links__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7403
|
+
--pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7404
|
+
--pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7405
|
+
--pf-v6-c-jump-links__list__list__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7406
|
+
--pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
7407
|
+
--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7408
|
+
--pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
|
|
7409
|
+
--pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
|
|
7410
|
+
--pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
|
|
7411
|
+
--pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
|
|
7412
|
+
--pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
|
|
7413
|
+
--pf-v6-c-jump-links__link--before--BorderColor: transparent;
|
|
7414
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
7415
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
|
|
7416
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7417
|
+
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
|
|
7418
|
+
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
7419
|
+
--pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7420
|
+
--pf-v6-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7421
|
+
--pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
|
|
7422
|
+
--pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
7423
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7424
|
+
--pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
|
|
7425
|
+
--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7426
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7427
|
+
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7428
|
+
--pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
7429
|
+
--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7430
|
+
--pf-v6-c-jump-links__toggle-icon--Rotate: 0;
|
|
7431
|
+
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
7372
7432
|
}
|
|
7373
7433
|
|
|
7374
|
-
.pf-v6-c-
|
|
7375
|
-
|
|
7434
|
+
.pf-v6-c-jump-links {
|
|
7435
|
+
display: flex;
|
|
7376
7436
|
}
|
|
7377
7437
|
|
|
7378
|
-
|
|
7379
|
-
|
|
7380
|
-
--pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
|
|
7381
|
-
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
|
|
7382
|
-
--pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar__main--m-border--before--md--Display);
|
|
7383
|
-
--pf-v6-c-sidebar__panel--BoxShadow: none;
|
|
7384
|
-
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--md--FlexBasis);
|
|
7385
|
-
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--md--InsetBlockStart);
|
|
7386
|
-
--pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar__panel--md--Position);
|
|
7387
|
-
}
|
|
7388
|
-
}
|
|
7389
|
-
@media (min-width: 75rem) {
|
|
7390
|
-
.pf-v6-c-sidebar {
|
|
7391
|
-
--pf-v6-c-sidebar--inset: var(--pf-v6-c-sidebar--xl--inset);
|
|
7392
|
-
}
|
|
7393
|
-
}
|
|
7394
|
-
.pf-v6-c-sidebar.pf-m-gutter > .pf-v6-c-sidebar__main {
|
|
7395
|
-
gap: var(--pf-v6-c-sidebar--m-gutter__main--Gap);
|
|
7438
|
+
.pf-v6-c-jump-links.pf-m-center {
|
|
7439
|
+
justify-content: center;
|
|
7396
7440
|
}
|
|
7397
7441
|
|
|
7398
|
-
.pf-v6-c-
|
|
7399
|
-
|
|
7400
|
-
--pf-v6-c-sidebar__content--Order: var(--pf-v6-c-sidebar--m-panel-right__content--Order);
|
|
7442
|
+
.pf-v6-c-jump-links.pf-m-center .pf-v6-c-jump-links__main {
|
|
7443
|
+
align-items: center;
|
|
7401
7444
|
}
|
|
7402
7445
|
|
|
7403
|
-
|
|
7404
|
-
|
|
7405
|
-
|
|
7406
|
-
|
|
7407
|
-
|
|
7408
|
-
|
|
7409
|
-
|
|
7410
|
-
--pf-v6-c-
|
|
7411
|
-
--pf-v6-c-
|
|
7412
|
-
--pf-v6-c-
|
|
7413
|
-
|
|
7414
|
-
--pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar--m-stack__panel--BoxShadow);
|
|
7415
|
-
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-stack--FlexBasis);
|
|
7416
|
-
--pf-v6-c-sidebar__main--m-border--before--Display: none;
|
|
7417
|
-
--pf-v6-c-sidebar--m-panel-right__panel--Order: var(--pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order);
|
|
7446
|
+
.pf-v6-c-jump-links.pf-m-vertical, .pf-v6-c-jump-links.pf-m-expandable {
|
|
7447
|
+
--pf-v6-c-jump-links__list--PaddingBlockStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart);
|
|
7448
|
+
--pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd);
|
|
7449
|
+
--pf-v6-c-jump-links__list--PaddingBlockEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd);
|
|
7450
|
+
--pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart);
|
|
7451
|
+
--pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
|
|
7452
|
+
--pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
|
|
7453
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth);
|
|
7454
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth);
|
|
7455
|
+
--pf-v6-c-jump-links__list--FlexDirection: var(--pf-v6-c-jump-links--m-vertical__list--FlexDirection);
|
|
7456
|
+
flex-direction: column;
|
|
7418
7457
|
}
|
|
7419
7458
|
|
|
7420
|
-
.pf-v6-c-
|
|
7421
|
-
--pf-v6-c-
|
|
7422
|
-
--pf-v6-c-
|
|
7423
|
-
--pf-v6-c-
|
|
7424
|
-
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-split__panel--InsetBlockStart);
|
|
7425
|
-
--pf-v6-c-sidebar__panel--BoxShadow: none;
|
|
7426
|
-
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-split--FlexBasis);
|
|
7427
|
-
--pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar--m-split__main--m-border--before--Display);
|
|
7428
|
-
--pf-v6-c-sidebar--m-panel-right__panel--Order: var(--pf-v6-c-sidebar--m-split--m-panel-right__panel--Order);
|
|
7459
|
+
.pf-v6-c-jump-links.pf-m-expandable {
|
|
7460
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7461
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7462
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7429
7463
|
}
|
|
7430
7464
|
|
|
7431
|
-
.pf-v6-c-
|
|
7432
|
-
|
|
7433
|
-
|
|
7434
|
-
|
|
7465
|
+
.pf-v6-c-jump-links.pf-m-non-expandable {
|
|
7466
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7467
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7468
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7435
7469
|
}
|
|
7436
7470
|
|
|
7437
|
-
|
|
7438
|
-
|
|
7439
|
-
|
|
7440
|
-
|
|
7441
|
-
|
|
7442
|
-
|
|
7471
|
+
@media (min-width: 36rem) {
|
|
7472
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-sm {
|
|
7473
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7474
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7475
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7476
|
+
}
|
|
7477
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-sm {
|
|
7478
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7479
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7480
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7481
|
+
}
|
|
7443
7482
|
}
|
|
7444
|
-
|
|
7445
|
-
.pf-v6-c-
|
|
7446
|
-
|
|
7447
|
-
|
|
7448
|
-
|
|
7449
|
-
|
|
7450
|
-
|
|
7451
|
-
|
|
7452
|
-
|
|
7453
|
-
|
|
7454
|
-
|
|
7455
|
-
padding-inline-end: var(--pf-v6-c-sidebar__panel--PaddingInlineEnd);
|
|
7456
|
-
background-color: var(--pf-v6-c-sidebar__panel--BackgroundColor);
|
|
7457
|
-
box-shadow: var(--pf-v6-c-sidebar__panel--BoxShadow);
|
|
7483
|
+
@media (min-width: 48rem) {
|
|
7484
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-md {
|
|
7485
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7486
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7487
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7488
|
+
}
|
|
7489
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-md {
|
|
7490
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7491
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7492
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7493
|
+
}
|
|
7458
7494
|
}
|
|
7459
|
-
|
|
7460
|
-
.pf-v6-c-
|
|
7461
|
-
|
|
7462
|
-
|
|
7463
|
-
|
|
7464
|
-
|
|
7495
|
+
@media (min-width: 62rem) {
|
|
7496
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-lg {
|
|
7497
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7498
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7499
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7500
|
+
}
|
|
7501
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-lg {
|
|
7502
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7503
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7504
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7505
|
+
}
|
|
7465
7506
|
}
|
|
7466
|
-
|
|
7467
|
-
.pf-v6-c-
|
|
7468
|
-
|
|
7469
|
-
|
|
7507
|
+
@media (min-width: 75rem) {
|
|
7508
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-xl {
|
|
7509
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7510
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7511
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7512
|
+
}
|
|
7513
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-xl {
|
|
7514
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7515
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7516
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7517
|
+
}
|
|
7470
7518
|
}
|
|
7471
|
-
|
|
7472
|
-
.pf-v6-c-
|
|
7473
|
-
|
|
7474
|
-
|
|
7519
|
+
@media (min-width: 90.625rem) {
|
|
7520
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-2xl {
|
|
7521
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7522
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7523
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7524
|
+
}
|
|
7525
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-2xl {
|
|
7526
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7527
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7528
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7529
|
+
}
|
|
7530
|
+
}
|
|
7531
|
+
.pf-v6-c-jump-links.pf-m-expanded {
|
|
7532
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7533
|
+
--pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd);
|
|
7534
|
+
--pf-v6-c-jump-links__toggle-icon--Rotate: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate);
|
|
7535
|
+
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Color);
|
|
7475
7536
|
}
|
|
7476
7537
|
|
|
7477
|
-
.pf-v6-c-
|
|
7478
|
-
|
|
7538
|
+
.pf-v6-c-jump-links__list {
|
|
7539
|
+
position: relative;
|
|
7540
|
+
display: var(--pf-v6-c-jump-links__list--Display);
|
|
7541
|
+
flex-direction: var(--pf-v6-c-jump-links__list--FlexDirection);
|
|
7542
|
+
padding-block-start: var(--pf-v6-c-jump-links__list--PaddingBlockStart);
|
|
7543
|
+
padding-block-end: var(--pf-v6-c-jump-links__list--PaddingBlockEnd);
|
|
7544
|
+
padding-inline-start: var(--pf-v6-c-jump-links__list--PaddingInlineStart);
|
|
7545
|
+
padding-inline-end: var(--pf-v6-c-jump-links__list--PaddingInlineEnd);
|
|
7479
7546
|
}
|
|
7480
7547
|
|
|
7481
|
-
.pf-v6-c-
|
|
7482
|
-
|
|
7483
|
-
|
|
7484
|
-
|
|
7485
|
-
|
|
7486
|
-
|
|
7487
|
-
|
|
7488
|
-
|
|
7548
|
+
.pf-v6-c-jump-links__list::before {
|
|
7549
|
+
position: absolute;
|
|
7550
|
+
inset: 0;
|
|
7551
|
+
pointer-events: none;
|
|
7552
|
+
content: "";
|
|
7553
|
+
border: solid var(--pf-v6-c-jump-links__list--before--BorderColor);
|
|
7554
|
+
border-block-start-width: var(--pf-v6-c-jump-links__list--before--BorderBlockStartWidth);
|
|
7555
|
+
border-block-end-width: var(--pf-v6-c-jump-links__list--before--BorderBlockEndWidth);
|
|
7556
|
+
border-inline-start-width: var(--pf-v6-c-jump-links__list--before--BorderInlineStartWidth);
|
|
7557
|
+
border-inline-end-width: var(--pf-v6-c-jump-links__list--before--BorderInlineEndWidth);
|
|
7489
7558
|
}
|
|
7490
7559
|
|
|
7491
|
-
.pf-v6-c-
|
|
7492
|
-
--pf-v6-c-
|
|
7493
|
-
--pf-v6-c-
|
|
7494
|
-
--pf-v6-c-
|
|
7495
|
-
--pf-v6-c-
|
|
7560
|
+
.pf-v6-c-jump-links__list .pf-v6-c-jump-links__list {
|
|
7561
|
+
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
|
7562
|
+
--pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
|
|
7563
|
+
--pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockStart);
|
|
7564
|
+
--pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd);
|
|
7565
|
+
--pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-v6-c-jump-links__list__list__link--PaddingInlineStart);
|
|
7566
|
+
margin-block-start: var(--pf-v6-c-jump-links__list__list--MarginBlockStart);
|
|
7496
7567
|
}
|
|
7497
7568
|
|
|
7498
|
-
.pf-v6-c-
|
|
7499
|
-
|
|
7569
|
+
.pf-v6-c-jump-links__link {
|
|
7570
|
+
position: relative;
|
|
7571
|
+
display: flex;
|
|
7572
|
+
flex: 1;
|
|
7573
|
+
padding-block-start: var(--pf-v6-c-jump-links__link--PaddingBlockStart);
|
|
7574
|
+
padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
|
|
7575
|
+
padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
|
|
7576
|
+
padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
|
|
7577
|
+
text-decoration: none;
|
|
7578
|
+
outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
|
|
7500
7579
|
}
|
|
7501
7580
|
|
|
7502
|
-
.pf-v6-c-
|
|
7503
|
-
--pf-v6-c-
|
|
7581
|
+
.pf-v6-c-jump-links__link:is(:hover, :focus) {
|
|
7582
|
+
--pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
|
|
7504
7583
|
}
|
|
7505
7584
|
|
|
7506
|
-
.pf-v6-c-
|
|
7507
|
-
|
|
7585
|
+
.pf-v6-c-jump-links__link::before {
|
|
7586
|
+
position: absolute;
|
|
7587
|
+
inset: 0;
|
|
7588
|
+
pointer-events: none;
|
|
7589
|
+
content: "";
|
|
7590
|
+
border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
|
|
7591
|
+
border-style: solid;
|
|
7592
|
+
border-block-start-width: var(--pf-v6-c-jump-links__link--before--BorderBlockStartWidth);
|
|
7593
|
+
border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
|
|
7594
|
+
border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
|
|
7595
|
+
border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
|
|
7508
7596
|
}
|
|
7509
7597
|
|
|
7510
|
-
|
|
7511
|
-
--pf-v6-c-
|
|
7598
|
+
.pf-v6-c-jump-links__item {
|
|
7599
|
+
--pf-v6-c-jump-links__list--before--BorderColor: transparent;
|
|
7512
7600
|
}
|
|
7513
7601
|
|
|
7514
|
-
.pf-v6-c-
|
|
7515
|
-
|
|
7516
|
-
|
|
7517
|
-
|
|
7602
|
+
.pf-v6-c-jump-links__item.pf-m-current > .pf-v6-c-jump-links__link {
|
|
7603
|
+
--pf-v6-c-jump-links__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth);
|
|
7604
|
+
--pf-v6-c-jump-links__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth);
|
|
7605
|
+
--pf-v6-c-jump-links__link--before--BorderColor: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderColor);
|
|
7606
|
+
--pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__item--m-current__link-text--Color);
|
|
7518
7607
|
}
|
|
7519
7608
|
|
|
7520
|
-
.pf-v6-c-
|
|
7521
|
-
|
|
7609
|
+
.pf-v6-c-jump-links__link-text {
|
|
7610
|
+
color: var(--pf-v6-c-jump-links__link-text--Color);
|
|
7522
7611
|
}
|
|
7523
7612
|
|
|
7524
|
-
.pf-v6-c-
|
|
7525
|
-
--pf-v6-c-
|
|
7613
|
+
.pf-v6-c-jump-links__label {
|
|
7614
|
+
display: var(--pf-v6-c-jump-links__label--Display);
|
|
7615
|
+
margin-block-end: var(--pf-v6-c-jump-links__label--MarginBlockEnd);
|
|
7526
7616
|
}
|
|
7527
7617
|
|
|
7528
|
-
.pf-v6-c-
|
|
7529
|
-
|
|
7618
|
+
.pf-v6-c-jump-links__main {
|
|
7619
|
+
display: flex;
|
|
7620
|
+
flex-direction: column;
|
|
7530
7621
|
}
|
|
7531
7622
|
|
|
7532
|
-
.pf-v6-c-
|
|
7533
|
-
--pf-v6-c-
|
|
7623
|
+
.pf-v6-c-jump-links__toggle {
|
|
7624
|
+
display: var(--pf-v6-c-jump-links__toggle--Display);
|
|
7625
|
+
margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
|
|
7534
7626
|
}
|
|
7535
7627
|
|
|
7536
|
-
.pf-v6-c-
|
|
7537
|
-
|
|
7628
|
+
.pf-v6-c-jump-links__toggle-icon {
|
|
7629
|
+
display: inline-block;
|
|
7630
|
+
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
7631
|
+
transition: transform var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration) var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
7632
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
7538
7633
|
}
|
|
7539
7634
|
|
|
7540
|
-
.pf-v6-
|
|
7541
|
-
|
|
7635
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
7636
|
+
scale: -1 1;
|
|
7542
7637
|
}
|
|
7543
7638
|
|
|
7544
|
-
.pf-v6-c-
|
|
7545
|
-
--pf-v6-c-
|
|
7639
|
+
.pf-v6-c-sidebar {
|
|
7640
|
+
--pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
|
|
7641
|
+
--pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
|
|
7642
|
+
--pf-v6-c-sidebar--BorderWidth--base: var(--pf-t--global--border--width--regular);
|
|
7643
|
+
--pf-v6-c-sidebar--BorderColor--base: var(--pf-t--global--border--color--default);
|
|
7644
|
+
--pf-v6-c-sidebar__panel--PaddingBlockStart: 0;
|
|
7645
|
+
--pf-v6-c-sidebar__panel--PaddingInlineEnd: 0;
|
|
7646
|
+
--pf-v6-c-sidebar__panel--PaddingBlockEnd: 0;
|
|
7647
|
+
--pf-v6-c-sidebar__panel--PaddingInlineStart: 0;
|
|
7648
|
+
--pf-v6-c-sidebar__panel--Order: -1;
|
|
7649
|
+
--pf-v6-c-sidebar__panel--m-padding--PaddingBlockStart: var(--pf-v6-c-sidebar--inset);
|
|
7650
|
+
--pf-v6-c-sidebar__panel--m-padding--PaddingInlineEnd: var(--pf-v6-c-sidebar--inset);
|
|
7651
|
+
--pf-v6-c-sidebar__panel--m-padding--PaddingBlockEnd: var(--pf-v6-c-sidebar--inset);
|
|
7652
|
+
--pf-v6-c-sidebar__panel--m-padding--PaddingInlineStart: var(--pf-v6-c-sidebar--inset);
|
|
7653
|
+
--pf-v6-c-sidebar__content--PaddingBlockStart: 0;
|
|
7654
|
+
--pf-v6-c-sidebar__content--PaddingInlineEnd: 0;
|
|
7655
|
+
--pf-v6-c-sidebar__content--PaddingBlockEnd: 0;
|
|
7656
|
+
--pf-v6-c-sidebar__content--PaddingInlineStart: 0;
|
|
7657
|
+
--pf-v6-c-sidebar__content--Order: 1;
|
|
7658
|
+
--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart: var(--pf-v6-c-sidebar--inset);
|
|
7659
|
+
--pf-v6-c-sidebar__content--m-padding--PaddingInlineEnd: var(--pf-v6-c-sidebar--inset);
|
|
7660
|
+
--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd: var(--pf-v6-c-sidebar--inset);
|
|
7661
|
+
--pf-v6-c-sidebar__content--m-padding--PaddingInlineStart: var(--pf-v6-c-sidebar--inset);
|
|
7662
|
+
--pf-v6-c-sidebar__main--FlexDirection: column;
|
|
7663
|
+
--pf-v6-c-sidebar__main--md--FlexDirection: row;
|
|
7664
|
+
--pf-v6-c-sidebar__main--AlignItems: stretch;
|
|
7665
|
+
--pf-v6-c-sidebar__main--md--AlignItems: flex-start;
|
|
7666
|
+
--pf-v6-c-sidebar__main--child--MarginBlockStart: 0;
|
|
7667
|
+
--pf-v6-c-sidebar--m-gutter__main--Gap: var(--pf-v6-c-sidebar--inset);
|
|
7668
|
+
--pf-v6-c-sidebar__main--m-border--before--Display: none;
|
|
7669
|
+
--pf-v6-c-sidebar__main--m-border--before--md--Display: block;
|
|
7670
|
+
--pf-v6-c-sidebar__main--m-border--before--BorderWidth: var(--pf-v6-c-sidebar--BorderWidth--base);
|
|
7671
|
+
--pf-v6-c-sidebar__main--m-border--before--BorderColor: var(--pf-v6-c-sidebar--BorderColor--base);
|
|
7672
|
+
--pf-v6-c-sidebar--m-panel-right__panel--Order: -1;
|
|
7673
|
+
--pf-v6-c-sidebar--m-panel-right__panel--md--Order: 1;
|
|
7674
|
+
--pf-v6-c-sidebar--m-panel-right__content--md--Order: -1;
|
|
7675
|
+
--pf-v6-c-sidebar--m-stack__main--FlexDirection: column;
|
|
7676
|
+
--pf-v6-c-sidebar--m-stack__main--AlignItems: stretch;
|
|
7677
|
+
--pf-v6-c-sidebar--m-stack__panel--Position: sticky;
|
|
7678
|
+
--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart: 0;
|
|
7679
|
+
--pf-v6-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
|
|
7680
|
+
--pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
|
|
7681
|
+
--pf-v6-c-sidebar--m-split__main--AlignItems: flex-start;
|
|
7682
|
+
--pf-v6-c-sidebar--m-split__main--FlexDirection: row;
|
|
7683
|
+
--pf-v6-c-sidebar--m-split__panel--Position: static;
|
|
7684
|
+
--pf-v6-c-sidebar--m-split__panel--InsetBlockStart: auto;
|
|
7685
|
+
--pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
|
|
7686
|
+
--pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
|
|
7687
|
+
--pf-v6-c-sidebar__panel--FlexBasis--base: auto;
|
|
7688
|
+
--pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
|
|
7689
|
+
--pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
|
|
7690
|
+
--pf-v6-c-sidebar__panel--InsetBlockStart: 0;
|
|
7691
|
+
--pf-v6-c-sidebar__panel--md--InsetBlockStart: auto;
|
|
7692
|
+
--pf-v6-c-sidebar__panel--Position: sticky;
|
|
7693
|
+
--pf-v6-c-sidebar__panel--md--Position: static;
|
|
7694
|
+
--pf-v6-c-sidebar__panel--FlexBasis-base: auto;
|
|
7695
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis-base);
|
|
7696
|
+
--pf-v6-c-sidebar__panel--md--FlexBasis: 15.625rem;
|
|
7697
|
+
--pf-v6-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
|
|
7698
|
+
--pf-v6-c-sidebar__panel--m-stack--FlexBasis: auto;
|
|
7699
|
+
--pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--z-index--xs);
|
|
7700
|
+
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7701
|
+
--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7702
|
+
--pf-v6-c-sidebar__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7703
|
+
--pf-v6-c-sidebar__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7704
|
+
--pf-v6-c-sidebar__panel--m-sticky--InsetBlockStart: 0;
|
|
7705
|
+
--pf-v6-c-sidebar__panel--m-sticky--Position: sticky;
|
|
7546
7706
|
}
|
|
7547
7707
|
|
|
7548
|
-
|
|
7549
|
-
|
|
7550
|
-
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
7551
|
-
}
|
|
7552
|
-
.pf-v6-c-sidebar__panel.pf-m-width-25-on-sm {
|
|
7553
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
7554
|
-
}
|
|
7555
|
-
.pf-v6-c-sidebar__panel.pf-m-width-33-on-sm {
|
|
7556
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
7557
|
-
}
|
|
7558
|
-
.pf-v6-c-sidebar__panel.pf-m-width-50-on-sm {
|
|
7559
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
7560
|
-
}
|
|
7561
|
-
.pf-v6-c-sidebar__panel.pf-m-width-66-on-sm {
|
|
7562
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
7563
|
-
}
|
|
7564
|
-
.pf-v6-c-sidebar__panel.pf-m-width-75-on-sm {
|
|
7565
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
7566
|
-
}
|
|
7567
|
-
.pf-v6-c-sidebar__panel.pf-m-width-100-on-sm {
|
|
7568
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
7569
|
-
}
|
|
7708
|
+
.pf-v6-c-sidebar {
|
|
7709
|
+
height: 100%;
|
|
7570
7710
|
}
|
|
7711
|
+
|
|
7571
7712
|
@media (min-width: 48rem) {
|
|
7572
|
-
.pf-v6-c-
|
|
7573
|
-
--pf-v6-c-
|
|
7574
|
-
|
|
7575
|
-
|
|
7576
|
-
--pf-v6-c-sidebar__panel--
|
|
7577
|
-
|
|
7578
|
-
|
|
7579
|
-
--pf-v6-c-sidebar__panel--
|
|
7580
|
-
}
|
|
7581
|
-
.pf-v6-c-sidebar__panel.pf-m-width-50-on-md {
|
|
7582
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
7583
|
-
}
|
|
7584
|
-
.pf-v6-c-sidebar__panel.pf-m-width-66-on-md {
|
|
7585
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
7586
|
-
}
|
|
7587
|
-
.pf-v6-c-sidebar__panel.pf-m-width-75-on-md {
|
|
7588
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
7589
|
-
}
|
|
7590
|
-
.pf-v6-c-sidebar__panel.pf-m-width-100-on-md {
|
|
7591
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
7592
|
-
}
|
|
7593
|
-
}
|
|
7594
|
-
@media (min-width: 62rem) {
|
|
7595
|
-
.pf-v6-c-sidebar__panel.pf-m-width-default-on-lg {
|
|
7596
|
-
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
7597
|
-
}
|
|
7598
|
-
.pf-v6-c-sidebar__panel.pf-m-width-25-on-lg {
|
|
7599
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
7600
|
-
}
|
|
7601
|
-
.pf-v6-c-sidebar__panel.pf-m-width-33-on-lg {
|
|
7602
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
7603
|
-
}
|
|
7604
|
-
.pf-v6-c-sidebar__panel.pf-m-width-50-on-lg {
|
|
7605
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
7606
|
-
}
|
|
7607
|
-
.pf-v6-c-sidebar__panel.pf-m-width-66-on-lg {
|
|
7608
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
7609
|
-
}
|
|
7610
|
-
.pf-v6-c-sidebar__panel.pf-m-width-75-on-lg {
|
|
7611
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
7612
|
-
}
|
|
7613
|
-
.pf-v6-c-sidebar__panel.pf-m-width-100-on-lg {
|
|
7614
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
7713
|
+
.pf-v6-c-sidebar {
|
|
7714
|
+
--pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
|
|
7715
|
+
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
|
|
7716
|
+
--pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar__main--m-border--before--md--Display);
|
|
7717
|
+
--pf-v6-c-sidebar__panel--BoxShadow: none;
|
|
7718
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--md--FlexBasis);
|
|
7719
|
+
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--md--InsetBlockStart);
|
|
7720
|
+
--pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar__panel--md--Position);
|
|
7615
7721
|
}
|
|
7616
7722
|
}
|
|
7617
7723
|
@media (min-width: 75rem) {
|
|
7618
|
-
.pf-v6-c-
|
|
7619
|
-
--pf-v6-c-
|
|
7620
|
-
}
|
|
7621
|
-
.pf-v6-c-sidebar__panel.pf-m-width-25-on-xl {
|
|
7622
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
7623
|
-
}
|
|
7624
|
-
.pf-v6-c-sidebar__panel.pf-m-width-33-on-xl {
|
|
7625
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
7626
|
-
}
|
|
7627
|
-
.pf-v6-c-sidebar__panel.pf-m-width-50-on-xl {
|
|
7628
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
7629
|
-
}
|
|
7630
|
-
.pf-v6-c-sidebar__panel.pf-m-width-66-on-xl {
|
|
7631
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
7632
|
-
}
|
|
7633
|
-
.pf-v6-c-sidebar__panel.pf-m-width-75-on-xl {
|
|
7634
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
7635
|
-
}
|
|
7636
|
-
.pf-v6-c-sidebar__panel.pf-m-width-100-on-xl {
|
|
7637
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
7724
|
+
.pf-v6-c-sidebar {
|
|
7725
|
+
--pf-v6-c-sidebar--inset: var(--pf-v6-c-sidebar--xl--inset);
|
|
7638
7726
|
}
|
|
7639
7727
|
}
|
|
7640
|
-
|
|
7641
|
-
|
|
7642
|
-
|
|
7643
|
-
|
|
7644
|
-
|
|
7645
|
-
|
|
7646
|
-
|
|
7647
|
-
|
|
7648
|
-
|
|
7649
|
-
|
|
7650
|
-
.pf-v6-c-
|
|
7651
|
-
--pf-v6-c-
|
|
7652
|
-
|
|
7653
|
-
.pf-v6-c-sidebar__panel.pf-m-width-66-on-2xl {
|
|
7654
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
7655
|
-
}
|
|
7656
|
-
.pf-v6-c-sidebar__panel.pf-m-width-75-on-2xl {
|
|
7657
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
7658
|
-
}
|
|
7659
|
-
.pf-v6-c-sidebar__panel.pf-m-width-100-on-2xl {
|
|
7660
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
7728
|
+
.pf-v6-c-sidebar.pf-m-gutter > .pf-v6-c-sidebar__main {
|
|
7729
|
+
gap: var(--pf-v6-c-sidebar--m-gutter__main--Gap);
|
|
7730
|
+
}
|
|
7731
|
+
|
|
7732
|
+
.pf-v6-c-sidebar.pf-m-panel-right {
|
|
7733
|
+
--pf-v6-c-sidebar__panel--Order: var(--pf-v6-c-sidebar--m-panel-right__panel--Order);
|
|
7734
|
+
--pf-v6-c-sidebar__content--Order: var(--pf-v6-c-sidebar--m-panel-right__content--Order);
|
|
7735
|
+
}
|
|
7736
|
+
|
|
7737
|
+
@media (min-width: 48rem) {
|
|
7738
|
+
.pf-v6-c-sidebar.pf-m-panel-right {
|
|
7739
|
+
--pf-v6-c-sidebar--m-panel-right__panel--Order: var(--pf-v6-c-sidebar--m-panel-right__panel--md--Order);
|
|
7740
|
+
--pf-v6-c-sidebar--m-panel-right__content--Order: var(--pf-v6-c-sidebar--m-panel-right__content--md--Order);
|
|
7661
7741
|
}
|
|
7662
7742
|
}
|
|
7663
|
-
.pf-v6-c-
|
|
7664
|
-
--pf-v6-c-
|
|
7665
|
-
--pf-v6-c-
|
|
7666
|
-
--pf-v6-c-
|
|
7667
|
-
--pf-v6-c-
|
|
7668
|
-
--pf-v6-c-
|
|
7669
|
-
--pf-v6-c-
|
|
7670
|
-
--pf-v6-c-
|
|
7671
|
-
--pf-v6-c-
|
|
7672
|
-
|
|
7673
|
-
|
|
7674
|
-
|
|
7675
|
-
--pf-v6-c-
|
|
7676
|
-
--pf-v6-c-
|
|
7677
|
-
--pf-v6-c-
|
|
7678
|
-
--pf-v6-c-
|
|
7679
|
-
--pf-v6-c-
|
|
7680
|
-
--pf-v6-c-
|
|
7681
|
-
--pf-v6-c-
|
|
7682
|
-
--pf-v6-c-
|
|
7683
|
-
--pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7684
|
-
--pf-v6-c-jump-links__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7685
|
-
--pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7686
|
-
--pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7687
|
-
--pf-v6-c-jump-links__list__list__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7688
|
-
--pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
7689
|
-
--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7690
|
-
--pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
|
|
7691
|
-
--pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
|
|
7692
|
-
--pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
|
|
7693
|
-
--pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
|
|
7694
|
-
--pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
|
|
7695
|
-
--pf-v6-c-jump-links__link--before--BorderColor: transparent;
|
|
7696
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
7697
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
|
|
7698
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7699
|
-
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
|
|
7700
|
-
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
7701
|
-
--pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7702
|
-
--pf-v6-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7703
|
-
--pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
|
|
7704
|
-
--pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
7705
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7706
|
-
--pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
|
|
7707
|
-
--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7708
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7709
|
-
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7710
|
-
--pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
7711
|
-
--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7712
|
-
--pf-v6-c-jump-links__toggle-icon--Rotate: 0;
|
|
7713
|
-
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
7743
|
+
.pf-v6-c-sidebar.pf-m-stack {
|
|
7744
|
+
--pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar--m-stack__main--FlexDirection);
|
|
7745
|
+
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-stack__main--AlignItems);
|
|
7746
|
+
--pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-stack__panel--Position);
|
|
7747
|
+
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart);
|
|
7748
|
+
--pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar--m-stack__panel--BoxShadow);
|
|
7749
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-stack--FlexBasis);
|
|
7750
|
+
--pf-v6-c-sidebar__main--m-border--before--Display: none;
|
|
7751
|
+
--pf-v6-c-sidebar--m-panel-right__panel--Order: var(--pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order);
|
|
7752
|
+
}
|
|
7753
|
+
|
|
7754
|
+
.pf-v6-c-sidebar.pf-m-split {
|
|
7755
|
+
--pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar--m-split__main--FlexDirection);
|
|
7756
|
+
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-split__main--AlignItems);
|
|
7757
|
+
--pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-split__panel--Position);
|
|
7758
|
+
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-split__panel--InsetBlockStart);
|
|
7759
|
+
--pf-v6-c-sidebar__panel--BoxShadow: none;
|
|
7760
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-split--FlexBasis);
|
|
7761
|
+
--pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar--m-split__main--m-border--before--Display);
|
|
7762
|
+
--pf-v6-c-sidebar--m-panel-right__panel--Order: var(--pf-v6-c-sidebar--m-split--m-panel-right__panel--Order);
|
|
7714
7763
|
}
|
|
7715
7764
|
|
|
7716
|
-
.pf-v6-c-
|
|
7765
|
+
.pf-v6-c-sidebar__main {
|
|
7717
7766
|
display: flex;
|
|
7767
|
+
flex-direction: var(--pf-v6-c-sidebar__main--FlexDirection);
|
|
7768
|
+
align-items: var(--pf-v6-c-sidebar__main--AlignItems);
|
|
7718
7769
|
}
|
|
7719
7770
|
|
|
7720
|
-
.pf-v6-c-
|
|
7721
|
-
|
|
7771
|
+
.pf-v6-c-sidebar__main.pf-m-border::before {
|
|
7772
|
+
display: var(--pf-v6-c-sidebar__main--m-border--before--Display);
|
|
7773
|
+
flex: 0 0 var(--pf-v6-c-sidebar__main--m-border--before--BorderWidth);
|
|
7774
|
+
align-self: stretch;
|
|
7775
|
+
content: "";
|
|
7776
|
+
background-color: var(--pf-v6-c-sidebar__main--m-border--before--BorderColor);
|
|
7722
7777
|
}
|
|
7723
7778
|
|
|
7724
|
-
.pf-v6-c-
|
|
7725
|
-
|
|
7779
|
+
.pf-v6-c-sidebar__panel {
|
|
7780
|
+
position: var(--pf-v6-c-sidebar__panel--Position);
|
|
7781
|
+
inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
|
|
7782
|
+
z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
|
|
7783
|
+
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
7784
|
+
flex-shrink: 0;
|
|
7785
|
+
order: var(--pf-v6-c-sidebar__panel--Order);
|
|
7786
|
+
padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
|
|
7787
|
+
padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
|
|
7788
|
+
padding-inline-start: var(--pf-v6-c-sidebar__panel--PaddingInlineStart);
|
|
7789
|
+
padding-inline-end: var(--pf-v6-c-sidebar__panel--PaddingInlineEnd);
|
|
7790
|
+
background-color: var(--pf-v6-c-sidebar__panel--BackgroundColor);
|
|
7791
|
+
box-shadow: var(--pf-v6-c-sidebar__panel--BoxShadow);
|
|
7726
7792
|
}
|
|
7727
7793
|
|
|
7728
|
-
.pf-v6-c-
|
|
7729
|
-
--pf-v6-c-
|
|
7730
|
-
--pf-v6-c-
|
|
7731
|
-
--pf-v6-c-
|
|
7732
|
-
--pf-v6-c-
|
|
7733
|
-
--pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
|
|
7734
|
-
--pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
|
|
7735
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth);
|
|
7736
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth);
|
|
7737
|
-
--pf-v6-c-jump-links__list--FlexDirection: var(--pf-v6-c-jump-links--m-vertical__list--FlexDirection);
|
|
7738
|
-
flex-direction: column;
|
|
7794
|
+
.pf-v6-c-sidebar__panel.pf-m-padding {
|
|
7795
|
+
--pf-v6-c-sidebar__panel--PaddingBlockStart: var(--pf-v6-c-sidebar__panel--m-padding--PaddingBlockStart);
|
|
7796
|
+
--pf-v6-c-sidebar__panel--PaddingInlineEnd: var(--pf-v6-c-sidebar__panel--m-padding--PaddingInlineEnd);
|
|
7797
|
+
--pf-v6-c-sidebar__panel--PaddingBlockEnd: var(--pf-v6-c-sidebar__panel--m-padding--PaddingBlockEnd);
|
|
7798
|
+
--pf-v6-c-sidebar__panel--PaddingInlineStart: var(--pf-v6-c-sidebar__panel--m-padding--PaddingInlineStart);
|
|
7739
7799
|
}
|
|
7740
7800
|
|
|
7741
|
-
.pf-v6-c-
|
|
7742
|
-
--pf-v6-c-
|
|
7743
|
-
--pf-v6-c-
|
|
7744
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7801
|
+
.pf-v6-c-sidebar__panel.pf-m-sticky {
|
|
7802
|
+
--pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar__panel--m-sticky--Position);
|
|
7803
|
+
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--m-sticky--InsetBlockStart);
|
|
7745
7804
|
}
|
|
7746
7805
|
|
|
7747
|
-
.pf-v6-c-
|
|
7748
|
-
--pf-v6-c-
|
|
7749
|
-
--pf-v6-c-
|
|
7750
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7806
|
+
.pf-v6-c-sidebar__panel.pf-m-static {
|
|
7807
|
+
--pf-v6-c-sidebar__panel--Position: static;
|
|
7808
|
+
--pf-v6-c-sidebar__panel--InsetBlockStart: auto;
|
|
7751
7809
|
}
|
|
7752
7810
|
|
|
7753
|
-
|
|
7754
|
-
|
|
7755
|
-
--pf-v6-c-jump-links__list--Display: none;
|
|
7756
|
-
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7757
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7758
|
-
}
|
|
7759
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-sm {
|
|
7760
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7761
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7762
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7763
|
-
}
|
|
7764
|
-
}
|
|
7765
|
-
@media (min-width: 48rem) {
|
|
7766
|
-
.pf-v6-c-jump-links.pf-m-expandable-on-md {
|
|
7767
|
-
--pf-v6-c-jump-links__list--Display: none;
|
|
7768
|
-
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7769
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7770
|
-
}
|
|
7771
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-md {
|
|
7772
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7773
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7774
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7775
|
-
}
|
|
7811
|
+
.pf-v6-c-sidebar__panel.pf-m-secondary {
|
|
7812
|
+
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
|
|
7776
7813
|
}
|
|
7777
|
-
|
|
7778
|
-
|
|
7779
|
-
|
|
7780
|
-
|
|
7781
|
-
|
|
7782
|
-
|
|
7783
|
-
|
|
7784
|
-
|
|
7785
|
-
|
|
7786
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7787
|
-
}
|
|
7814
|
+
|
|
7815
|
+
.pf-v6-c-sidebar__content {
|
|
7816
|
+
flex-grow: 1;
|
|
7817
|
+
order: var(--pf-v6-c-sidebar__content--Order);
|
|
7818
|
+
padding-block-start: var(--pf-v6-c-sidebar__content--PaddingBlockStart);
|
|
7819
|
+
padding-block-end: var(--pf-v6-c-sidebar__content--PaddingBlockEnd);
|
|
7820
|
+
padding-inline-start: var(--pf-v6-c-sidebar__content--PaddingInlineStart);
|
|
7821
|
+
padding-inline-end: var(--pf-v6-c-sidebar__content--PaddingInlineEnd);
|
|
7822
|
+
background-color: var(--pf-v6-c-sidebar__content--BackgroundColor);
|
|
7788
7823
|
}
|
|
7789
|
-
|
|
7790
|
-
|
|
7791
|
-
|
|
7792
|
-
|
|
7793
|
-
|
|
7794
|
-
|
|
7795
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-xl {
|
|
7796
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7797
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7798
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7799
|
-
}
|
|
7824
|
+
|
|
7825
|
+
.pf-v6-c-sidebar__content.pf-m-padding {
|
|
7826
|
+
--pf-v6-c-sidebar__content--PaddingBlockStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
|
|
7827
|
+
--pf-v6-c-sidebar__content--PaddingInlineEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingInlineEnd);
|
|
7828
|
+
--pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
|
|
7829
|
+
--pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
|
|
7800
7830
|
}
|
|
7801
|
-
|
|
7802
|
-
|
|
7803
|
-
|
|
7804
|
-
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7805
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7806
|
-
}
|
|
7807
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-2xl {
|
|
7808
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7809
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7810
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7811
|
-
}
|
|
7831
|
+
|
|
7832
|
+
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
7833
|
+
--pf-v6-c-sidebar__content--BackgroundColor: transparent;
|
|
7812
7834
|
}
|
|
7813
|
-
|
|
7814
|
-
|
|
7815
|
-
--pf-v6-c-
|
|
7816
|
-
--pf-v6-c-jump-links__toggle-icon--Rotate: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate);
|
|
7817
|
-
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Color);
|
|
7835
|
+
|
|
7836
|
+
.pf-v6-c-sidebar__content.pf-m-secondary {
|
|
7837
|
+
--pf-v6-c-sidebar__content--BackgroundColor: var(--pf-v6-c-sidebar__content--m-secondary--BackgroundColor);
|
|
7818
7838
|
}
|
|
7819
7839
|
|
|
7820
|
-
.pf-v6-c-
|
|
7821
|
-
|
|
7822
|
-
display: var(--pf-v6-c-jump-links__list--Display);
|
|
7823
|
-
flex-direction: var(--pf-v6-c-jump-links__list--FlexDirection);
|
|
7824
|
-
padding-block-start: var(--pf-v6-c-jump-links__list--PaddingBlockStart);
|
|
7825
|
-
padding-block-end: var(--pf-v6-c-jump-links__list--PaddingBlockEnd);
|
|
7826
|
-
padding-inline-start: var(--pf-v6-c-jump-links__list--PaddingInlineStart);
|
|
7827
|
-
padding-inline-end: var(--pf-v6-c-jump-links__list--PaddingInlineEnd);
|
|
7840
|
+
.pf-v6-c-sidebar__content + .pf-v6-c-sidebar__panel {
|
|
7841
|
+
--pf-v6-c-sidebar__panel--Order: 1;
|
|
7828
7842
|
}
|
|
7829
7843
|
|
|
7830
|
-
.pf-v6-c-
|
|
7831
|
-
|
|
7832
|
-
inset: 0;
|
|
7833
|
-
pointer-events: none;
|
|
7834
|
-
content: "";
|
|
7835
|
-
border: solid var(--pf-v6-c-jump-links__list--before--BorderColor);
|
|
7836
|
-
border-block-start-width: var(--pf-v6-c-jump-links__list--before--BorderBlockStartWidth);
|
|
7837
|
-
border-block-end-width: var(--pf-v6-c-jump-links__list--before--BorderBlockEndWidth);
|
|
7838
|
-
border-inline-start-width: var(--pf-v6-c-jump-links__list--before--BorderInlineStartWidth);
|
|
7839
|
-
border-inline-end-width: var(--pf-v6-c-jump-links__list--before--BorderInlineEndWidth);
|
|
7844
|
+
:where(.pf-v6-c-sidebar__content:first-child) {
|
|
7845
|
+
--pf-v6-c-sidebar__content--Order: -1;
|
|
7840
7846
|
}
|
|
7841
7847
|
|
|
7842
|
-
.pf-v6-c-
|
|
7843
|
-
|
|
7844
|
-
|
|
7845
|
-
|
|
7846
|
-
--pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd);
|
|
7847
|
-
--pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-v6-c-jump-links__list__list__link--PaddingInlineStart);
|
|
7848
|
-
margin-block-start: var(--pf-v6-c-jump-links__list__list--MarginBlockStart);
|
|
7848
|
+
.pf-v6-c-sidebar.pf-m-no-background,
|
|
7849
|
+
.pf-v6-c-sidebar__panel.pf-m-no-background,
|
|
7850
|
+
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
7851
|
+
background-color: transparent;
|
|
7849
7852
|
}
|
|
7850
7853
|
|
|
7851
|
-
.pf-v6-c-
|
|
7852
|
-
|
|
7853
|
-
display: flex;
|
|
7854
|
-
flex: 1;
|
|
7855
|
-
padding-block-start: var(--pf-v6-c-jump-links__link--PaddingBlockStart);
|
|
7856
|
-
padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
|
|
7857
|
-
padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
|
|
7858
|
-
padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
|
|
7859
|
-
text-decoration: none;
|
|
7860
|
-
outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
|
|
7854
|
+
.pf-v6-c-sidebar__panel.pf-m-width-default {
|
|
7855
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
7861
7856
|
}
|
|
7862
7857
|
|
|
7863
|
-
.pf-v6-c-
|
|
7864
|
-
--pf-v6-c-
|
|
7858
|
+
.pf-v6-c-sidebar__panel.pf-m-width-25 {
|
|
7859
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
7865
7860
|
}
|
|
7866
7861
|
|
|
7867
|
-
.pf-v6-c-
|
|
7868
|
-
|
|
7869
|
-
inset: 0;
|
|
7870
|
-
pointer-events: none;
|
|
7871
|
-
content: "";
|
|
7872
|
-
border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
|
|
7873
|
-
border-style: solid;
|
|
7874
|
-
border-block-start-width: var(--pf-v6-c-jump-links__link--before--BorderBlockStartWidth);
|
|
7875
|
-
border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
|
|
7876
|
-
border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
|
|
7877
|
-
border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
|
|
7862
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33 {
|
|
7863
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
7878
7864
|
}
|
|
7879
7865
|
|
|
7880
|
-
.pf-v6-c-
|
|
7881
|
-
--pf-v6-c-
|
|
7866
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50 {
|
|
7867
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
7882
7868
|
}
|
|
7883
7869
|
|
|
7884
|
-
.pf-v6-c-
|
|
7885
|
-
--pf-v6-c-
|
|
7886
|
-
--pf-v6-c-jump-links__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth);
|
|
7887
|
-
--pf-v6-c-jump-links__link--before--BorderColor: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderColor);
|
|
7888
|
-
--pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__item--m-current__link-text--Color);
|
|
7870
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66 {
|
|
7871
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
7889
7872
|
}
|
|
7890
7873
|
|
|
7891
|
-
.pf-v6-c-
|
|
7892
|
-
|
|
7874
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75 {
|
|
7875
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
7893
7876
|
}
|
|
7894
7877
|
|
|
7895
|
-
.pf-v6-c-
|
|
7896
|
-
|
|
7897
|
-
margin-block-end: var(--pf-v6-c-jump-links__label--MarginBlockEnd);
|
|
7878
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100 {
|
|
7879
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
7898
7880
|
}
|
|
7899
7881
|
|
|
7900
|
-
|
|
7901
|
-
|
|
7902
|
-
|
|
7882
|
+
@media (min-width: 36rem) {
|
|
7883
|
+
.pf-v6-c-sidebar__panel.pf-m-width-default-on-sm {
|
|
7884
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
7885
|
+
}
|
|
7886
|
+
.pf-v6-c-sidebar__panel.pf-m-width-25-on-sm {
|
|
7887
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
7888
|
+
}
|
|
7889
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33-on-sm {
|
|
7890
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
7891
|
+
}
|
|
7892
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50-on-sm {
|
|
7893
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
7894
|
+
}
|
|
7895
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66-on-sm {
|
|
7896
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
7897
|
+
}
|
|
7898
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75-on-sm {
|
|
7899
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
7900
|
+
}
|
|
7901
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100-on-sm {
|
|
7902
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
7903
|
+
}
|
|
7903
7904
|
}
|
|
7904
|
-
|
|
7905
|
-
.pf-v6-c-
|
|
7906
|
-
|
|
7907
|
-
|
|
7905
|
+
@media (min-width: 48rem) {
|
|
7906
|
+
.pf-v6-c-sidebar__panel.pf-m-width-default-on-md {
|
|
7907
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
7908
|
+
}
|
|
7909
|
+
.pf-v6-c-sidebar__panel.pf-m-width-25-on-md {
|
|
7910
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
7911
|
+
}
|
|
7912
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33-on-md {
|
|
7913
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
7914
|
+
}
|
|
7915
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50-on-md {
|
|
7916
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
7917
|
+
}
|
|
7918
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66-on-md {
|
|
7919
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
7920
|
+
}
|
|
7921
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75-on-md {
|
|
7922
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
7923
|
+
}
|
|
7924
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100-on-md {
|
|
7925
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
7926
|
+
}
|
|
7908
7927
|
}
|
|
7909
|
-
|
|
7910
|
-
.pf-v6-c-
|
|
7911
|
-
|
|
7912
|
-
|
|
7913
|
-
|
|
7914
|
-
|
|
7928
|
+
@media (min-width: 62rem) {
|
|
7929
|
+
.pf-v6-c-sidebar__panel.pf-m-width-default-on-lg {
|
|
7930
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
7931
|
+
}
|
|
7932
|
+
.pf-v6-c-sidebar__panel.pf-m-width-25-on-lg {
|
|
7933
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
7934
|
+
}
|
|
7935
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33-on-lg {
|
|
7936
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
7937
|
+
}
|
|
7938
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50-on-lg {
|
|
7939
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
7940
|
+
}
|
|
7941
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66-on-lg {
|
|
7942
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
7943
|
+
}
|
|
7944
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75-on-lg {
|
|
7945
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
7946
|
+
}
|
|
7947
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100-on-lg {
|
|
7948
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
7949
|
+
}
|
|
7915
7950
|
}
|
|
7916
|
-
|
|
7917
|
-
|
|
7918
|
-
|
|
7951
|
+
@media (min-width: 75rem) {
|
|
7952
|
+
.pf-v6-c-sidebar__panel.pf-m-width-default-on-xl {
|
|
7953
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
7954
|
+
}
|
|
7955
|
+
.pf-v6-c-sidebar__panel.pf-m-width-25-on-xl {
|
|
7956
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
7957
|
+
}
|
|
7958
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33-on-xl {
|
|
7959
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
7960
|
+
}
|
|
7961
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50-on-xl {
|
|
7962
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
7963
|
+
}
|
|
7964
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66-on-xl {
|
|
7965
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
7966
|
+
}
|
|
7967
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75-on-xl {
|
|
7968
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
7969
|
+
}
|
|
7970
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100-on-xl {
|
|
7971
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
7972
|
+
}
|
|
7973
|
+
}
|
|
7974
|
+
@media (min-width: 90.625rem) {
|
|
7975
|
+
.pf-v6-c-sidebar__panel.pf-m-width-default-on-2xl {
|
|
7976
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
7977
|
+
}
|
|
7978
|
+
.pf-v6-c-sidebar__panel.pf-m-width-25-on-2xl {
|
|
7979
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
7980
|
+
}
|
|
7981
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33-on-2xl {
|
|
7982
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
7983
|
+
}
|
|
7984
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50-on-2xl {
|
|
7985
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
7986
|
+
}
|
|
7987
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66-on-2xl {
|
|
7988
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
7989
|
+
}
|
|
7990
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75-on-2xl {
|
|
7991
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
7992
|
+
}
|
|
7993
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100-on-2xl {
|
|
7994
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
7995
|
+
}
|
|
7919
7996
|
}
|
|
7920
|
-
|
|
7921
7997
|
.pf-v6-c-label {
|
|
7922
7998
|
--pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
7923
7999
|
--pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7924
8000
|
--pf-v6-c-label--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
7925
8001
|
--pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7926
8002
|
--pf-v6-c-label--MaxWidth: 100%;
|
|
7927
|
-
--pf-v6-c-label--MinWidth:
|
|
8003
|
+
--pf-v6-c-label--MinWidth: calc((var(--pf-v6-c-label--FontSize) * var(--pf-t--global--font--line-height--body) + var(--pf-v6-c-label--PaddingBlockStart) + var(--pf-v6-c-label--PaddingBlockEnd)));
|
|
7928
8004
|
--pf-v6-c-label--BorderWidth: 0;
|
|
7929
8005
|
--pf-v6-c-label--BorderColor: transparent;
|
|
7930
8006
|
--pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -8081,6 +8157,7 @@ label.pf-v6-c-input-group__text {
|
|
|
8081
8157
|
--pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8082
8158
|
--pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
8083
8159
|
--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
|
|
8160
|
+
--pf-v6-c-label--m-compact--MinWidth: calc((var(--pf-v6-c-label--m-compact--FontSize) * var(--pf-t--global--font--line-height--body)) + (var(--pf-v6-c-label--m-compact--PaddingBlockStart) + var(--pf-v6-c-label--m-compact--PaddingBlockEnd)));
|
|
8084
8161
|
--pf-v6-c-label__content--MaxWidth: 100%;
|
|
8085
8162
|
--pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
|
|
8086
8163
|
--pf-v6-c-label__content--Cursor: initial;
|
|
@@ -8287,6 +8364,7 @@ label.pf-v6-c-input-group__text {
|
|
|
8287
8364
|
--pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
|
|
8288
8365
|
--pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
|
|
8289
8366
|
--pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
|
|
8367
|
+
--pf-v6-c-label--MinWidth: var(--pf-v6-c-label--m-compact--MinWidth);
|
|
8290
8368
|
--pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
|
|
8291
8369
|
}
|
|
8292
8370
|
|
|
@@ -8391,6 +8469,7 @@ label.pf-v6-c-input-group__text {
|
|
|
8391
8469
|
.pf-v6-c-label__content {
|
|
8392
8470
|
display: inline-flex;
|
|
8393
8471
|
align-items: center;
|
|
8472
|
+
justify-content: center;
|
|
8394
8473
|
}
|
|
8395
8474
|
|
|
8396
8475
|
.pf-v6-c-label__text {
|
|
@@ -8603,6 +8682,82 @@ input.pf-v6-c-label__content {
|
|
|
8603
8682
|
display: none;
|
|
8604
8683
|
}
|
|
8605
8684
|
|
|
8685
|
+
.pf-v6-c-list {
|
|
8686
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
8687
|
+
--pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
|
|
8688
|
+
--pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
|
|
8689
|
+
--pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
8690
|
+
--pf-v6-c-list--m-plain--PaddingInlineStart: 0;
|
|
8691
|
+
--pf-v6-c-list--m-inline--PaddingInlineStart: 0;
|
|
8692
|
+
--pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
8693
|
+
--pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
|
|
8694
|
+
--pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
8695
|
+
--pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
8696
|
+
--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
8697
|
+
--pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
|
|
8698
|
+
--pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
8699
|
+
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8700
|
+
--pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
8701
|
+
--pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
|
|
8702
|
+
--pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
|
|
8703
|
+
--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
8704
|
+
--pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
|
|
8705
|
+
}
|
|
8706
|
+
|
|
8707
|
+
.pf-v6-c-list {
|
|
8708
|
+
display: flex;
|
|
8709
|
+
flex-direction: column;
|
|
8710
|
+
gap: var(--pf-v6-c-list--Gap);
|
|
8711
|
+
padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
|
|
8712
|
+
}
|
|
8713
|
+
|
|
8714
|
+
.pf-v6-c-list .pf-v6-c-list {
|
|
8715
|
+
padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
|
|
8716
|
+
}
|
|
8717
|
+
|
|
8718
|
+
ul.pf-v6-c-list {
|
|
8719
|
+
list-style: var(--pf-v6-c-list--ul--ListStyle);
|
|
8720
|
+
}
|
|
8721
|
+
|
|
8722
|
+
.pf-v6-c-list.pf-m-icon-lg {
|
|
8723
|
+
--pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
|
|
8724
|
+
--pf-v6-c-list__item-icon--MarginBlockStart: 0;
|
|
8725
|
+
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
|
|
8726
|
+
--pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
|
|
8727
|
+
}
|
|
8728
|
+
|
|
8729
|
+
.pf-v6-c-list.pf-m-plain {
|
|
8730
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
|
|
8731
|
+
list-style: none;
|
|
8732
|
+
}
|
|
8733
|
+
|
|
8734
|
+
.pf-v6-c-list.pf-m-inline {
|
|
8735
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
|
|
8736
|
+
--pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
|
|
8737
|
+
flex-direction: row;
|
|
8738
|
+
flex-wrap: wrap;
|
|
8739
|
+
list-style: none;
|
|
8740
|
+
}
|
|
8741
|
+
|
|
8742
|
+
.pf-v6-c-list.pf-m-bordered > * + * {
|
|
8743
|
+
padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
|
|
8744
|
+
border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
|
|
8745
|
+
}
|
|
8746
|
+
|
|
8747
|
+
.pf-v6-c-list__item {
|
|
8748
|
+
display: flex;
|
|
8749
|
+
}
|
|
8750
|
+
|
|
8751
|
+
.pf-v6-c-list__item-icon {
|
|
8752
|
+
flex-shrink: 0;
|
|
8753
|
+
min-width: var(--pf-v6-c-list__item-icon--MinWidth);
|
|
8754
|
+
margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
|
|
8755
|
+
margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
|
|
8756
|
+
font-size: var(--pf-v6-c-list__item-icon--FontSize);
|
|
8757
|
+
line-height: 1;
|
|
8758
|
+
color: var(--pf-v6-c-list__item-icon--Color);
|
|
8759
|
+
}
|
|
8760
|
+
|
|
8606
8761
|
.pf-v6-c-login {
|
|
8607
8762
|
--pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
8608
8763
|
--pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -8849,94 +9004,18 @@ input.pf-v6-c-label__content {
|
|
|
8849
9004
|
padding-block-start: var(--pf-v6-c-login__main-footer-band-item--PaddingBlockStart);
|
|
8850
9005
|
}
|
|
8851
9006
|
|
|
8852
|
-
.pf-v6-c-login__footer {
|
|
8853
|
-
grid-area: footer;
|
|
8854
|
-
padding-inline-start: var(--pf-v6-c-login__footer--PaddingInlineStart);
|
|
8855
|
-
padding-inline-end: var(--pf-v6-c-login__footer--PaddingInlineEnd);
|
|
8856
|
-
}
|
|
8857
|
-
|
|
8858
|
-
.pf-v6-c-login__footer .pf-v6-c-list a {
|
|
8859
|
-
color: unset;
|
|
8860
|
-
}
|
|
8861
|
-
|
|
8862
|
-
.pf-v6-c-login__footer .pf-v6-c-list:not(:only-child) {
|
|
8863
|
-
padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
|
|
8864
|
-
}
|
|
8865
|
-
|
|
8866
|
-
.pf-v6-c-list {
|
|
8867
|
-
--pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
8868
|
-
--pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
|
|
8869
|
-
--pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
|
|
8870
|
-
--pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
8871
|
-
--pf-v6-c-list--m-plain--PaddingInlineStart: 0;
|
|
8872
|
-
--pf-v6-c-list--m-inline--PaddingInlineStart: 0;
|
|
8873
|
-
--pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
8874
|
-
--pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
|
|
8875
|
-
--pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
8876
|
-
--pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
8877
|
-
--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
8878
|
-
--pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
|
|
8879
|
-
--pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
8880
|
-
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8881
|
-
--pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
8882
|
-
--pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
|
|
8883
|
-
--pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
|
|
8884
|
-
--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
8885
|
-
--pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
|
|
8886
|
-
}
|
|
8887
|
-
|
|
8888
|
-
.pf-v6-c-list {
|
|
8889
|
-
display: flex;
|
|
8890
|
-
flex-direction: column;
|
|
8891
|
-
gap: var(--pf-v6-c-list--Gap);
|
|
8892
|
-
padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
|
|
8893
|
-
}
|
|
8894
|
-
|
|
8895
|
-
.pf-v6-c-list .pf-v6-c-list {
|
|
8896
|
-
padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
|
|
8897
|
-
}
|
|
8898
|
-
|
|
8899
|
-
ul.pf-v6-c-list {
|
|
8900
|
-
list-style: var(--pf-v6-c-list--ul--ListStyle);
|
|
8901
|
-
}
|
|
8902
|
-
|
|
8903
|
-
.pf-v6-c-list.pf-m-icon-lg {
|
|
8904
|
-
--pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
|
|
8905
|
-
--pf-v6-c-list__item-icon--MarginBlockStart: 0;
|
|
8906
|
-
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
|
|
8907
|
-
--pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
|
|
8908
|
-
}
|
|
8909
|
-
|
|
8910
|
-
.pf-v6-c-list.pf-m-plain {
|
|
8911
|
-
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
|
|
8912
|
-
list-style: none;
|
|
8913
|
-
}
|
|
8914
|
-
|
|
8915
|
-
.pf-v6-c-list.pf-m-inline {
|
|
8916
|
-
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
|
|
8917
|
-
--pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
|
|
8918
|
-
flex-direction: row;
|
|
8919
|
-
flex-wrap: wrap;
|
|
8920
|
-
list-style: none;
|
|
8921
|
-
}
|
|
8922
|
-
|
|
8923
|
-
.pf-v6-c-list.pf-m-bordered > * + * {
|
|
8924
|
-
padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
|
|
8925
|
-
border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
|
|
8926
|
-
}
|
|
8927
|
-
|
|
8928
|
-
.pf-v6-c-list__item {
|
|
8929
|
-
display: flex;
|
|
9007
|
+
.pf-v6-c-login__footer {
|
|
9008
|
+
grid-area: footer;
|
|
9009
|
+
padding-inline-start: var(--pf-v6-c-login__footer--PaddingInlineStart);
|
|
9010
|
+
padding-inline-end: var(--pf-v6-c-login__footer--PaddingInlineEnd);
|
|
8930
9011
|
}
|
|
8931
9012
|
|
|
8932
|
-
.pf-v6-c-
|
|
8933
|
-
|
|
8934
|
-
|
|
8935
|
-
|
|
8936
|
-
|
|
8937
|
-
|
|
8938
|
-
line-height: 1;
|
|
8939
|
-
color: var(--pf-v6-c-list__item-icon--Color);
|
|
9013
|
+
.pf-v6-c-login__footer .pf-v6-c-list a {
|
|
9014
|
+
color: unset;
|
|
9015
|
+
}
|
|
9016
|
+
|
|
9017
|
+
.pf-v6-c-login__footer .pf-v6-c-list:not(:only-child) {
|
|
9018
|
+
padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
|
|
8940
9019
|
}
|
|
8941
9020
|
|
|
8942
9021
|
.pf-v6-c-masthead {
|
|
@@ -9594,7 +9673,6 @@ ul.pf-v6-c-list {
|
|
|
9594
9673
|
--pf-v6-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
|
|
9595
9674
|
--pf-v6-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
|
|
9596
9675
|
--pf-v6-c-menu__item-action--icon--size: var(--pf-v6-c-menu__item-action--FontSize, var(--pf-t--global--icon--size--md));
|
|
9597
|
-
--pf-v6-c-menu__item-action--Color: var(--pf-t--global--icon--color--subtle);
|
|
9598
9676
|
--pf-v6-c-menu__item-action--m-favorited--Color: var(--pf-t--global--icon--color--favorite--clicked);
|
|
9599
9677
|
--pf-v6-c-menu__item-action--button--MinWidth: calc(var(--pf-v6-c-menu__item-action--icon--size) + var(--pf-t--global--spacer--sm) * 2);
|
|
9600
9678
|
--pf-v6-c-menu__item-select-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
@@ -10127,8 +10205,14 @@ ul.pf-v6-c-list {
|
|
|
10127
10205
|
.pf-v6-c-menu__item-action.pf-m-favorited,
|
|
10128
10206
|
.pf-v6-c-menu__item-action.pf-m-favorited:hover,
|
|
10129
10207
|
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button {
|
|
10130
|
-
--pf-v6-c-button--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
|
|
10131
|
-
|
|
10208
|
+
--pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
|
|
10209
|
+
}
|
|
10210
|
+
|
|
10211
|
+
.pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:is(:hover, :focus),
|
|
10212
|
+
.pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
|
|
10213
|
+
.pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
|
|
10214
|
+
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
|
|
10215
|
+
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
|
|
10132
10216
|
}
|
|
10133
10217
|
|
|
10134
10218
|
.pf-v6-c-menu__breadcrumb {
|
|
@@ -10207,6 +10291,8 @@ ul.pf-v6-c-list {
|
|
|
10207
10291
|
--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
10208
10292
|
--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
|
|
10209
10293
|
--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
10294
|
+
--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
10295
|
+
--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
10210
10296
|
--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
|
|
10211
10297
|
--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
|
10212
10298
|
--pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
|
|
@@ -10221,6 +10307,8 @@ ul.pf-v6-c-list {
|
|
|
10221
10307
|
--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
10222
10308
|
--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
10223
10309
|
--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
10310
|
+
--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
10311
|
+
--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
10224
10312
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
10225
10313
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
10226
10314
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
@@ -10231,6 +10319,8 @@ ul.pf-v6-c-list {
|
|
|
10231
10319
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
|
|
10232
10320
|
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
|
|
10233
10321
|
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
|
|
10322
|
+
--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10323
|
+
--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10234
10324
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
10235
10325
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
10236
10326
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
@@ -10245,6 +10335,8 @@ ul.pf-v6-c-list {
|
|
|
10245
10335
|
--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
10246
10336
|
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
10247
10337
|
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
10338
|
+
--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10339
|
+
--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10248
10340
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
10249
10341
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
10250
10342
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -10256,6 +10348,8 @@ ul.pf-v6-c-list {
|
|
|
10256
10348
|
--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
10257
10349
|
--pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
10258
10350
|
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
|
|
10351
|
+
--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
10352
|
+
--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
10259
10353
|
--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
|
10260
10354
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
10261
10355
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
@@ -10328,6 +10422,8 @@ ul.pf-v6-c-list {
|
|
|
10328
10422
|
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
|
|
10329
10423
|
--pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
|
|
10330
10424
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
|
|
10425
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
|
|
10426
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
|
|
10331
10427
|
}
|
|
10332
10428
|
|
|
10333
10429
|
.pf-v6-c-menu-toggle.pf-m-secondary {
|
|
@@ -10344,6 +10440,8 @@ ul.pf-v6-c-list {
|
|
|
10344
10440
|
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
|
|
10345
10441
|
--pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
|
|
10346
10442
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
|
|
10443
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
|
|
10444
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
|
|
10347
10445
|
}
|
|
10348
10446
|
|
|
10349
10447
|
.pf-v6-c-menu-toggle.pf-m-full-height {
|
|
@@ -10371,6 +10469,8 @@ ul.pf-v6-c-list {
|
|
|
10371
10469
|
--pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
|
|
10372
10470
|
--pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
|
|
10373
10471
|
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
|
|
10472
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
|
|
10473
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
|
|
10374
10474
|
}
|
|
10375
10475
|
|
|
10376
10476
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
|
@@ -10402,6 +10502,10 @@ ul.pf-v6-c-list {
|
|
|
10402
10502
|
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
|
|
10403
10503
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
|
|
10404
10504
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
|
|
10505
|
+
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
|
|
10506
|
+
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
|
|
10507
|
+
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset);
|
|
10508
|
+
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset);
|
|
10405
10509
|
}
|
|
10406
10510
|
|
|
10407
10511
|
.pf-v6-c-menu-toggle.pf-m-success {
|
|
@@ -10498,14 +10602,14 @@ ul.pf-v6-c-list {
|
|
|
10498
10602
|
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
|
|
10499
10603
|
}
|
|
10500
10604
|
|
|
10501
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-
|
|
10502
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-
|
|
10605
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
|
|
10606
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
|
|
10503
10607
|
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
|
|
10504
10608
|
padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
|
|
10505
10609
|
}
|
|
10506
10610
|
|
|
10507
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-
|
|
10508
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-
|
|
10611
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
|
|
10612
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
|
|
10509
10613
|
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
|
|
10510
10614
|
padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
|
|
10511
10615
|
}
|
|
@@ -11658,66 +11762,6 @@ ul.pf-v6-c-list {
|
|
|
11658
11762
|
transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
11659
11763
|
}
|
|
11660
11764
|
|
|
11661
|
-
.pf-v6-c-file-upload {
|
|
11662
|
-
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
11663
|
-
--pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
11664
|
-
--pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11665
|
-
--pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
11666
|
-
--pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
11667
|
-
--pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
11668
|
-
--pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
11669
|
-
--pf-v6-c-file-upload--BorderColor: transparent;
|
|
11670
|
-
--pf-v6-c-file-upload--BorderStyle: solid;
|
|
11671
|
-
--pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
|
|
11672
|
-
--pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
|
|
11673
|
-
--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
11674
|
-
--pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
|
|
11675
|
-
}
|
|
11676
|
-
|
|
11677
|
-
.pf-v6-c-file-upload {
|
|
11678
|
-
position: relative;
|
|
11679
|
-
display: flex;
|
|
11680
|
-
flex-direction: column;
|
|
11681
|
-
row-gap: var(--pf-v6-c-file-upload--RowGap);
|
|
11682
|
-
padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
|
|
11683
|
-
padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
|
|
11684
|
-
padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
|
|
11685
|
-
padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
|
|
11686
|
-
border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
|
|
11687
|
-
border-radius: var(--pf-v6-c-file-upload--BorderRadius);
|
|
11688
|
-
}
|
|
11689
|
-
|
|
11690
|
-
.pf-v6-c-file-upload.pf-m-drag-hover {
|
|
11691
|
-
--pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
|
|
11692
|
-
--pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
|
|
11693
|
-
}
|
|
11694
|
-
|
|
11695
|
-
.pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
|
|
11696
|
-
position: relative;
|
|
11697
|
-
}
|
|
11698
|
-
|
|
11699
|
-
.pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
|
|
11700
|
-
outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
|
|
11701
|
-
}
|
|
11702
|
-
|
|
11703
|
-
.pf-v6-c-file-upload__file-details {
|
|
11704
|
-
position: relative;
|
|
11705
|
-
display: flex;
|
|
11706
|
-
}
|
|
11707
|
-
|
|
11708
|
-
.pf-v6-c-file-upload__file-details .pf-v6-c-form-control {
|
|
11709
|
-
flex: 1 1 auto;
|
|
11710
|
-
min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
|
|
11711
|
-
border-block-start: 0;
|
|
11712
|
-
}
|
|
11713
|
-
|
|
11714
|
-
.pf-v6-c-file-upload__file-details-spinner {
|
|
11715
|
-
position: absolute;
|
|
11716
|
-
inset-block-start: 50%;
|
|
11717
|
-
inset-inline-start: 50%;
|
|
11718
|
-
transform: translate(-50%, -50%);
|
|
11719
|
-
}
|
|
11720
|
-
|
|
11721
11765
|
.pf-v6-c-overflow-menu {
|
|
11722
11766
|
--pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
|
|
11723
11767
|
--pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
|
|
@@ -11763,7 +11807,7 @@ ul.pf-v6-c-list {
|
|
|
11763
11807
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
11764
11808
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
11765
11809
|
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
|
11766
|
-
--pf-v6-c-page__sidebar--xl--Width:
|
|
11810
|
+
--pf-v6-c-page__sidebar--xl--Width: 18.125rem;
|
|
11767
11811
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11768
11812
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
|
11769
11813
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
@@ -11960,6 +12004,7 @@ ul.pf-v6-c-list {
|
|
|
11960
12004
|
flex-grow: 0;
|
|
11961
12005
|
}
|
|
11962
12006
|
|
|
12007
|
+
.pf-v6-c-page__main-subnav.pf-m-limit-width > .pf-v6-c-page__main-body,
|
|
11963
12008
|
.pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
|
|
11964
12009
|
.pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
|
|
11965
12010
|
.pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
|
|
@@ -11967,6 +12012,7 @@ ul.pf-v6-c-list {
|
|
|
11967
12012
|
max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
|
|
11968
12013
|
}
|
|
11969
12014
|
|
|
12015
|
+
.pf-v6-c-page__main-subnav.pf-m-limit-width.pf-m-align-center,
|
|
11970
12016
|
.pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center,
|
|
11971
12017
|
.pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center,
|
|
11972
12018
|
.pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center,
|
|
@@ -11974,6 +12020,7 @@ ul.pf-v6-c-list {
|
|
|
11974
12020
|
align-items: center;
|
|
11975
12021
|
}
|
|
11976
12022
|
|
|
12023
|
+
.pf-v6-c-page__main-subnav.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
|
11977
12024
|
.pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
|
11978
12025
|
.pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
|
11979
12026
|
.pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
|
@@ -19548,6 +19595,78 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
19548
19595
|
margin: 0;
|
|
19549
19596
|
}
|
|
19550
19597
|
|
|
19598
|
+
.pf-v6-l-gallery {
|
|
19599
|
+
--pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
|
|
19600
|
+
--pf-v6-l-gallery--GridTemplateColumns--min: 250px;
|
|
19601
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
19602
|
+
--pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
|
|
19603
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
19604
|
+
--pf-v6-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v6-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v6-l-gallery--GridTemplateColumns--minmax--max)));
|
|
19605
|
+
--pf-v6-l-gallery--GridTemplateRows: auto;
|
|
19606
|
+
}
|
|
19607
|
+
|
|
19608
|
+
.pf-v6-l-gallery {
|
|
19609
|
+
display: grid;
|
|
19610
|
+
grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
|
|
19611
|
+
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
19612
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
19613
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
19614
|
+
}
|
|
19615
|
+
|
|
19616
|
+
.pf-v6-l-gallery.pf-m-gutter {
|
|
19617
|
+
grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
19618
|
+
}
|
|
19619
|
+
|
|
19620
|
+
@media (min-width: 36rem) {
|
|
19621
|
+
.pf-v6-l-gallery {
|
|
19622
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
|
|
19623
|
+
}
|
|
19624
|
+
}
|
|
19625
|
+
@media (min-width: 48rem) {
|
|
19626
|
+
.pf-v6-l-gallery {
|
|
19627
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: 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)));
|
|
19628
|
+
}
|
|
19629
|
+
}
|
|
19630
|
+
@media (min-width: 62rem) {
|
|
19631
|
+
.pf-v6-l-gallery {
|
|
19632
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: 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))));
|
|
19633
|
+
}
|
|
19634
|
+
}
|
|
19635
|
+
@media (min-width: 75rem) {
|
|
19636
|
+
.pf-v6-l-gallery {
|
|
19637
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: 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)))));
|
|
19638
|
+
}
|
|
19639
|
+
}
|
|
19640
|
+
@media (min-width: 90.625rem) {
|
|
19641
|
+
.pf-v6-l-gallery {
|
|
19642
|
+
--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))))));
|
|
19643
|
+
}
|
|
19644
|
+
}
|
|
19645
|
+
@media (min-width: 36rem) {
|
|
19646
|
+
.pf-v6-l-gallery {
|
|
19647
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
|
|
19648
|
+
}
|
|
19649
|
+
}
|
|
19650
|
+
@media (min-width: 48rem) {
|
|
19651
|
+
.pf-v6-l-gallery {
|
|
19652
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)));
|
|
19653
|
+
}
|
|
19654
|
+
}
|
|
19655
|
+
@media (min-width: 62rem) {
|
|
19656
|
+
.pf-v6-l-gallery {
|
|
19657
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
|
|
19658
|
+
}
|
|
19659
|
+
}
|
|
19660
|
+
@media (min-width: 75rem) {
|
|
19661
|
+
.pf-v6-l-gallery {
|
|
19662
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
|
|
19663
|
+
}
|
|
19664
|
+
}
|
|
19665
|
+
@media (min-width: 90.625rem) {
|
|
19666
|
+
.pf-v6-l-gallery {
|
|
19667
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
|
|
19668
|
+
}
|
|
19669
|
+
}
|
|
19551
19670
|
.pf-v6-l-flex {
|
|
19552
19671
|
--pf-v6-l-flex--Display: flex;
|
|
19553
19672
|
--pf-v6-l-flex--FlexWrap: wrap;
|
|
@@ -22044,78 +22163,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
22044
22163
|
--pf-v6-l-flex--spacer--column: 0;
|
|
22045
22164
|
}
|
|
22046
22165
|
}
|
|
22047
|
-
.pf-v6-l-gallery {
|
|
22048
|
-
--pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
|
|
22049
|
-
--pf-v6-l-gallery--GridTemplateColumns--min: 250px;
|
|
22050
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
22051
|
-
--pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
|
|
22052
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
22053
|
-
--pf-v6-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v6-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v6-l-gallery--GridTemplateColumns--minmax--max)));
|
|
22054
|
-
--pf-v6-l-gallery--GridTemplateRows: auto;
|
|
22055
|
-
}
|
|
22056
|
-
|
|
22057
|
-
.pf-v6-l-gallery {
|
|
22058
|
-
display: grid;
|
|
22059
|
-
grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
|
|
22060
|
-
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
22061
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
22062
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
22063
|
-
}
|
|
22064
|
-
|
|
22065
|
-
.pf-v6-l-gallery.pf-m-gutter {
|
|
22066
|
-
grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
22067
|
-
}
|
|
22068
|
-
|
|
22069
|
-
@media (min-width: 36rem) {
|
|
22070
|
-
.pf-v6-l-gallery {
|
|
22071
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
|
|
22072
|
-
}
|
|
22073
|
-
}
|
|
22074
|
-
@media (min-width: 48rem) {
|
|
22075
|
-
.pf-v6-l-gallery {
|
|
22076
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: 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)));
|
|
22077
|
-
}
|
|
22078
|
-
}
|
|
22079
|
-
@media (min-width: 62rem) {
|
|
22080
|
-
.pf-v6-l-gallery {
|
|
22081
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: 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))));
|
|
22082
|
-
}
|
|
22083
|
-
}
|
|
22084
|
-
@media (min-width: 75rem) {
|
|
22085
|
-
.pf-v6-l-gallery {
|
|
22086
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: 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)))));
|
|
22087
|
-
}
|
|
22088
|
-
}
|
|
22089
|
-
@media (min-width: 90.625rem) {
|
|
22090
|
-
.pf-v6-l-gallery {
|
|
22091
|
-
--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))))));
|
|
22092
|
-
}
|
|
22093
|
-
}
|
|
22094
|
-
@media (min-width: 36rem) {
|
|
22095
|
-
.pf-v6-l-gallery {
|
|
22096
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
|
|
22097
|
-
}
|
|
22098
|
-
}
|
|
22099
|
-
@media (min-width: 48rem) {
|
|
22100
|
-
.pf-v6-l-gallery {
|
|
22101
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)));
|
|
22102
|
-
}
|
|
22103
|
-
}
|
|
22104
|
-
@media (min-width: 62rem) {
|
|
22105
|
-
.pf-v6-l-gallery {
|
|
22106
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
|
|
22107
|
-
}
|
|
22108
|
-
}
|
|
22109
|
-
@media (min-width: 75rem) {
|
|
22110
|
-
.pf-v6-l-gallery {
|
|
22111
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
|
|
22112
|
-
}
|
|
22113
|
-
}
|
|
22114
|
-
@media (min-width: 90.625rem) {
|
|
22115
|
-
.pf-v6-l-gallery {
|
|
22116
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
|
|
22117
|
-
}
|
|
22118
|
-
}
|
|
22119
22166
|
.pf-v6-c-about-modal-box {
|
|
22120
22167
|
--pf-v6-c-about-modal-box--BackgroundImage: none;
|
|
22121
22168
|
--pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
@@ -22310,21 +22357,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
22310
22357
|
font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
|
|
22311
22358
|
}
|
|
22312
22359
|
|
|
22313
|
-
.pf-v6-l-level {
|
|
22314
|
-
--pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
22315
|
-
}
|
|
22316
|
-
|
|
22317
|
-
.pf-v6-l-level {
|
|
22318
|
-
display: flex;
|
|
22319
|
-
flex-wrap: wrap;
|
|
22320
|
-
align-items: center;
|
|
22321
|
-
justify-content: space-between;
|
|
22322
|
-
}
|
|
22323
|
-
|
|
22324
|
-
.pf-v6-l-level.pf-m-gutter {
|
|
22325
|
-
gap: var(--pf-v6-l-level--m-gutter--Gap);
|
|
22326
|
-
}
|
|
22327
|
-
|
|
22328
22360
|
.pf-v6-l-grid {
|
|
22329
22361
|
--pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
|
|
22330
22362
|
--pf-v6-l-grid__item--GridColumnStart: auto;
|
|
@@ -23312,6 +23344,21 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23312
23344
|
grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
23313
23345
|
}
|
|
23314
23346
|
|
|
23347
|
+
.pf-v6-l-level {
|
|
23348
|
+
--pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
23349
|
+
}
|
|
23350
|
+
|
|
23351
|
+
.pf-v6-l-level {
|
|
23352
|
+
display: flex;
|
|
23353
|
+
flex-wrap: wrap;
|
|
23354
|
+
align-items: center;
|
|
23355
|
+
justify-content: space-between;
|
|
23356
|
+
}
|
|
23357
|
+
|
|
23358
|
+
.pf-v6-l-level.pf-m-gutter {
|
|
23359
|
+
gap: var(--pf-v6-l-level--m-gutter--Gap);
|
|
23360
|
+
}
|
|
23361
|
+
|
|
23315
23362
|
.pf-v6-l-split {
|
|
23316
23363
|
--pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
23317
23364
|
}
|