@patternfly/react-core 6.0.0-prerelease.6 → 6.0.0-prerelease.8
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/Tile/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/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/esm/components/Content/Content.d.ts +2 -0
- package/dist/esm/components/Content/Content.d.ts.map +1 -1
- package/dist/esm/components/Content/Content.js +2 -2
- package/dist/esm/components/Content/Content.js.map +1 -1
- package/dist/esm/components/Slider/Slider.d.ts.map +1 -1
- package/dist/esm/components/Slider/Slider.js +1 -1
- package/dist/esm/components/Slider/Slider.js.map +1 -1
- package/dist/js/components/Content/Content.d.ts +2 -0
- package/dist/js/components/Content/Content.d.ts.map +1 -1
- package/dist/js/components/Content/Content.js +2 -2
- package/dist/js/components/Content/Content.js.map +1 -1
- package/dist/js/components/Slider/Slider.d.ts.map +1 -1
- package/dist/js/components/Slider/Slider.js +1 -1
- package/dist/js/components/Slider/Slider.js.map +1 -1
- package/dist/umd/assets/{output-Dl8Gkih9.css → output-DFGG_Rgw.css} +1813 -1813
- 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 +2 -2
- package/src/components/Content/Content.tsx +4 -0
- package/src/components/Content/__tests__/Content.test.tsx +24 -0
- package/src/components/Content/examples/Content.md +8 -0
- package/src/components/Content/examples/ContentEditorial.tsx +24 -0
- package/src/components/Slider/Slider.tsx +6 -1
|
@@ -167,6 +167,39 @@
|
|
|
167
167
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart);
|
|
168
168
|
}
|
|
169
169
|
|
|
170
|
+
:root,
|
|
171
|
+
.pf-v6-c-action-list {
|
|
172
|
+
--pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
173
|
+
--pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
|
|
174
|
+
--pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
175
|
+
--pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.pf-v6-c-action-list,
|
|
179
|
+
.pf-v6-c-action-list__group {
|
|
180
|
+
display: flex;
|
|
181
|
+
align-items: start;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
.pf-v6-c-action-list {
|
|
185
|
+
row-gap: var(--pf-v6-c-action-list--RowGap);
|
|
186
|
+
column-gap: var(--pf-v6-c-action-list--ColumnGap);
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
.pf-v6-c-action-list.pf-m-icons {
|
|
190
|
+
--pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
191
|
+
column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
.pf-v6-c-action-list__group {
|
|
195
|
+
row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
|
|
196
|
+
column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
.pf-v6-c-action-list__group.pf-m-icons {
|
|
200
|
+
column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
201
|
+
}
|
|
202
|
+
|
|
170
203
|
:root,
|
|
171
204
|
.pf-v6-c-alert {
|
|
172
205
|
--pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
@@ -381,39 +414,6 @@
|
|
|
381
414
|
margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
|
|
382
415
|
}
|
|
383
416
|
|
|
384
|
-
:root,
|
|
385
|
-
.pf-v6-c-action-list {
|
|
386
|
-
--pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
387
|
-
--pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
|
|
388
|
-
--pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
389
|
-
--pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
390
|
-
}
|
|
391
|
-
|
|
392
|
-
.pf-v6-c-action-list,
|
|
393
|
-
.pf-v6-c-action-list__group {
|
|
394
|
-
display: flex;
|
|
395
|
-
align-items: start;
|
|
396
|
-
}
|
|
397
|
-
|
|
398
|
-
.pf-v6-c-action-list {
|
|
399
|
-
row-gap: var(--pf-v6-c-action-list--RowGap);
|
|
400
|
-
column-gap: var(--pf-v6-c-action-list--ColumnGap);
|
|
401
|
-
}
|
|
402
|
-
|
|
403
|
-
.pf-v6-c-action-list.pf-m-icons {
|
|
404
|
-
--pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
405
|
-
column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
406
|
-
}
|
|
407
|
-
|
|
408
|
-
.pf-v6-c-action-list__group {
|
|
409
|
-
row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
|
|
410
|
-
column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
|
|
411
|
-
}
|
|
412
|
-
|
|
413
|
-
.pf-v6-c-action-list__group.pf-m-icons {
|
|
414
|
-
column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
415
|
-
}
|
|
416
|
-
|
|
417
417
|
:root,
|
|
418
418
|
.pf-v6-c-avatar {
|
|
419
419
|
--pf-v6-c-avatar--BorderColor: transparent;
|
|
@@ -665,6 +665,27 @@
|
|
|
665
665
|
--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))))));
|
|
666
666
|
}
|
|
667
667
|
}
|
|
668
|
+
:root,
|
|
669
|
+
.pf-v6-c-backdrop {
|
|
670
|
+
--pf-v6-c-backdrop--Position: fixed;
|
|
671
|
+
--pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
|
|
672
|
+
--pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
.pf-v6-c-backdrop {
|
|
676
|
+
position: var(--pf-v6-c-backdrop--Position);
|
|
677
|
+
inset-block-start: 0;
|
|
678
|
+
inset-inline-start: 0;
|
|
679
|
+
z-index: var(--pf-v6-c-backdrop--ZIndex);
|
|
680
|
+
width: 100%;
|
|
681
|
+
height: 100%;
|
|
682
|
+
background-color: var(--pf-v6-c-backdrop--BackgroundColor);
|
|
683
|
+
}
|
|
684
|
+
|
|
685
|
+
.pf-v6-c-backdrop__open {
|
|
686
|
+
overflow: hidden;
|
|
687
|
+
}
|
|
688
|
+
|
|
668
689
|
:root,
|
|
669
690
|
.pf-v6-c-back-to-top {
|
|
670
691
|
--pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
@@ -733,24 +754,77 @@
|
|
|
733
754
|
}
|
|
734
755
|
|
|
735
756
|
:root,
|
|
736
|
-
.pf-v6-c-
|
|
737
|
-
--pf-v6-c-
|
|
738
|
-
--pf-v6-c-
|
|
739
|
-
--pf-v6-c-
|
|
757
|
+
.pf-v6-c-badge {
|
|
758
|
+
--pf-v6-c-badge--BorderColor: transparent;
|
|
759
|
+
--pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
760
|
+
--pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
761
|
+
--pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
762
|
+
--pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
763
|
+
--pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
764
|
+
--pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
765
|
+
--pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
766
|
+
--pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
|
|
767
|
+
--pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
768
|
+
--pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
769
|
+
--pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
770
|
+
--pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
771
|
+
--pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
772
|
+
--pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
773
|
+
--pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
774
|
+
--pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
775
|
+
--pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
776
|
+
--pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
|
|
777
|
+
--pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
740
778
|
}
|
|
741
779
|
|
|
742
|
-
.pf-v6-c-
|
|
743
|
-
position:
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
780
|
+
.pf-v6-c-badge {
|
|
781
|
+
position: relative;
|
|
782
|
+
display: inline-block;
|
|
783
|
+
min-width: var(--pf-v6-c-badge--MinWidth);
|
|
784
|
+
padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
|
|
785
|
+
padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
|
|
786
|
+
font-size: var(--pf-v6-c-badge--FontSize);
|
|
787
|
+
font-weight: var(--pf-v6-c-badge--FontWeight);
|
|
788
|
+
color: var(--pf-v6-c-badge--Color);
|
|
789
|
+
text-align: center;
|
|
790
|
+
white-space: nowrap;
|
|
791
|
+
background-color: var(--pf-v6-c-badge--BackgroundColor);
|
|
792
|
+
border-radius: var(--pf-v6-c-badge--BorderRadius);
|
|
750
793
|
}
|
|
751
794
|
|
|
752
|
-
.pf-v6-c-
|
|
753
|
-
|
|
795
|
+
.pf-v6-c-badge::after {
|
|
796
|
+
position: absolute;
|
|
797
|
+
inset: 0;
|
|
798
|
+
pointer-events: none;
|
|
799
|
+
content: "";
|
|
800
|
+
border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
|
|
801
|
+
border-radius: inherit;
|
|
802
|
+
}
|
|
803
|
+
|
|
804
|
+
.pf-v6-c-badge.pf-m-read {
|
|
805
|
+
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
|
|
806
|
+
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
|
|
807
|
+
--pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
|
|
808
|
+
}
|
|
809
|
+
|
|
810
|
+
.pf-v6-c-badge.pf-m-unread {
|
|
811
|
+
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
|
|
812
|
+
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
|
|
813
|
+
--pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
|
|
814
|
+
}
|
|
815
|
+
|
|
816
|
+
.pf-v6-c-badge.pf-m-disabled {
|
|
817
|
+
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
|
|
818
|
+
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
|
|
819
|
+
}
|
|
820
|
+
|
|
821
|
+
.pf-v6-c-badge.pf-m-disabled::after {
|
|
822
|
+
border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
|
|
823
|
+
}
|
|
824
|
+
|
|
825
|
+
.pf-v6-c-badge__toggle-icon {
|
|
826
|
+
margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
|
|
827
|
+
color: var(--pf-v6-c-badge__toggle-icon--Color);
|
|
754
828
|
}
|
|
755
829
|
|
|
756
830
|
:root,
|
|
@@ -914,80 +988,6 @@
|
|
|
914
988
|
cursor: not-allowed;
|
|
915
989
|
}
|
|
916
990
|
|
|
917
|
-
:root,
|
|
918
|
-
.pf-v6-c-badge {
|
|
919
|
-
--pf-v6-c-badge--BorderColor: transparent;
|
|
920
|
-
--pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
921
|
-
--pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
922
|
-
--pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
923
|
-
--pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
924
|
-
--pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
925
|
-
--pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
926
|
-
--pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
927
|
-
--pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
|
|
928
|
-
--pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
929
|
-
--pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
930
|
-
--pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
931
|
-
--pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
932
|
-
--pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
933
|
-
--pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
934
|
-
--pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
935
|
-
--pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
936
|
-
--pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
937
|
-
--pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
|
|
938
|
-
--pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
939
|
-
}
|
|
940
|
-
|
|
941
|
-
.pf-v6-c-badge {
|
|
942
|
-
position: relative;
|
|
943
|
-
display: inline-block;
|
|
944
|
-
min-width: var(--pf-v6-c-badge--MinWidth);
|
|
945
|
-
padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
|
|
946
|
-
padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
|
|
947
|
-
font-size: var(--pf-v6-c-badge--FontSize);
|
|
948
|
-
font-weight: var(--pf-v6-c-badge--FontWeight);
|
|
949
|
-
color: var(--pf-v6-c-badge--Color);
|
|
950
|
-
text-align: center;
|
|
951
|
-
white-space: nowrap;
|
|
952
|
-
background-color: var(--pf-v6-c-badge--BackgroundColor);
|
|
953
|
-
border-radius: var(--pf-v6-c-badge--BorderRadius);
|
|
954
|
-
}
|
|
955
|
-
|
|
956
|
-
.pf-v6-c-badge::after {
|
|
957
|
-
position: absolute;
|
|
958
|
-
inset: 0;
|
|
959
|
-
pointer-events: none;
|
|
960
|
-
content: "";
|
|
961
|
-
border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
|
|
962
|
-
border-radius: inherit;
|
|
963
|
-
}
|
|
964
|
-
|
|
965
|
-
.pf-v6-c-badge.pf-m-read {
|
|
966
|
-
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
|
|
967
|
-
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
|
|
968
|
-
--pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
|
|
969
|
-
}
|
|
970
|
-
|
|
971
|
-
.pf-v6-c-badge.pf-m-unread {
|
|
972
|
-
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
|
|
973
|
-
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
|
|
974
|
-
--pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
|
|
975
|
-
}
|
|
976
|
-
|
|
977
|
-
.pf-v6-c-badge.pf-m-disabled {
|
|
978
|
-
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
|
|
979
|
-
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
|
|
980
|
-
}
|
|
981
|
-
|
|
982
|
-
.pf-v6-c-badge.pf-m-disabled::after {
|
|
983
|
-
border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
|
|
984
|
-
}
|
|
985
|
-
|
|
986
|
-
.pf-v6-c-badge__toggle-icon {
|
|
987
|
-
margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
|
|
988
|
-
color: var(--pf-v6-c-badge__toggle-icon--Color);
|
|
989
|
-
}
|
|
990
|
-
|
|
991
991
|
:root,
|
|
992
992
|
.pf-v6-c-brand {
|
|
993
993
|
--pf-v6-c-brand--Width: auto;
|
|
@@ -2383,20 +2383,103 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2383
2383
|
}
|
|
2384
2384
|
|
|
2385
2385
|
:root,
|
|
2386
|
-
.pf-v6-c-
|
|
2387
|
-
--pf-v6-c-
|
|
2388
|
-
--pf-v6-c-
|
|
2389
|
-
--pf-v6-c-
|
|
2390
|
-
--pf-v6-c-
|
|
2391
|
-
--pf-v6-c-
|
|
2392
|
-
--pf-v6-c-
|
|
2393
|
-
--pf-v6-c-
|
|
2394
|
-
--pf-v6-c-
|
|
2395
|
-
--pf-v6-c-
|
|
2396
|
-
--pf-v6-c-
|
|
2397
|
-
--pf-v6-c-
|
|
2398
|
-
--pf-v6-c-
|
|
2399
|
-
--pf-v6-c-
|
|
2386
|
+
.pf-v6-c-check {
|
|
2387
|
+
--pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
2388
|
+
--pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
2389
|
+
--pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
|
|
2390
|
+
--pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
2391
|
+
--pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
|
|
2392
|
+
--pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
2393
|
+
--pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2394
|
+
--pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
2395
|
+
--pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
2396
|
+
--pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
|
|
2397
|
+
--pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
2398
|
+
--pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
2399
|
+
--pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
2400
|
+
--pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
|
|
2401
|
+
}
|
|
2402
|
+
|
|
2403
|
+
.pf-v6-c-check {
|
|
2404
|
+
display: grid;
|
|
2405
|
+
grid-template-columns: auto 1fr;
|
|
2406
|
+
grid-gap: var(--pf-v6-c-check--GridGap);
|
|
2407
|
+
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
2408
|
+
}
|
|
2409
|
+
|
|
2410
|
+
.pf-v6-c-check.pf-m-standalone {
|
|
2411
|
+
display: inline-grid;
|
|
2412
|
+
grid-template-columns: auto;
|
|
2413
|
+
min-height: var(--pf-v6-c-check--MinHeight);
|
|
2414
|
+
}
|
|
2415
|
+
|
|
2416
|
+
.pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
|
|
2417
|
+
align-self: center;
|
|
2418
|
+
transform: none;
|
|
2419
|
+
}
|
|
2420
|
+
|
|
2421
|
+
.pf-v6-c-check__input {
|
|
2422
|
+
align-self: start;
|
|
2423
|
+
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
2424
|
+
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
2425
|
+
transform: translateY(var(--pf-v6-c-check__input--TranslateY));
|
|
2426
|
+
}
|
|
2427
|
+
|
|
2428
|
+
.pf-v6-c-check__label {
|
|
2429
|
+
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
2430
|
+
font-weight: var(--pf-v6-c-check__label--FontWeight);
|
|
2431
|
+
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
2432
|
+
color: var(--pf-v6-c-check__label--Color);
|
|
2433
|
+
}
|
|
2434
|
+
|
|
2435
|
+
.pf-v6-c-check__description {
|
|
2436
|
+
grid-column: 2;
|
|
2437
|
+
font-size: var(--pf-v6-c-check__description--FontSize);
|
|
2438
|
+
color: var(--pf-v6-c-check__description--Color);
|
|
2439
|
+
}
|
|
2440
|
+
|
|
2441
|
+
.pf-v6-c-check__body {
|
|
2442
|
+
grid-column: 2;
|
|
2443
|
+
}
|
|
2444
|
+
|
|
2445
|
+
.pf-v6-c-check__label,
|
|
2446
|
+
.pf-v6-c-check__input {
|
|
2447
|
+
justify-self: start;
|
|
2448
|
+
}
|
|
2449
|
+
|
|
2450
|
+
label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
2451
|
+
.pf-v6-c-check__input {
|
|
2452
|
+
cursor: pointer;
|
|
2453
|
+
}
|
|
2454
|
+
|
|
2455
|
+
.pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
|
|
2456
|
+
.pf-v6-c-check__input:disabled,
|
|
2457
|
+
.pf-v6-c-check__input.pf-m-disabled {
|
|
2458
|
+
--pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
|
|
2459
|
+
cursor: not-allowed;
|
|
2460
|
+
}
|
|
2461
|
+
|
|
2462
|
+
.pf-v6-c-check__label-required {
|
|
2463
|
+
margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
|
|
2464
|
+
font-size: var(--pf-v6-c-check__label-required--FontSize);
|
|
2465
|
+
color: var(--pf-v6-c-check__label-required--Color);
|
|
2466
|
+
}
|
|
2467
|
+
|
|
2468
|
+
:root,
|
|
2469
|
+
.pf-v6-c-clipboard-copy {
|
|
2470
|
+
--pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
|
|
2471
|
+
--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
|
|
2472
|
+
--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
2473
|
+
--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
2474
|
+
--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
2475
|
+
--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2476
|
+
--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
2477
|
+
--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
2478
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth: var(--pf-t--global--border--width--control--default);
|
|
2479
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
|
|
2480
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
|
|
2481
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderInlineStartWidth: var(--pf-t--global--border--width--control--default);
|
|
2482
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
|
|
2400
2483
|
--pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
2401
2484
|
--pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
2402
2485
|
--pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
@@ -2483,89 +2566,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2483
2566
|
--pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
|
|
2484
2567
|
}
|
|
2485
2568
|
|
|
2486
|
-
:root,
|
|
2487
|
-
.pf-v6-c-check {
|
|
2488
|
-
--pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
2489
|
-
--pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
2490
|
-
--pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
|
|
2491
|
-
--pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
2492
|
-
--pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
|
|
2493
|
-
--pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
2494
|
-
--pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2495
|
-
--pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
2496
|
-
--pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
2497
|
-
--pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
|
|
2498
|
-
--pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
2499
|
-
--pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
2500
|
-
--pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
2501
|
-
--pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
|
|
2502
|
-
}
|
|
2503
|
-
|
|
2504
|
-
.pf-v6-c-check {
|
|
2505
|
-
display: grid;
|
|
2506
|
-
grid-template-columns: auto 1fr;
|
|
2507
|
-
grid-gap: var(--pf-v6-c-check--GridGap);
|
|
2508
|
-
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
2509
|
-
}
|
|
2510
|
-
|
|
2511
|
-
.pf-v6-c-check.pf-m-standalone {
|
|
2512
|
-
display: inline-grid;
|
|
2513
|
-
grid-template-columns: auto;
|
|
2514
|
-
min-height: var(--pf-v6-c-check--MinHeight);
|
|
2515
|
-
}
|
|
2516
|
-
|
|
2517
|
-
.pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
|
|
2518
|
-
align-self: center;
|
|
2519
|
-
transform: none;
|
|
2520
|
-
}
|
|
2521
|
-
|
|
2522
|
-
.pf-v6-c-check__input {
|
|
2523
|
-
align-self: start;
|
|
2524
|
-
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
2525
|
-
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
2526
|
-
transform: translateY(var(--pf-v6-c-check__input--TranslateY));
|
|
2527
|
-
}
|
|
2528
|
-
|
|
2529
|
-
.pf-v6-c-check__label {
|
|
2530
|
-
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
2531
|
-
font-weight: var(--pf-v6-c-check__label--FontWeight);
|
|
2532
|
-
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
2533
|
-
color: var(--pf-v6-c-check__label--Color);
|
|
2534
|
-
}
|
|
2535
|
-
|
|
2536
|
-
.pf-v6-c-check__description {
|
|
2537
|
-
grid-column: 2;
|
|
2538
|
-
font-size: var(--pf-v6-c-check__description--FontSize);
|
|
2539
|
-
color: var(--pf-v6-c-check__description--Color);
|
|
2540
|
-
}
|
|
2541
|
-
|
|
2542
|
-
.pf-v6-c-check__body {
|
|
2543
|
-
grid-column: 2;
|
|
2544
|
-
}
|
|
2545
|
-
|
|
2546
|
-
.pf-v6-c-check__label,
|
|
2547
|
-
.pf-v6-c-check__input {
|
|
2548
|
-
justify-self: start;
|
|
2549
|
-
}
|
|
2550
|
-
|
|
2551
|
-
label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
2552
|
-
.pf-v6-c-check__input {
|
|
2553
|
-
cursor: pointer;
|
|
2554
|
-
}
|
|
2555
|
-
|
|
2556
|
-
.pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
|
|
2557
|
-
.pf-v6-c-check__input:disabled,
|
|
2558
|
-
.pf-v6-c-check__input.pf-m-disabled {
|
|
2559
|
-
--pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
|
|
2560
|
-
cursor: not-allowed;
|
|
2561
|
-
}
|
|
2562
|
-
|
|
2563
|
-
.pf-v6-c-check__label-required {
|
|
2564
|
-
margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
|
|
2565
|
-
font-size: var(--pf-v6-c-check__label-required--FontSize);
|
|
2566
|
-
color: var(--pf-v6-c-check__label-required--Color);
|
|
2567
|
-
}
|
|
2568
|
-
|
|
2569
2569
|
:root,
|
|
2570
2570
|
.pf-v6-c-code-block {
|
|
2571
2571
|
--pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
@@ -3819,374 +3819,57 @@ ul) {
|
|
|
3819
3819
|
}
|
|
3820
3820
|
|
|
3821
3821
|
:root,
|
|
3822
|
-
.pf-v6-c-
|
|
3823
|
-
--pf-v6-c-
|
|
3824
|
-
--pf-v6-c-
|
|
3825
|
-
--pf-v6-c-
|
|
3826
|
-
--pf-v6-c-
|
|
3827
|
-
|
|
3828
|
-
|
|
3829
|
-
|
|
3830
|
-
|
|
3831
|
-
|
|
3832
|
-
|
|
3833
|
-
--pf-v6-
|
|
3834
|
-
--pf-v6-
|
|
3835
|
-
--pf-v6-
|
|
3836
|
-
|
|
3837
|
-
|
|
3838
|
-
|
|
3839
|
-
|
|
3840
|
-
|
|
3841
|
-
|
|
3842
|
-
|
|
3843
|
-
|
|
3844
|
-
|
|
3845
|
-
--pf-v6-
|
|
3822
|
+
.pf-v6-c-description-list {
|
|
3823
|
+
--pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
|
|
3824
|
+
--pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
|
|
3825
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: 1;
|
|
3826
|
+
--pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
|
|
3827
|
+
--pf-v6-c-description-list--GridTemplateColumns--min: 0;
|
|
3828
|
+
--pf-v6-c-description-list__group--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
3829
|
+
--pf-v6-c-description-list__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
|
|
3830
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: auto;
|
|
3831
|
+
--pf-v6-c-description-list__group--GridTemplateRows: auto 1fr;
|
|
3832
|
+
--pf-v6-c-description-list__group--GridColumn: auto;
|
|
3833
|
+
--pf-v6-c-description-list--m-compact--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--compact);
|
|
3834
|
+
--pf-v6-c-description-list--m-compact--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--compact);
|
|
3835
|
+
--pf-v6-c-description-list__term--Display: inline;
|
|
3836
|
+
--pf-v6-c-description-list__term--sm--Display: flex;
|
|
3837
|
+
--pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
3838
|
+
--pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
3839
|
+
--pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
3840
|
+
--pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
|
|
3841
|
+
--pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
3842
|
+
--pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
3843
|
+
--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-v6-c-description-list--GridTemplateColumns--count));
|
|
3844
|
+
--pf-v6-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
|
|
3845
|
+
--pf-v6-c-description-list--m-horizontal__term--width: 12ch;
|
|
3846
|
+
--pf-v6-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
|
|
3847
|
+
--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);
|
|
3848
|
+
--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows: auto;
|
|
3849
|
+
--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count: 1;
|
|
3850
|
+
--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count: 2;
|
|
3851
|
+
--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
|
|
3852
|
+
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
|
|
3853
|
+
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
|
|
3854
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
|
|
3855
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
|
|
3856
|
+
--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
3857
|
+
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
3858
|
+
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
3859
|
+
--pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
3860
|
+
--pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
|
|
3861
|
+
--pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
|
|
3862
|
+
--pf-v6-c-description-list--m-horizontal__term--width-on-md: inherit;
|
|
3863
|
+
--pf-v6-c-description-list--m-horizontal__term--width-on-lg: inherit;
|
|
3864
|
+
--pf-v6-c-description-list--m-horizontal__term--width-on-xl: inherit;
|
|
3865
|
+
--pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
|
|
3866
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
3846
3867
|
}
|
|
3847
3868
|
|
|
3848
3869
|
@media screen and (min-width: 36rem) {
|
|
3849
|
-
|
|
3850
|
-
|
|
3851
|
-
|
|
3852
|
-
.pf-v6-c-divider.pf-m-visible-on-sm {
|
|
3853
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
3854
|
-
}
|
|
3855
|
-
}
|
|
3856
|
-
@media screen and (min-width: 48rem) {
|
|
3857
|
-
.pf-v6-c-divider.pf-m-hidden-on-md {
|
|
3858
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
3859
|
-
}
|
|
3860
|
-
.pf-v6-c-divider.pf-m-visible-on-md {
|
|
3861
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
3862
|
-
}
|
|
3863
|
-
}
|
|
3864
|
-
@media screen and (min-width: 62rem) {
|
|
3865
|
-
.pf-v6-c-divider.pf-m-hidden-on-lg {
|
|
3866
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
3867
|
-
}
|
|
3868
|
-
.pf-v6-c-divider.pf-m-visible-on-lg {
|
|
3869
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
3870
|
-
}
|
|
3871
|
-
}
|
|
3872
|
-
@media screen and (min-width: 75rem) {
|
|
3873
|
-
.pf-v6-c-divider.pf-m-hidden-on-xl {
|
|
3874
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
3875
|
-
}
|
|
3876
|
-
.pf-v6-c-divider.pf-m-visible-on-xl {
|
|
3877
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
3878
|
-
}
|
|
3879
|
-
}
|
|
3880
|
-
@media screen and (min-width: 90.625rem) {
|
|
3881
|
-
.pf-v6-c-divider.pf-m-hidden-on-2xl {
|
|
3882
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
3883
|
-
}
|
|
3884
|
-
.pf-v6-c-divider.pf-m-visible-on-2xl {
|
|
3885
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
3886
|
-
}
|
|
3887
|
-
}
|
|
3888
|
-
.pf-v6-c-divider::before {
|
|
3889
|
-
flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
|
|
3890
|
-
content: "";
|
|
3891
|
-
background-color: var(--pf-v6-c-divider--Color);
|
|
3892
|
-
}
|
|
3893
|
-
|
|
3894
|
-
.pf-v6-c-divider.pf-m-horizontal {
|
|
3895
|
-
flex-direction: row;
|
|
3896
|
-
width: 100%;
|
|
3897
|
-
height: var(--pf-v6-c-divider--Size);
|
|
3898
|
-
}
|
|
3899
|
-
|
|
3900
|
-
.pf-v6-c-divider.pf-m-vertical {
|
|
3901
|
-
flex-direction: column;
|
|
3902
|
-
width: var(--pf-v6-c-divider--Size);
|
|
3903
|
-
height: inherit;
|
|
3904
|
-
}
|
|
3905
|
-
|
|
3906
|
-
.pf-v6-c-divider.pf-m-inset-none {
|
|
3907
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
|
|
3908
|
-
}
|
|
3909
|
-
|
|
3910
|
-
.pf-v6-c-divider.pf-m-inset-xs {
|
|
3911
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
3912
|
-
}
|
|
3913
|
-
|
|
3914
|
-
.pf-v6-c-divider.pf-m-inset-sm {
|
|
3915
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
3916
|
-
}
|
|
3917
|
-
|
|
3918
|
-
.pf-v6-c-divider.pf-m-inset-md {
|
|
3919
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
3920
|
-
}
|
|
3921
|
-
|
|
3922
|
-
.pf-v6-c-divider.pf-m-inset-lg {
|
|
3923
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
3924
|
-
}
|
|
3925
|
-
|
|
3926
|
-
.pf-v6-c-divider.pf-m-inset-xl {
|
|
3927
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
3928
|
-
}
|
|
3929
|
-
|
|
3930
|
-
.pf-v6-c-divider.pf-m-inset-2xl {
|
|
3931
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
3932
|
-
}
|
|
3933
|
-
|
|
3934
|
-
.pf-v6-c-divider.pf-m-inset-3xl {
|
|
3935
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
3936
|
-
}
|
|
3937
|
-
|
|
3938
|
-
@media (min-width: 36rem) {
|
|
3939
|
-
.pf-v6-c-divider.pf-m-horizontal-on-sm {
|
|
3940
|
-
flex-direction: row;
|
|
3941
|
-
width: 100%;
|
|
3942
|
-
height: var(--pf-v6-c-divider--Size);
|
|
3943
|
-
}
|
|
3944
|
-
}
|
|
3945
|
-
@media (min-width: 36rem) {
|
|
3946
|
-
.pf-v6-c-divider.pf-m-vertical-on-sm {
|
|
3947
|
-
flex-direction: column;
|
|
3948
|
-
width: var(--pf-v6-c-divider--Size);
|
|
3949
|
-
height: inherit;
|
|
3950
|
-
}
|
|
3951
|
-
}
|
|
3952
|
-
@media (min-width: 36rem) {
|
|
3953
|
-
.pf-v6-c-divider.pf-m-inset-none-on-sm {
|
|
3954
|
-
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
3955
|
-
}
|
|
3956
|
-
.pf-v6-c-divider.pf-m-inset-xs-on-sm {
|
|
3957
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
3958
|
-
}
|
|
3959
|
-
.pf-v6-c-divider.pf-m-inset-sm-on-sm {
|
|
3960
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
3961
|
-
}
|
|
3962
|
-
.pf-v6-c-divider.pf-m-inset-md-on-sm {
|
|
3963
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
3964
|
-
}
|
|
3965
|
-
.pf-v6-c-divider.pf-m-inset-lg-on-sm {
|
|
3966
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
3967
|
-
}
|
|
3968
|
-
.pf-v6-c-divider.pf-m-inset-xl-on-sm {
|
|
3969
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
3970
|
-
}
|
|
3971
|
-
.pf-v6-c-divider.pf-m-inset-2xl-on-sm {
|
|
3972
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
3973
|
-
}
|
|
3974
|
-
.pf-v6-c-divider.pf-m-inset-3xl-on-sm {
|
|
3975
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
3976
|
-
}
|
|
3977
|
-
}
|
|
3978
|
-
@media (min-width: 48rem) {
|
|
3979
|
-
.pf-v6-c-divider.pf-m-horizontal-on-md {
|
|
3980
|
-
flex-direction: row;
|
|
3981
|
-
width: 100%;
|
|
3982
|
-
height: var(--pf-v6-c-divider--Size);
|
|
3983
|
-
}
|
|
3984
|
-
}
|
|
3985
|
-
@media (min-width: 48rem) {
|
|
3986
|
-
.pf-v6-c-divider.pf-m-vertical-on-md {
|
|
3987
|
-
flex-direction: column;
|
|
3988
|
-
width: var(--pf-v6-c-divider--Size);
|
|
3989
|
-
height: inherit;
|
|
3990
|
-
}
|
|
3991
|
-
}
|
|
3992
|
-
@media (min-width: 48rem) {
|
|
3993
|
-
.pf-v6-c-divider.pf-m-inset-none-on-md {
|
|
3994
|
-
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
3995
|
-
}
|
|
3996
|
-
.pf-v6-c-divider.pf-m-inset-xs-on-md {
|
|
3997
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
3998
|
-
}
|
|
3999
|
-
.pf-v6-c-divider.pf-m-inset-sm-on-md {
|
|
4000
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
4001
|
-
}
|
|
4002
|
-
.pf-v6-c-divider.pf-m-inset-md-on-md {
|
|
4003
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
4004
|
-
}
|
|
4005
|
-
.pf-v6-c-divider.pf-m-inset-lg-on-md {
|
|
4006
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
4007
|
-
}
|
|
4008
|
-
.pf-v6-c-divider.pf-m-inset-xl-on-md {
|
|
4009
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
4010
|
-
}
|
|
4011
|
-
.pf-v6-c-divider.pf-m-inset-2xl-on-md {
|
|
4012
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
4013
|
-
}
|
|
4014
|
-
.pf-v6-c-divider.pf-m-inset-3xl-on-md {
|
|
4015
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
4016
|
-
}
|
|
4017
|
-
}
|
|
4018
|
-
@media (min-width: 62rem) {
|
|
4019
|
-
.pf-v6-c-divider.pf-m-horizontal-on-lg {
|
|
4020
|
-
flex-direction: row;
|
|
4021
|
-
width: 100%;
|
|
4022
|
-
height: var(--pf-v6-c-divider--Size);
|
|
4023
|
-
}
|
|
4024
|
-
}
|
|
4025
|
-
@media (min-width: 62rem) {
|
|
4026
|
-
.pf-v6-c-divider.pf-m-vertical-on-lg {
|
|
4027
|
-
flex-direction: column;
|
|
4028
|
-
width: var(--pf-v6-c-divider--Size);
|
|
4029
|
-
height: inherit;
|
|
4030
|
-
}
|
|
4031
|
-
}
|
|
4032
|
-
@media (min-width: 62rem) {
|
|
4033
|
-
.pf-v6-c-divider.pf-m-inset-none-on-lg {
|
|
4034
|
-
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
4035
|
-
}
|
|
4036
|
-
.pf-v6-c-divider.pf-m-inset-xs-on-lg {
|
|
4037
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
4038
|
-
}
|
|
4039
|
-
.pf-v6-c-divider.pf-m-inset-sm-on-lg {
|
|
4040
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
4041
|
-
}
|
|
4042
|
-
.pf-v6-c-divider.pf-m-inset-md-on-lg {
|
|
4043
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
4044
|
-
}
|
|
4045
|
-
.pf-v6-c-divider.pf-m-inset-lg-on-lg {
|
|
4046
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
4047
|
-
}
|
|
4048
|
-
.pf-v6-c-divider.pf-m-inset-xl-on-lg {
|
|
4049
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
4050
|
-
}
|
|
4051
|
-
.pf-v6-c-divider.pf-m-inset-2xl-on-lg {
|
|
4052
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
4053
|
-
}
|
|
4054
|
-
.pf-v6-c-divider.pf-m-inset-3xl-on-lg {
|
|
4055
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
4056
|
-
}
|
|
4057
|
-
}
|
|
4058
|
-
@media (min-width: 75rem) {
|
|
4059
|
-
.pf-v6-c-divider.pf-m-horizontal-on-xl {
|
|
4060
|
-
flex-direction: row;
|
|
4061
|
-
width: 100%;
|
|
4062
|
-
height: var(--pf-v6-c-divider--Size);
|
|
4063
|
-
}
|
|
4064
|
-
}
|
|
4065
|
-
@media (min-width: 75rem) {
|
|
4066
|
-
.pf-v6-c-divider.pf-m-vertical-on-xl {
|
|
4067
|
-
flex-direction: column;
|
|
4068
|
-
width: var(--pf-v6-c-divider--Size);
|
|
4069
|
-
height: inherit;
|
|
4070
|
-
}
|
|
4071
|
-
}
|
|
4072
|
-
@media (min-width: 75rem) {
|
|
4073
|
-
.pf-v6-c-divider.pf-m-inset-none-on-xl {
|
|
4074
|
-
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
4075
|
-
}
|
|
4076
|
-
.pf-v6-c-divider.pf-m-inset-xs-on-xl {
|
|
4077
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
4078
|
-
}
|
|
4079
|
-
.pf-v6-c-divider.pf-m-inset-sm-on-xl {
|
|
4080
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
4081
|
-
}
|
|
4082
|
-
.pf-v6-c-divider.pf-m-inset-md-on-xl {
|
|
4083
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
4084
|
-
}
|
|
4085
|
-
.pf-v6-c-divider.pf-m-inset-lg-on-xl {
|
|
4086
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
4087
|
-
}
|
|
4088
|
-
.pf-v6-c-divider.pf-m-inset-xl-on-xl {
|
|
4089
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
4090
|
-
}
|
|
4091
|
-
.pf-v6-c-divider.pf-m-inset-2xl-on-xl {
|
|
4092
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
4093
|
-
}
|
|
4094
|
-
.pf-v6-c-divider.pf-m-inset-3xl-on-xl {
|
|
4095
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
4096
|
-
}
|
|
4097
|
-
}
|
|
4098
|
-
@media (min-width: 90.625rem) {
|
|
4099
|
-
.pf-v6-c-divider.pf-m-horizontal-on-2xl {
|
|
4100
|
-
flex-direction: row;
|
|
4101
|
-
width: 100%;
|
|
4102
|
-
height: var(--pf-v6-c-divider--Size);
|
|
4103
|
-
}
|
|
4104
|
-
}
|
|
4105
|
-
@media (min-width: 90.625rem) {
|
|
4106
|
-
.pf-v6-c-divider.pf-m-vertical-on-2xl {
|
|
4107
|
-
flex-direction: column;
|
|
4108
|
-
width: var(--pf-v6-c-divider--Size);
|
|
4109
|
-
height: inherit;
|
|
4110
|
-
}
|
|
4111
|
-
}
|
|
4112
|
-
@media (min-width: 90.625rem) {
|
|
4113
|
-
.pf-v6-c-divider.pf-m-inset-none-on-2xl {
|
|
4114
|
-
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
4115
|
-
}
|
|
4116
|
-
.pf-v6-c-divider.pf-m-inset-xs-on-2xl {
|
|
4117
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
4118
|
-
}
|
|
4119
|
-
.pf-v6-c-divider.pf-m-inset-sm-on-2xl {
|
|
4120
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
4121
|
-
}
|
|
4122
|
-
.pf-v6-c-divider.pf-m-inset-md-on-2xl {
|
|
4123
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
4124
|
-
}
|
|
4125
|
-
.pf-v6-c-divider.pf-m-inset-lg-on-2xl {
|
|
4126
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
4127
|
-
}
|
|
4128
|
-
.pf-v6-c-divider.pf-m-inset-xl-on-2xl {
|
|
4129
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
4130
|
-
}
|
|
4131
|
-
.pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
|
|
4132
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
4133
|
-
}
|
|
4134
|
-
.pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
|
|
4135
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
4136
|
-
}
|
|
4137
|
-
}
|
|
4138
|
-
:root,
|
|
4139
|
-
.pf-v6-c-description-list {
|
|
4140
|
-
--pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
|
|
4141
|
-
--pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
|
|
4142
|
-
--pf-v6-c-description-list--GridTemplateColumns--count: 1;
|
|
4143
|
-
--pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
|
|
4144
|
-
--pf-v6-c-description-list--GridTemplateColumns--min: 0;
|
|
4145
|
-
--pf-v6-c-description-list__group--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
4146
|
-
--pf-v6-c-description-list__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
|
|
4147
|
-
--pf-v6-c-description-list__group--GridTemplateColumns: auto;
|
|
4148
|
-
--pf-v6-c-description-list__group--GridTemplateRows: auto 1fr;
|
|
4149
|
-
--pf-v6-c-description-list__group--GridColumn: auto;
|
|
4150
|
-
--pf-v6-c-description-list--m-compact--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--compact);
|
|
4151
|
-
--pf-v6-c-description-list--m-compact--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--compact);
|
|
4152
|
-
--pf-v6-c-description-list__term--Display: inline;
|
|
4153
|
-
--pf-v6-c-description-list__term--sm--Display: flex;
|
|
4154
|
-
--pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
4155
|
-
--pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
4156
|
-
--pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
4157
|
-
--pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
|
|
4158
|
-
--pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
4159
|
-
--pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
4160
|
-
--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-v6-c-description-list--GridTemplateColumns--count));
|
|
4161
|
-
--pf-v6-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
|
|
4162
|
-
--pf-v6-c-description-list--m-horizontal__term--width: 12ch;
|
|
4163
|
-
--pf-v6-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
|
|
4164
|
-
--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);
|
|
4165
|
-
--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows: auto;
|
|
4166
|
-
--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count: 1;
|
|
4167
|
-
--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count: 2;
|
|
4168
|
-
--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
|
|
4169
|
-
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
|
|
4170
|
-
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
|
|
4171
|
-
--pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
|
|
4172
|
-
--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
|
|
4173
|
-
--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
4174
|
-
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
4175
|
-
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
4176
|
-
--pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
4177
|
-
--pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
|
|
4178
|
-
--pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
|
|
4179
|
-
--pf-v6-c-description-list--m-horizontal__term--width-on-md: inherit;
|
|
4180
|
-
--pf-v6-c-description-list--m-horizontal__term--width-on-lg: inherit;
|
|
4181
|
-
--pf-v6-c-description-list--m-horizontal__term--width-on-xl: inherit;
|
|
4182
|
-
--pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
|
|
4183
|
-
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
4184
|
-
}
|
|
4185
|
-
|
|
4186
|
-
@media screen and (min-width: 36rem) {
|
|
4187
|
-
:root,
|
|
4188
|
-
.pf-v6-c-description-list {
|
|
4189
|
-
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
|
3870
|
+
:root,
|
|
3871
|
+
.pf-v6-c-description-list {
|
|
3872
|
+
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
|
4190
3873
|
}
|
|
4191
3874
|
}
|
|
4192
3875
|
@media (min-width: 36rem) {
|
|
@@ -4351,132 +4034,449 @@ ul) {
|
|
|
4351
4034
|
min-width: 0;
|
|
4352
4035
|
}
|
|
4353
4036
|
|
|
4354
|
-
.pf-v6-c-description-list__text.pf-m-help-text {
|
|
4355
|
-
text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
|
|
4356
|
-
text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
|
|
4357
|
-
cursor: pointer;
|
|
4037
|
+
.pf-v6-c-description-list__text.pf-m-help-text {
|
|
4038
|
+
text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
|
|
4039
|
+
text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
|
|
4040
|
+
cursor: pointer;
|
|
4041
|
+
}
|
|
4042
|
+
|
|
4043
|
+
.pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) {
|
|
4044
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine);
|
|
4045
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
|
|
4046
|
+
}
|
|
4047
|
+
|
|
4048
|
+
.pf-v6-c-description-list.pf-m-1-col {
|
|
4049
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
4050
|
+
}
|
|
4051
|
+
|
|
4052
|
+
.pf-v6-c-description-list.pf-m-2-col {
|
|
4053
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
4054
|
+
}
|
|
4055
|
+
|
|
4056
|
+
.pf-v6-c-description-list.pf-m-3-col {
|
|
4057
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
4058
|
+
}
|
|
4059
|
+
|
|
4060
|
+
.pf-v6-c-description-list.pf-m-horizontal {
|
|
4061
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
4062
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
4063
|
+
}
|
|
4064
|
+
|
|
4065
|
+
.pf-v6-c-description-list.pf-m-vertical {
|
|
4066
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
4067
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4068
|
+
}
|
|
4069
|
+
|
|
4070
|
+
@media (min-width: 36rem) {
|
|
4071
|
+
.pf-v6-c-description-list.pf-m-1-col-on-sm {
|
|
4072
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
4073
|
+
}
|
|
4074
|
+
.pf-v6-c-description-list.pf-m-2-col-on-sm {
|
|
4075
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
4076
|
+
}
|
|
4077
|
+
.pf-v6-c-description-list.pf-m-3-col-on-sm {
|
|
4078
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
4079
|
+
}
|
|
4080
|
+
.pf-v6-c-description-list.pf-m-horizontal-on-sm {
|
|
4081
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
4082
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
4083
|
+
}
|
|
4084
|
+
.pf-v6-c-description-list.pf-m-vertical-on-sm {
|
|
4085
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
4086
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4087
|
+
}
|
|
4088
|
+
}
|
|
4089
|
+
@media (min-width: 48rem) {
|
|
4090
|
+
.pf-v6-c-description-list.pf-m-1-col-on-md {
|
|
4091
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
4092
|
+
}
|
|
4093
|
+
.pf-v6-c-description-list.pf-m-2-col-on-md {
|
|
4094
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
4095
|
+
}
|
|
4096
|
+
.pf-v6-c-description-list.pf-m-3-col-on-md {
|
|
4097
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
4098
|
+
}
|
|
4099
|
+
.pf-v6-c-description-list.pf-m-horizontal-on-md {
|
|
4100
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
4101
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
4102
|
+
}
|
|
4103
|
+
.pf-v6-c-description-list.pf-m-vertical-on-md {
|
|
4104
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
4105
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4106
|
+
}
|
|
4107
|
+
}
|
|
4108
|
+
@media (min-width: 62rem) {
|
|
4109
|
+
.pf-v6-c-description-list.pf-m-1-col-on-lg {
|
|
4110
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
4111
|
+
}
|
|
4112
|
+
.pf-v6-c-description-list.pf-m-2-col-on-lg {
|
|
4113
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
4114
|
+
}
|
|
4115
|
+
.pf-v6-c-description-list.pf-m-3-col-on-lg {
|
|
4116
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
4117
|
+
}
|
|
4118
|
+
.pf-v6-c-description-list.pf-m-horizontal-on-lg {
|
|
4119
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
4120
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
4121
|
+
}
|
|
4122
|
+
.pf-v6-c-description-list.pf-m-vertical-on-lg {
|
|
4123
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
4124
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4125
|
+
}
|
|
4126
|
+
}
|
|
4127
|
+
@media (min-width: 75rem) {
|
|
4128
|
+
.pf-v6-c-description-list.pf-m-1-col-on-xl {
|
|
4129
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
4130
|
+
}
|
|
4131
|
+
.pf-v6-c-description-list.pf-m-2-col-on-xl {
|
|
4132
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
4133
|
+
}
|
|
4134
|
+
.pf-v6-c-description-list.pf-m-3-col-on-xl {
|
|
4135
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
4136
|
+
}
|
|
4137
|
+
.pf-v6-c-description-list.pf-m-horizontal-on-xl {
|
|
4138
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
4139
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
4140
|
+
}
|
|
4141
|
+
.pf-v6-c-description-list.pf-m-vertical-on-xl {
|
|
4142
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
4143
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4144
|
+
}
|
|
4145
|
+
}
|
|
4146
|
+
@media (min-width: 90.625rem) {
|
|
4147
|
+
.pf-v6-c-description-list.pf-m-1-col-on-2xl {
|
|
4148
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
4149
|
+
}
|
|
4150
|
+
.pf-v6-c-description-list.pf-m-2-col-on-2xl {
|
|
4151
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
4152
|
+
}
|
|
4153
|
+
.pf-v6-c-description-list.pf-m-3-col-on-2xl {
|
|
4154
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
4155
|
+
}
|
|
4156
|
+
.pf-v6-c-description-list.pf-m-horizontal-on-2xl {
|
|
4157
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
4158
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
4159
|
+
}
|
|
4160
|
+
.pf-v6-c-description-list.pf-m-vertical-on-2xl {
|
|
4161
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
4162
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4163
|
+
}
|
|
4164
|
+
}
|
|
4165
|
+
:root,
|
|
4166
|
+
.pf-v6-c-divider {
|
|
4167
|
+
--pf-v6-c-divider--Display: flex;
|
|
4168
|
+
--pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
|
|
4169
|
+
--pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
|
|
4170
|
+
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
4171
|
+
}
|
|
4172
|
+
|
|
4173
|
+
.pf-v6-c-divider {
|
|
4174
|
+
flex-direction: row;
|
|
4175
|
+
width: 100%;
|
|
4176
|
+
height: var(--pf-v6-c-divider--Size);
|
|
4177
|
+
--pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
|
|
4178
|
+
--pf-v6-hidden-visible--hidden--Display: none;
|
|
4179
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
4180
|
+
display: var(--pf-v6-hidden-visible--Display);
|
|
4181
|
+
flex-shrink: 0;
|
|
4182
|
+
align-items: stretch;
|
|
4183
|
+
align-self: stretch;
|
|
4184
|
+
justify-content: center;
|
|
4185
|
+
border: 0;
|
|
4186
|
+
}
|
|
4187
|
+
|
|
4188
|
+
.pf-v6-c-divider.pf-m-hidden {
|
|
4189
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
4190
|
+
}
|
|
4191
|
+
|
|
4192
|
+
@media screen and (min-width: 36rem) {
|
|
4193
|
+
.pf-v6-c-divider.pf-m-hidden-on-sm {
|
|
4194
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
4195
|
+
}
|
|
4196
|
+
.pf-v6-c-divider.pf-m-visible-on-sm {
|
|
4197
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
4198
|
+
}
|
|
4199
|
+
}
|
|
4200
|
+
@media screen and (min-width: 48rem) {
|
|
4201
|
+
.pf-v6-c-divider.pf-m-hidden-on-md {
|
|
4202
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
4203
|
+
}
|
|
4204
|
+
.pf-v6-c-divider.pf-m-visible-on-md {
|
|
4205
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
4206
|
+
}
|
|
4207
|
+
}
|
|
4208
|
+
@media screen and (min-width: 62rem) {
|
|
4209
|
+
.pf-v6-c-divider.pf-m-hidden-on-lg {
|
|
4210
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
4211
|
+
}
|
|
4212
|
+
.pf-v6-c-divider.pf-m-visible-on-lg {
|
|
4213
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
4214
|
+
}
|
|
4215
|
+
}
|
|
4216
|
+
@media screen and (min-width: 75rem) {
|
|
4217
|
+
.pf-v6-c-divider.pf-m-hidden-on-xl {
|
|
4218
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
4219
|
+
}
|
|
4220
|
+
.pf-v6-c-divider.pf-m-visible-on-xl {
|
|
4221
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
4222
|
+
}
|
|
4223
|
+
}
|
|
4224
|
+
@media screen and (min-width: 90.625rem) {
|
|
4225
|
+
.pf-v6-c-divider.pf-m-hidden-on-2xl {
|
|
4226
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
4227
|
+
}
|
|
4228
|
+
.pf-v6-c-divider.pf-m-visible-on-2xl {
|
|
4229
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
4230
|
+
}
|
|
4231
|
+
}
|
|
4232
|
+
.pf-v6-c-divider::before {
|
|
4233
|
+
flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
|
|
4234
|
+
content: "";
|
|
4235
|
+
background-color: var(--pf-v6-c-divider--Color);
|
|
4236
|
+
}
|
|
4237
|
+
|
|
4238
|
+
.pf-v6-c-divider.pf-m-horizontal {
|
|
4239
|
+
flex-direction: row;
|
|
4240
|
+
width: 100%;
|
|
4241
|
+
height: var(--pf-v6-c-divider--Size);
|
|
4242
|
+
}
|
|
4243
|
+
|
|
4244
|
+
.pf-v6-c-divider.pf-m-vertical {
|
|
4245
|
+
flex-direction: column;
|
|
4246
|
+
width: var(--pf-v6-c-divider--Size);
|
|
4247
|
+
height: inherit;
|
|
4248
|
+
}
|
|
4249
|
+
|
|
4250
|
+
.pf-v6-c-divider.pf-m-inset-none {
|
|
4251
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
|
|
4252
|
+
}
|
|
4253
|
+
|
|
4254
|
+
.pf-v6-c-divider.pf-m-inset-xs {
|
|
4255
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
4358
4256
|
}
|
|
4359
4257
|
|
|
4360
|
-
.pf-v6-c-
|
|
4361
|
-
--pf-v6-c-
|
|
4362
|
-
--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
|
|
4258
|
+
.pf-v6-c-divider.pf-m-inset-sm {
|
|
4259
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
4363
4260
|
}
|
|
4364
4261
|
|
|
4365
|
-
.pf-v6-c-
|
|
4366
|
-
--pf-v6-c-
|
|
4262
|
+
.pf-v6-c-divider.pf-m-inset-md {
|
|
4263
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
4367
4264
|
}
|
|
4368
4265
|
|
|
4369
|
-
.pf-v6-c-
|
|
4370
|
-
--pf-v6-c-
|
|
4266
|
+
.pf-v6-c-divider.pf-m-inset-lg {
|
|
4267
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
4371
4268
|
}
|
|
4372
4269
|
|
|
4373
|
-
.pf-v6-c-
|
|
4374
|
-
--pf-v6-c-
|
|
4270
|
+
.pf-v6-c-divider.pf-m-inset-xl {
|
|
4271
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
4375
4272
|
}
|
|
4376
4273
|
|
|
4377
|
-
.pf-v6-c-
|
|
4378
|
-
--pf-v6-c-
|
|
4379
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
4274
|
+
.pf-v6-c-divider.pf-m-inset-2xl {
|
|
4275
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
4380
4276
|
}
|
|
4381
4277
|
|
|
4382
|
-
.pf-v6-c-
|
|
4383
|
-
--pf-v6-c-
|
|
4384
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4278
|
+
.pf-v6-c-divider.pf-m-inset-3xl {
|
|
4279
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
4385
4280
|
}
|
|
4386
4281
|
|
|
4387
4282
|
@media (min-width: 36rem) {
|
|
4388
|
-
.pf-v6-c-
|
|
4389
|
-
|
|
4283
|
+
.pf-v6-c-divider.pf-m-horizontal-on-sm {
|
|
4284
|
+
flex-direction: row;
|
|
4285
|
+
width: 100%;
|
|
4286
|
+
height: var(--pf-v6-c-divider--Size);
|
|
4390
4287
|
}
|
|
4391
|
-
|
|
4392
|
-
|
|
4288
|
+
}
|
|
4289
|
+
@media (min-width: 36rem) {
|
|
4290
|
+
.pf-v6-c-divider.pf-m-vertical-on-sm {
|
|
4291
|
+
flex-direction: column;
|
|
4292
|
+
width: var(--pf-v6-c-divider--Size);
|
|
4293
|
+
height: inherit;
|
|
4393
4294
|
}
|
|
4394
|
-
|
|
4395
|
-
|
|
4295
|
+
}
|
|
4296
|
+
@media (min-width: 36rem) {
|
|
4297
|
+
.pf-v6-c-divider.pf-m-inset-none-on-sm {
|
|
4298
|
+
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
4396
4299
|
}
|
|
4397
|
-
.pf-v6-c-
|
|
4398
|
-
--pf-v6-c-
|
|
4399
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
4300
|
+
.pf-v6-c-divider.pf-m-inset-xs-on-sm {
|
|
4301
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
4400
4302
|
}
|
|
4401
|
-
.pf-v6-c-
|
|
4402
|
-
--pf-v6-c-
|
|
4403
|
-
|
|
4303
|
+
.pf-v6-c-divider.pf-m-inset-sm-on-sm {
|
|
4304
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
4305
|
+
}
|
|
4306
|
+
.pf-v6-c-divider.pf-m-inset-md-on-sm {
|
|
4307
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
4308
|
+
}
|
|
4309
|
+
.pf-v6-c-divider.pf-m-inset-lg-on-sm {
|
|
4310
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
4311
|
+
}
|
|
4312
|
+
.pf-v6-c-divider.pf-m-inset-xl-on-sm {
|
|
4313
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
4314
|
+
}
|
|
4315
|
+
.pf-v6-c-divider.pf-m-inset-2xl-on-sm {
|
|
4316
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
4317
|
+
}
|
|
4318
|
+
.pf-v6-c-divider.pf-m-inset-3xl-on-sm {
|
|
4319
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
4404
4320
|
}
|
|
4405
4321
|
}
|
|
4406
4322
|
@media (min-width: 48rem) {
|
|
4407
|
-
.pf-v6-c-
|
|
4408
|
-
|
|
4323
|
+
.pf-v6-c-divider.pf-m-horizontal-on-md {
|
|
4324
|
+
flex-direction: row;
|
|
4325
|
+
width: 100%;
|
|
4326
|
+
height: var(--pf-v6-c-divider--Size);
|
|
4409
4327
|
}
|
|
4410
|
-
|
|
4411
|
-
|
|
4328
|
+
}
|
|
4329
|
+
@media (min-width: 48rem) {
|
|
4330
|
+
.pf-v6-c-divider.pf-m-vertical-on-md {
|
|
4331
|
+
flex-direction: column;
|
|
4332
|
+
width: var(--pf-v6-c-divider--Size);
|
|
4333
|
+
height: inherit;
|
|
4412
4334
|
}
|
|
4413
|
-
|
|
4414
|
-
|
|
4335
|
+
}
|
|
4336
|
+
@media (min-width: 48rem) {
|
|
4337
|
+
.pf-v6-c-divider.pf-m-inset-none-on-md {
|
|
4338
|
+
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
4415
4339
|
}
|
|
4416
|
-
.pf-v6-c-
|
|
4417
|
-
--pf-v6-c-
|
|
4418
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
4340
|
+
.pf-v6-c-divider.pf-m-inset-xs-on-md {
|
|
4341
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
4419
4342
|
}
|
|
4420
|
-
.pf-v6-c-
|
|
4421
|
-
--pf-v6-c-
|
|
4422
|
-
|
|
4343
|
+
.pf-v6-c-divider.pf-m-inset-sm-on-md {
|
|
4344
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
4345
|
+
}
|
|
4346
|
+
.pf-v6-c-divider.pf-m-inset-md-on-md {
|
|
4347
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
4348
|
+
}
|
|
4349
|
+
.pf-v6-c-divider.pf-m-inset-lg-on-md {
|
|
4350
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
4351
|
+
}
|
|
4352
|
+
.pf-v6-c-divider.pf-m-inset-xl-on-md {
|
|
4353
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
4354
|
+
}
|
|
4355
|
+
.pf-v6-c-divider.pf-m-inset-2xl-on-md {
|
|
4356
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
4357
|
+
}
|
|
4358
|
+
.pf-v6-c-divider.pf-m-inset-3xl-on-md {
|
|
4359
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
4423
4360
|
}
|
|
4424
4361
|
}
|
|
4425
4362
|
@media (min-width: 62rem) {
|
|
4426
|
-
.pf-v6-c-
|
|
4427
|
-
|
|
4363
|
+
.pf-v6-c-divider.pf-m-horizontal-on-lg {
|
|
4364
|
+
flex-direction: row;
|
|
4365
|
+
width: 100%;
|
|
4366
|
+
height: var(--pf-v6-c-divider--Size);
|
|
4428
4367
|
}
|
|
4429
|
-
|
|
4430
|
-
|
|
4368
|
+
}
|
|
4369
|
+
@media (min-width: 62rem) {
|
|
4370
|
+
.pf-v6-c-divider.pf-m-vertical-on-lg {
|
|
4371
|
+
flex-direction: column;
|
|
4372
|
+
width: var(--pf-v6-c-divider--Size);
|
|
4373
|
+
height: inherit;
|
|
4431
4374
|
}
|
|
4432
|
-
|
|
4433
|
-
|
|
4375
|
+
}
|
|
4376
|
+
@media (min-width: 62rem) {
|
|
4377
|
+
.pf-v6-c-divider.pf-m-inset-none-on-lg {
|
|
4378
|
+
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
4434
4379
|
}
|
|
4435
|
-
.pf-v6-c-
|
|
4436
|
-
--pf-v6-c-
|
|
4437
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
4380
|
+
.pf-v6-c-divider.pf-m-inset-xs-on-lg {
|
|
4381
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
4438
4382
|
}
|
|
4439
|
-
.pf-v6-c-
|
|
4440
|
-
--pf-v6-c-
|
|
4441
|
-
|
|
4383
|
+
.pf-v6-c-divider.pf-m-inset-sm-on-lg {
|
|
4384
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
4385
|
+
}
|
|
4386
|
+
.pf-v6-c-divider.pf-m-inset-md-on-lg {
|
|
4387
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
4388
|
+
}
|
|
4389
|
+
.pf-v6-c-divider.pf-m-inset-lg-on-lg {
|
|
4390
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
4391
|
+
}
|
|
4392
|
+
.pf-v6-c-divider.pf-m-inset-xl-on-lg {
|
|
4393
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
4394
|
+
}
|
|
4395
|
+
.pf-v6-c-divider.pf-m-inset-2xl-on-lg {
|
|
4396
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
4397
|
+
}
|
|
4398
|
+
.pf-v6-c-divider.pf-m-inset-3xl-on-lg {
|
|
4399
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
4442
4400
|
}
|
|
4443
4401
|
}
|
|
4444
4402
|
@media (min-width: 75rem) {
|
|
4445
|
-
.pf-v6-c-
|
|
4446
|
-
|
|
4403
|
+
.pf-v6-c-divider.pf-m-horizontal-on-xl {
|
|
4404
|
+
flex-direction: row;
|
|
4405
|
+
width: 100%;
|
|
4406
|
+
height: var(--pf-v6-c-divider--Size);
|
|
4447
4407
|
}
|
|
4448
|
-
|
|
4449
|
-
|
|
4408
|
+
}
|
|
4409
|
+
@media (min-width: 75rem) {
|
|
4410
|
+
.pf-v6-c-divider.pf-m-vertical-on-xl {
|
|
4411
|
+
flex-direction: column;
|
|
4412
|
+
width: var(--pf-v6-c-divider--Size);
|
|
4413
|
+
height: inherit;
|
|
4450
4414
|
}
|
|
4451
|
-
|
|
4452
|
-
|
|
4415
|
+
}
|
|
4416
|
+
@media (min-width: 75rem) {
|
|
4417
|
+
.pf-v6-c-divider.pf-m-inset-none-on-xl {
|
|
4418
|
+
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
4453
4419
|
}
|
|
4454
|
-
.pf-v6-c-
|
|
4455
|
-
--pf-v6-c-
|
|
4456
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
4420
|
+
.pf-v6-c-divider.pf-m-inset-xs-on-xl {
|
|
4421
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
4457
4422
|
}
|
|
4458
|
-
.pf-v6-c-
|
|
4459
|
-
--pf-v6-c-
|
|
4460
|
-
|
|
4423
|
+
.pf-v6-c-divider.pf-m-inset-sm-on-xl {
|
|
4424
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
4425
|
+
}
|
|
4426
|
+
.pf-v6-c-divider.pf-m-inset-md-on-xl {
|
|
4427
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
4428
|
+
}
|
|
4429
|
+
.pf-v6-c-divider.pf-m-inset-lg-on-xl {
|
|
4430
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
4431
|
+
}
|
|
4432
|
+
.pf-v6-c-divider.pf-m-inset-xl-on-xl {
|
|
4433
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
4434
|
+
}
|
|
4435
|
+
.pf-v6-c-divider.pf-m-inset-2xl-on-xl {
|
|
4436
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
4437
|
+
}
|
|
4438
|
+
.pf-v6-c-divider.pf-m-inset-3xl-on-xl {
|
|
4439
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
4461
4440
|
}
|
|
4462
4441
|
}
|
|
4463
4442
|
@media (min-width: 90.625rem) {
|
|
4464
|
-
.pf-v6-c-
|
|
4465
|
-
|
|
4443
|
+
.pf-v6-c-divider.pf-m-horizontal-on-2xl {
|
|
4444
|
+
flex-direction: row;
|
|
4445
|
+
width: 100%;
|
|
4446
|
+
height: var(--pf-v6-c-divider--Size);
|
|
4466
4447
|
}
|
|
4467
|
-
|
|
4468
|
-
|
|
4448
|
+
}
|
|
4449
|
+
@media (min-width: 90.625rem) {
|
|
4450
|
+
.pf-v6-c-divider.pf-m-vertical-on-2xl {
|
|
4451
|
+
flex-direction: column;
|
|
4452
|
+
width: var(--pf-v6-c-divider--Size);
|
|
4453
|
+
height: inherit;
|
|
4469
4454
|
}
|
|
4470
|
-
|
|
4471
|
-
|
|
4455
|
+
}
|
|
4456
|
+
@media (min-width: 90.625rem) {
|
|
4457
|
+
.pf-v6-c-divider.pf-m-inset-none-on-2xl {
|
|
4458
|
+
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
4472
4459
|
}
|
|
4473
|
-
.pf-v6-c-
|
|
4474
|
-
--pf-v6-c-
|
|
4475
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
4460
|
+
.pf-v6-c-divider.pf-m-inset-xs-on-2xl {
|
|
4461
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
4476
4462
|
}
|
|
4477
|
-
.pf-v6-c-
|
|
4478
|
-
--pf-v6-c-
|
|
4479
|
-
|
|
4463
|
+
.pf-v6-c-divider.pf-m-inset-sm-on-2xl {
|
|
4464
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
4465
|
+
}
|
|
4466
|
+
.pf-v6-c-divider.pf-m-inset-md-on-2xl {
|
|
4467
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
4468
|
+
}
|
|
4469
|
+
.pf-v6-c-divider.pf-m-inset-lg-on-2xl {
|
|
4470
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
4471
|
+
}
|
|
4472
|
+
.pf-v6-c-divider.pf-m-inset-xl-on-2xl {
|
|
4473
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
4474
|
+
}
|
|
4475
|
+
.pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
|
|
4476
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
4477
|
+
}
|
|
4478
|
+
.pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
|
|
4479
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
4480
4480
|
}
|
|
4481
4481
|
}
|
|
4482
4482
|
:root,
|
|
@@ -5233,269 +5233,119 @@ ul) {
|
|
|
5233
5233
|
transform: translateX(100%);
|
|
5234
5234
|
}
|
|
5235
5235
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5236
|
-
transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
|
|
5237
|
-
}
|
|
5238
|
-
.pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5239
|
-
margin-inline-start: 0;
|
|
5240
|
-
transform: translateX(0);
|
|
5241
|
-
}
|
|
5242
|
-
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
|
|
5243
|
-
display: unset;
|
|
5244
|
-
}
|
|
5245
|
-
.pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5246
|
-
margin-inline-start: 0;
|
|
5247
|
-
margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
|
|
5248
|
-
transform: translateX(-100%);
|
|
5249
|
-
}
|
|
5250
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5251
|
-
transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
|
|
5252
|
-
}
|
|
5253
|
-
.pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5254
|
-
margin-inline-end: 0;
|
|
5255
|
-
transform: translateX(0);
|
|
5256
|
-
}
|
|
5257
|
-
.pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
|
|
5258
|
-
display: unset;
|
|
5259
|
-
}
|
|
5260
|
-
.pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5261
|
-
margin-block-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
|
|
5262
|
-
transform: translateY(100%);
|
|
5263
|
-
}
|
|
5264
|
-
.pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5265
|
-
margin-block-end: 0;
|
|
5266
|
-
transform: translateY(0);
|
|
5267
|
-
}
|
|
5268
|
-
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5269
|
-
transform: translateX(0);
|
|
5270
|
-
}
|
|
5271
|
-
.pf-v6-c-drawer.pf-m-static-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5272
|
-
margin-inline-end: 0;
|
|
5273
|
-
transform: translateX(0);
|
|
5274
|
-
}
|
|
5275
|
-
.pf-v6-c-drawer.pf-m-static-on-xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5276
|
-
transform: translateX(0);
|
|
5277
|
-
}
|
|
5278
|
-
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
|
|
5279
|
-
display: none;
|
|
5280
|
-
}
|
|
5281
|
-
}
|
|
5282
|
-
@media (min-width: 90.625rem) {
|
|
5283
|
-
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
|
|
5284
|
-
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
5285
|
-
flex-shrink: 1;
|
|
5286
|
-
}
|
|
5287
|
-
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel,
|
|
5288
|
-
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5289
|
-
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
5290
|
-
}
|
|
5291
|
-
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
|
|
5292
|
-
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
5293
|
-
background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
5294
|
-
}
|
|
5295
|
-
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
5296
|
-
overflow-x: auto;
|
|
5297
|
-
}
|
|
5298
|
-
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5299
|
-
margin-inline-start: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
|
|
5300
|
-
transform: translateX(100%);
|
|
5301
|
-
}
|
|
5302
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5303
|
-
transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
|
|
5304
|
-
}
|
|
5305
|
-
.pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5306
|
-
margin-inline-start: 0;
|
|
5307
|
-
transform: translateX(0);
|
|
5308
|
-
}
|
|
5309
|
-
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
|
|
5310
|
-
display: unset;
|
|
5311
|
-
}
|
|
5312
|
-
.pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5313
|
-
margin-inline-start: 0;
|
|
5314
|
-
margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
|
|
5315
|
-
transform: translateX(-100%);
|
|
5316
|
-
}
|
|
5317
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5318
|
-
transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
|
|
5319
|
-
}
|
|
5320
|
-
.pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5321
|
-
margin-inline-end: 0;
|
|
5322
|
-
transform: translateX(0);
|
|
5323
|
-
}
|
|
5324
|
-
.pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
|
|
5325
|
-
display: unset;
|
|
5326
|
-
}
|
|
5327
|
-
.pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5328
|
-
margin-block-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
|
|
5329
|
-
transform: translateY(100%);
|
|
5330
|
-
}
|
|
5331
|
-
.pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5332
|
-
margin-block-end: 0;
|
|
5333
|
-
transform: translateY(0);
|
|
5334
|
-
}
|
|
5335
|
-
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5336
|
-
transform: translateX(0);
|
|
5337
|
-
}
|
|
5338
|
-
.pf-v6-c-drawer.pf-m-static-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5339
|
-
margin-inline-end: 0;
|
|
5340
|
-
transform: translateX(0);
|
|
5341
|
-
}
|
|
5342
|
-
.pf-v6-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5343
|
-
transform: translateX(0);
|
|
5344
|
-
}
|
|
5345
|
-
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
|
|
5346
|
-
display: none;
|
|
5347
|
-
}
|
|
5348
|
-
}
|
|
5349
|
-
:root,
|
|
5350
|
-
.pf-v6-c-empty-state {
|
|
5351
|
-
--pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
5352
|
-
--pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
5353
|
-
--pf-v6-c-empty-state--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
5354
|
-
--pf-v6-c-empty-state--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
5355
|
-
--pf-v6-c-empty-state--m-xs--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
5356
|
-
--pf-v6-c-empty-state--m-xs--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
5357
|
-
--pf-v6-c-empty-state--m-xs--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
5358
|
-
--pf-v6-c-empty-state--m-xs--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
5359
|
-
--pf-v6-c-empty-state__content--MaxWidth: none;
|
|
5360
|
-
--pf-v6-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
|
|
5361
|
-
--pf-v6-c-empty-state--m-sm__content--MaxWidth: 25rem;
|
|
5362
|
-
--pf-v6-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
|
|
5363
|
-
--pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
5364
|
-
--pf-v6-c-empty-state__icon--FontSize: var(--pf-t--global--icon--size--2xl);
|
|
5365
|
-
--pf-v6-c-empty-state__icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
5366
|
-
--pf-v6-c-empty-state--m-xs__icon--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
5367
|
-
--pf-v6-c-empty-state--m-xl__icon--MarginBlockEnd: var(--pf-t--global--spacer--xl);
|
|
5368
|
-
--pf-v6-c-empty-state--m-xl__icon--FontSize: var(--pf-t--global--icon--size--3xl);
|
|
5369
|
-
--pf-v6-c-empty-state--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
5370
|
-
--pf-v6-c-empty-state--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
5371
|
-
--pf-v6-c-empty-state--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
5372
|
-
--pf-v6-c-empty-state--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
5373
|
-
--pf-v6-c-empty-state--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
5374
|
-
--pf-v6-c-empty-state__title-text--FontFamily: var(--pf-t--global--font--family--heading);
|
|
5375
|
-
--pf-v6-c-empty-state__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
5376
|
-
--pf-v6-c-empty-state__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
5377
|
-
--pf-v6-c-empty-state__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
5378
|
-
--pf-v6-c-empty-state--m-xs__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
5379
|
-
--pf-v6-c-empty-state--m-xl__title-text--FontSize: var(--pf-t--global--font--size--heading--2xl);
|
|
5380
|
-
--pf-v6-c-empty-state--m-xl__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
5381
|
-
--pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
5382
|
-
--pf-v6-c-empty-state__body--Color: var(--pf-t--global--text--color--subtle);
|
|
5383
|
-
--pf-v6-c-empty-state--body--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
5384
|
-
--pf-v6-c-empty-state--m-xs__body--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
5385
|
-
--pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
5386
|
-
--pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
5387
|
-
--pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
5388
|
-
--pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
|
|
5389
|
-
--pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
5390
|
-
--pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
5391
|
-
--pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
5392
|
-
--pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
5393
|
-
}
|
|
5394
|
-
|
|
5395
|
-
.pf-v6-c-empty-state {
|
|
5396
|
-
display: flex;
|
|
5397
|
-
align-items: center;
|
|
5398
|
-
justify-content: center;
|
|
5399
|
-
padding-block-start: var(--pf-v6-c-empty-state--PaddingBlockStart);
|
|
5400
|
-
padding-block-end: var(--pf-v6-c-empty-state--PaddingBlockEnd);
|
|
5401
|
-
padding-inline-start: var(--pf-v6-c-empty-state--PaddingInlineStart);
|
|
5402
|
-
padding-inline-end: var(--pf-v6-c-empty-state--PaddingInlineEnd);
|
|
5403
|
-
text-align: center;
|
|
5404
|
-
}
|
|
5405
|
-
|
|
5406
|
-
.pf-v6-c-empty-state.pf-m-xs {
|
|
5407
|
-
--pf-v6-c-empty-state--PaddingBlockStart: var(--pf-v6-c-empty-state--m-xs--PaddingBlockStart);
|
|
5408
|
-
--pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-v6-c-empty-state--m-xs--PaddingInlineEnd);
|
|
5409
|
-
--pf-v6-c-empty-state--PaddingBlockEnd: var(--pf-v6-c-empty-state--m-xs--PaddingBlockEnd);
|
|
5410
|
-
--pf-v6-c-empty-state--PaddingInlineStart: var(--pf-v6-c-empty-state--m-xs--PaddingInlineStart);
|
|
5411
|
-
--pf-v6-c-empty-state__title-text--FontSize: var(--pf-v6-c-empty-state--m-xs__title-text--FontSize);
|
|
5412
|
-
--pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-xs__content--MaxWidth);
|
|
5413
|
-
--pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-v6-c-empty-state--m-xs__icon--MarginBlockEnd);
|
|
5414
|
-
--pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-v6-c-empty-state--m-xs__body--MarginBlockStart);
|
|
5415
|
-
--pf-v6-c-empty-state--body--FontSize: var(--pf-v6-c-empty-state--m-xs__body--FontSize);
|
|
5416
|
-
--pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-v6-c-empty-state--m-xs__footer--MarginBlockStart);
|
|
5417
|
-
}
|
|
5418
|
-
|
|
5419
|
-
.pf-v6-c-empty-state.pf-m-sm {
|
|
5420
|
-
--pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-sm__content--MaxWidth);
|
|
5421
|
-
}
|
|
5422
|
-
|
|
5423
|
-
.pf-v6-c-empty-state.pf-m-lg {
|
|
5424
|
-
--pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-lg__content--MaxWidth);
|
|
5425
|
-
}
|
|
5426
|
-
|
|
5427
|
-
.pf-v6-c-empty-state.pf-m-xl {
|
|
5428
|
-
--pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-v6-c-empty-state--m-xl__body--MarginBlockStart);
|
|
5429
|
-
--pf-v6-c-empty-state--body--FontSize: var(--pf-v6-c-empty-state--m-xl__body--FontSize);
|
|
5430
|
-
--pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-v6-c-empty-state--m-xl__icon--MarginBlockEnd);
|
|
5431
|
-
--pf-v6-c-empty-state__icon--FontSize: var(--pf-v6-c-empty-state--m-xl__icon--FontSize);
|
|
5432
|
-
--pf-v6-c-empty-state__title-text--FontSize: var(--pf-v6-c-empty-state--m-xl__title-text--FontSize);
|
|
5433
|
-
--pf-v6-c-empty-state__title-text--LineHeight: var(--pf-v6-c-empty-state--m-xl__title-text--LineHeight);
|
|
5434
|
-
}
|
|
5435
|
-
|
|
5436
|
-
.pf-v6-c-empty-state.pf-m-full-height {
|
|
5437
|
-
height: 100%;
|
|
5438
|
-
}
|
|
5439
|
-
|
|
5440
|
-
.pf-v6-c-empty-state.pf-m-danger {
|
|
5441
|
-
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-danger__icon--Color);
|
|
5442
|
-
}
|
|
5443
|
-
|
|
5444
|
-
.pf-v6-c-empty-state.pf-m-warning {
|
|
5445
|
-
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-warning__icon--Color);
|
|
5446
|
-
}
|
|
5447
|
-
|
|
5448
|
-
.pf-v6-c-empty-state.pf-m-success {
|
|
5449
|
-
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-success__icon--Color);
|
|
5450
|
-
}
|
|
5451
|
-
|
|
5452
|
-
.pf-v6-c-empty-state.pf-m-info {
|
|
5453
|
-
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-info__icon--Color);
|
|
5454
|
-
}
|
|
5455
|
-
|
|
5456
|
-
.pf-v6-c-empty-state.pf-m-custom {
|
|
5457
|
-
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-custom__icon--Color);
|
|
5458
|
-
}
|
|
5459
|
-
|
|
5460
|
-
.pf-v6-c-empty-state__content {
|
|
5461
|
-
max-width: var(--pf-v6-c-empty-state__content--MaxWidth);
|
|
5462
|
-
}
|
|
5463
|
-
|
|
5464
|
-
.pf-v6-c-empty-state__icon {
|
|
5465
|
-
margin-block-end: var(--pf-v6-c-empty-state__icon--MarginBlockEnd);
|
|
5466
|
-
font-size: var(--pf-v6-c-empty-state__icon--FontSize);
|
|
5467
|
-
line-height: 1;
|
|
5468
|
-
color: var(--pf-v6-c-empty-state__icon--Color);
|
|
5469
|
-
}
|
|
5470
|
-
|
|
5471
|
-
.pf-v6-c-empty-state__title-text {
|
|
5472
|
-
font-family: var(--pf-v6-c-empty-state__title-text--FontFamily);
|
|
5473
|
-
font-size: var(--pf-v6-c-empty-state__title-text--FontSize);
|
|
5474
|
-
font-weight: var(--pf-v6-c-empty-state__title-text--FontWeight);
|
|
5475
|
-
line-height: var(--pf-v6-c-empty-state__title-text--LineHeight);
|
|
5476
|
-
}
|
|
5477
|
-
|
|
5478
|
-
.pf-v6-c-empty-state__body {
|
|
5479
|
-
margin-block-start: var(--pf-v6-c-empty-state__body--MarginBlockStart);
|
|
5480
|
-
font-size: var(--pf-v6-c-empty-state--body--FontSize);
|
|
5481
|
-
color: var(--pf-v6-c-empty-state__body--Color);
|
|
5482
|
-
}
|
|
5483
|
-
|
|
5484
|
-
.pf-v6-c-empty-state__footer {
|
|
5485
|
-
display: flex;
|
|
5486
|
-
flex-direction: column;
|
|
5487
|
-
row-gap: var(--pf-v6-c-empty-state__footer--RowGap);
|
|
5488
|
-
align-items: center;
|
|
5489
|
-
margin-block-start: var(--pf-v6-c-empty-state__footer--MarginBlockStart);
|
|
5236
|
+
transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
|
|
5237
|
+
}
|
|
5238
|
+
.pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5239
|
+
margin-inline-start: 0;
|
|
5240
|
+
transform: translateX(0);
|
|
5241
|
+
}
|
|
5242
|
+
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
|
|
5243
|
+
display: unset;
|
|
5244
|
+
}
|
|
5245
|
+
.pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5246
|
+
margin-inline-start: 0;
|
|
5247
|
+
margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
|
|
5248
|
+
transform: translateX(-100%);
|
|
5249
|
+
}
|
|
5250
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5251
|
+
transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
|
|
5252
|
+
}
|
|
5253
|
+
.pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5254
|
+
margin-inline-end: 0;
|
|
5255
|
+
transform: translateX(0);
|
|
5256
|
+
}
|
|
5257
|
+
.pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
|
|
5258
|
+
display: unset;
|
|
5259
|
+
}
|
|
5260
|
+
.pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5261
|
+
margin-block-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
|
|
5262
|
+
transform: translateY(100%);
|
|
5263
|
+
}
|
|
5264
|
+
.pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5265
|
+
margin-block-end: 0;
|
|
5266
|
+
transform: translateY(0);
|
|
5267
|
+
}
|
|
5268
|
+
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5269
|
+
transform: translateX(0);
|
|
5270
|
+
}
|
|
5271
|
+
.pf-v6-c-drawer.pf-m-static-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5272
|
+
margin-inline-end: 0;
|
|
5273
|
+
transform: translateX(0);
|
|
5274
|
+
}
|
|
5275
|
+
.pf-v6-c-drawer.pf-m-static-on-xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5276
|
+
transform: translateX(0);
|
|
5277
|
+
}
|
|
5278
|
+
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
|
|
5279
|
+
display: none;
|
|
5280
|
+
}
|
|
5490
5281
|
}
|
|
5491
|
-
|
|
5492
|
-
.pf-v6-c-
|
|
5493
|
-
|
|
5494
|
-
|
|
5495
|
-
|
|
5496
|
-
|
|
5282
|
+
@media (min-width: 90.625rem) {
|
|
5283
|
+
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
|
|
5284
|
+
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
5285
|
+
flex-shrink: 1;
|
|
5286
|
+
}
|
|
5287
|
+
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel,
|
|
5288
|
+
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5289
|
+
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
5290
|
+
}
|
|
5291
|
+
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
|
|
5292
|
+
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
5293
|
+
background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
5294
|
+
}
|
|
5295
|
+
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
5296
|
+
overflow-x: auto;
|
|
5297
|
+
}
|
|
5298
|
+
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5299
|
+
margin-inline-start: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
|
|
5300
|
+
transform: translateX(100%);
|
|
5301
|
+
}
|
|
5302
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5303
|
+
transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
|
|
5304
|
+
}
|
|
5305
|
+
.pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5306
|
+
margin-inline-start: 0;
|
|
5307
|
+
transform: translateX(0);
|
|
5308
|
+
}
|
|
5309
|
+
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
|
|
5310
|
+
display: unset;
|
|
5311
|
+
}
|
|
5312
|
+
.pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5313
|
+
margin-inline-start: 0;
|
|
5314
|
+
margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
|
|
5315
|
+
transform: translateX(-100%);
|
|
5316
|
+
}
|
|
5317
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5318
|
+
transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
|
|
5319
|
+
}
|
|
5320
|
+
.pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5321
|
+
margin-inline-end: 0;
|
|
5322
|
+
transform: translateX(0);
|
|
5323
|
+
}
|
|
5324
|
+
.pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
|
|
5325
|
+
display: unset;
|
|
5326
|
+
}
|
|
5327
|
+
.pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5328
|
+
margin-block-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
|
|
5329
|
+
transform: translateY(100%);
|
|
5330
|
+
}
|
|
5331
|
+
.pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5332
|
+
margin-block-end: 0;
|
|
5333
|
+
transform: translateY(0);
|
|
5334
|
+
}
|
|
5335
|
+
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5336
|
+
transform: translateX(0);
|
|
5337
|
+
}
|
|
5338
|
+
.pf-v6-c-drawer.pf-m-static-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5339
|
+
margin-inline-end: 0;
|
|
5340
|
+
transform: translateX(0);
|
|
5341
|
+
}
|
|
5342
|
+
.pf-v6-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5343
|
+
transform: translateX(0);
|
|
5344
|
+
}
|
|
5345
|
+
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
|
|
5346
|
+
display: none;
|
|
5347
|
+
}
|
|
5497
5348
|
}
|
|
5498
|
-
|
|
5499
5349
|
:root,
|
|
5500
5350
|
.pf-v6-c-dual-list-selector {
|
|
5501
5351
|
--pf-v6-c-dual-list-selector__header--GridArea: pane-header;
|
|
@@ -5764,87 +5614,237 @@ ul) {
|
|
|
5764
5614
|
margin-block-start: var(--pf-v6-c-dual-list-selector__controls--MarginBlockStart);
|
|
5765
5615
|
}
|
|
5766
5616
|
|
|
5767
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) :is(.pf-v6-c-dual-list-selector__controls-item, .pf-v6-c-dual-list-selector__item-toggle-icon) {
|
|
5768
|
-
scale: -1 1;
|
|
5617
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) :is(.pf-v6-c-dual-list-selector__controls-item, .pf-v6-c-dual-list-selector__item-toggle-icon) {
|
|
5618
|
+
scale: -1 1;
|
|
5619
|
+
}
|
|
5620
|
+
|
|
5621
|
+
.pf-v6-c-dual-list-selector__item-main {
|
|
5622
|
+
display: flex;
|
|
5623
|
+
min-width: 0;
|
|
5624
|
+
}
|
|
5625
|
+
|
|
5626
|
+
.pf-v6-c-dual-list-selector__item-toggle {
|
|
5627
|
+
padding-block-start: var(--pf-v6-c-dual-list-selector__item-toggle--PaddingBlockStart);
|
|
5628
|
+
padding-block-end: var(--pf-v6-c-dual-list-selector__item-toggle--PaddingBlockEnd);
|
|
5629
|
+
padding-inline-start: var(--pf-v6-c-dual-list-selector__item-toggle--PaddingInlineStart);
|
|
5630
|
+
padding-inline-end: var(--pf-v6-c-dual-list-selector__item-toggle--PaddingInlineEnd);
|
|
5631
|
+
margin-block-start: var(--pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart);
|
|
5632
|
+
margin-block-end: var(--pf-v6-c-dual-list-selector__item-toggle--MarginBlockEnd);
|
|
5633
|
+
}
|
|
5634
|
+
|
|
5635
|
+
.pf-v6-c-dual-list-selector__item-check {
|
|
5636
|
+
display: flex;
|
|
5637
|
+
align-items: center;
|
|
5638
|
+
margin-inline-end: var(--pf-v6-c-dual-list-selector__item-check--MarginInlineEnd);
|
|
5639
|
+
}
|
|
5640
|
+
|
|
5641
|
+
.pf-v6-c-dual-list-selector__item-toggle-icon {
|
|
5642
|
+
display: inline-block;
|
|
5643
|
+
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
5644
|
+
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
5645
|
+
text-align: center;
|
|
5646
|
+
transition: transform var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration) var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
5647
|
+
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
5648
|
+
}
|
|
5649
|
+
|
|
5650
|
+
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
5651
|
+
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 1 + var(--pf-v6-c-dual-list-selector__item--indent--base));
|
|
5652
|
+
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
5653
|
+
}
|
|
5654
|
+
|
|
5655
|
+
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
5656
|
+
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 2 + var(--pf-v6-c-dual-list-selector__item--indent--base));
|
|
5657
|
+
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
5658
|
+
}
|
|
5659
|
+
|
|
5660
|
+
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
5661
|
+
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 3 + var(--pf-v6-c-dual-list-selector__item--indent--base));
|
|
5662
|
+
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
5663
|
+
}
|
|
5664
|
+
|
|
5665
|
+
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
5666
|
+
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 4 + var(--pf-v6-c-dual-list-selector__item--indent--base));
|
|
5667
|
+
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
5668
|
+
}
|
|
5669
|
+
|
|
5670
|
+
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
5671
|
+
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 5 + var(--pf-v6-c-dual-list-selector__item--indent--base));
|
|
5672
|
+
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
5673
|
+
}
|
|
5674
|
+
|
|
5675
|
+
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
5676
|
+
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 6 + var(--pf-v6-c-dual-list-selector__item--indent--base));
|
|
5677
|
+
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
5678
|
+
}
|
|
5679
|
+
|
|
5680
|
+
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
5681
|
+
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 7 + var(--pf-v6-c-dual-list-selector__item--indent--base));
|
|
5682
|
+
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
5683
|
+
}
|
|
5684
|
+
|
|
5685
|
+
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
5686
|
+
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 8 + var(--pf-v6-c-dual-list-selector__item--indent--base));
|
|
5687
|
+
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
5688
|
+
}
|
|
5689
|
+
|
|
5690
|
+
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
5691
|
+
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 9 + var(--pf-v6-c-dual-list-selector__item--indent--base));
|
|
5692
|
+
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
5693
|
+
}
|
|
5694
|
+
|
|
5695
|
+
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
5696
|
+
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 10 + var(--pf-v6-c-dual-list-selector__item--indent--base));
|
|
5697
|
+
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
5698
|
+
}
|
|
5699
|
+
|
|
5700
|
+
:root,
|
|
5701
|
+
.pf-v6-c-empty-state {
|
|
5702
|
+
--pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
5703
|
+
--pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
5704
|
+
--pf-v6-c-empty-state--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
5705
|
+
--pf-v6-c-empty-state--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
5706
|
+
--pf-v6-c-empty-state--m-xs--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
5707
|
+
--pf-v6-c-empty-state--m-xs--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
5708
|
+
--pf-v6-c-empty-state--m-xs--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
5709
|
+
--pf-v6-c-empty-state--m-xs--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
5710
|
+
--pf-v6-c-empty-state__content--MaxWidth: none;
|
|
5711
|
+
--pf-v6-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
|
|
5712
|
+
--pf-v6-c-empty-state--m-sm__content--MaxWidth: 25rem;
|
|
5713
|
+
--pf-v6-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
|
|
5714
|
+
--pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
5715
|
+
--pf-v6-c-empty-state__icon--FontSize: var(--pf-t--global--icon--size--2xl);
|
|
5716
|
+
--pf-v6-c-empty-state__icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
5717
|
+
--pf-v6-c-empty-state--m-xs__icon--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
5718
|
+
--pf-v6-c-empty-state--m-xl__icon--MarginBlockEnd: var(--pf-t--global--spacer--xl);
|
|
5719
|
+
--pf-v6-c-empty-state--m-xl__icon--FontSize: var(--pf-t--global--icon--size--3xl);
|
|
5720
|
+
--pf-v6-c-empty-state--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
5721
|
+
--pf-v6-c-empty-state--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
5722
|
+
--pf-v6-c-empty-state--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
5723
|
+
--pf-v6-c-empty-state--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
5724
|
+
--pf-v6-c-empty-state--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
5725
|
+
--pf-v6-c-empty-state__title-text--FontFamily: var(--pf-t--global--font--family--heading);
|
|
5726
|
+
--pf-v6-c-empty-state__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
5727
|
+
--pf-v6-c-empty-state__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
5728
|
+
--pf-v6-c-empty-state__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
5729
|
+
--pf-v6-c-empty-state--m-xs__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
5730
|
+
--pf-v6-c-empty-state--m-xl__title-text--FontSize: var(--pf-t--global--font--size--heading--2xl);
|
|
5731
|
+
--pf-v6-c-empty-state--m-xl__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
5732
|
+
--pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
5733
|
+
--pf-v6-c-empty-state__body--Color: var(--pf-t--global--text--color--subtle);
|
|
5734
|
+
--pf-v6-c-empty-state--body--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
5735
|
+
--pf-v6-c-empty-state--m-xs__body--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
5736
|
+
--pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
5737
|
+
--pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
5738
|
+
--pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
5739
|
+
--pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
|
|
5740
|
+
--pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
5741
|
+
--pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
5742
|
+
--pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
5743
|
+
--pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
5744
|
+
}
|
|
5745
|
+
|
|
5746
|
+
.pf-v6-c-empty-state {
|
|
5747
|
+
display: flex;
|
|
5748
|
+
align-items: center;
|
|
5749
|
+
justify-content: center;
|
|
5750
|
+
padding-block-start: var(--pf-v6-c-empty-state--PaddingBlockStart);
|
|
5751
|
+
padding-block-end: var(--pf-v6-c-empty-state--PaddingBlockEnd);
|
|
5752
|
+
padding-inline-start: var(--pf-v6-c-empty-state--PaddingInlineStart);
|
|
5753
|
+
padding-inline-end: var(--pf-v6-c-empty-state--PaddingInlineEnd);
|
|
5754
|
+
text-align: center;
|
|
5755
|
+
}
|
|
5756
|
+
|
|
5757
|
+
.pf-v6-c-empty-state.pf-m-xs {
|
|
5758
|
+
--pf-v6-c-empty-state--PaddingBlockStart: var(--pf-v6-c-empty-state--m-xs--PaddingBlockStart);
|
|
5759
|
+
--pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-v6-c-empty-state--m-xs--PaddingInlineEnd);
|
|
5760
|
+
--pf-v6-c-empty-state--PaddingBlockEnd: var(--pf-v6-c-empty-state--m-xs--PaddingBlockEnd);
|
|
5761
|
+
--pf-v6-c-empty-state--PaddingInlineStart: var(--pf-v6-c-empty-state--m-xs--PaddingInlineStart);
|
|
5762
|
+
--pf-v6-c-empty-state__title-text--FontSize: var(--pf-v6-c-empty-state--m-xs__title-text--FontSize);
|
|
5763
|
+
--pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-xs__content--MaxWidth);
|
|
5764
|
+
--pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-v6-c-empty-state--m-xs__icon--MarginBlockEnd);
|
|
5765
|
+
--pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-v6-c-empty-state--m-xs__body--MarginBlockStart);
|
|
5766
|
+
--pf-v6-c-empty-state--body--FontSize: var(--pf-v6-c-empty-state--m-xs__body--FontSize);
|
|
5767
|
+
--pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-v6-c-empty-state--m-xs__footer--MarginBlockStart);
|
|
5769
5768
|
}
|
|
5770
5769
|
|
|
5771
|
-
.pf-v6-c-
|
|
5772
|
-
|
|
5773
|
-
min-width: 0;
|
|
5770
|
+
.pf-v6-c-empty-state.pf-m-sm {
|
|
5771
|
+
--pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-sm__content--MaxWidth);
|
|
5774
5772
|
}
|
|
5775
5773
|
|
|
5776
|
-
.pf-v6-c-
|
|
5777
|
-
|
|
5778
|
-
padding-block-end: var(--pf-v6-c-dual-list-selector__item-toggle--PaddingBlockEnd);
|
|
5779
|
-
padding-inline-start: var(--pf-v6-c-dual-list-selector__item-toggle--PaddingInlineStart);
|
|
5780
|
-
padding-inline-end: var(--pf-v6-c-dual-list-selector__item-toggle--PaddingInlineEnd);
|
|
5781
|
-
margin-block-start: var(--pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart);
|
|
5782
|
-
margin-block-end: var(--pf-v6-c-dual-list-selector__item-toggle--MarginBlockEnd);
|
|
5774
|
+
.pf-v6-c-empty-state.pf-m-lg {
|
|
5775
|
+
--pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-lg__content--MaxWidth);
|
|
5783
5776
|
}
|
|
5784
5777
|
|
|
5785
|
-
.pf-v6-c-
|
|
5786
|
-
|
|
5787
|
-
|
|
5788
|
-
|
|
5778
|
+
.pf-v6-c-empty-state.pf-m-xl {
|
|
5779
|
+
--pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-v6-c-empty-state--m-xl__body--MarginBlockStart);
|
|
5780
|
+
--pf-v6-c-empty-state--body--FontSize: var(--pf-v6-c-empty-state--m-xl__body--FontSize);
|
|
5781
|
+
--pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-v6-c-empty-state--m-xl__icon--MarginBlockEnd);
|
|
5782
|
+
--pf-v6-c-empty-state__icon--FontSize: var(--pf-v6-c-empty-state--m-xl__icon--FontSize);
|
|
5783
|
+
--pf-v6-c-empty-state__title-text--FontSize: var(--pf-v6-c-empty-state--m-xl__title-text--FontSize);
|
|
5784
|
+
--pf-v6-c-empty-state__title-text--LineHeight: var(--pf-v6-c-empty-state--m-xl__title-text--LineHeight);
|
|
5789
5785
|
}
|
|
5790
5786
|
|
|
5791
|
-
.pf-v6-c-
|
|
5792
|
-
|
|
5793
|
-
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
5794
|
-
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
5795
|
-
text-align: center;
|
|
5796
|
-
transition: transform var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration) var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
5797
|
-
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
5787
|
+
.pf-v6-c-empty-state.pf-m-full-height {
|
|
5788
|
+
height: 100%;
|
|
5798
5789
|
}
|
|
5799
5790
|
|
|
5800
|
-
.pf-v6-c-
|
|
5801
|
-
--pf-v6-c-
|
|
5802
|
-
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
5791
|
+
.pf-v6-c-empty-state.pf-m-danger {
|
|
5792
|
+
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-danger__icon--Color);
|
|
5803
5793
|
}
|
|
5804
5794
|
|
|
5805
|
-
.pf-v6-c-
|
|
5806
|
-
--pf-v6-c-
|
|
5807
|
-
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
5795
|
+
.pf-v6-c-empty-state.pf-m-warning {
|
|
5796
|
+
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-warning__icon--Color);
|
|
5808
5797
|
}
|
|
5809
5798
|
|
|
5810
|
-
.pf-v6-c-
|
|
5811
|
-
--pf-v6-c-
|
|
5812
|
-
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
5799
|
+
.pf-v6-c-empty-state.pf-m-success {
|
|
5800
|
+
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-success__icon--Color);
|
|
5813
5801
|
}
|
|
5814
5802
|
|
|
5815
|
-
.pf-v6-c-
|
|
5816
|
-
--pf-v6-c-
|
|
5817
|
-
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
5803
|
+
.pf-v6-c-empty-state.pf-m-info {
|
|
5804
|
+
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-info__icon--Color);
|
|
5818
5805
|
}
|
|
5819
5806
|
|
|
5820
|
-
.pf-v6-c-
|
|
5821
|
-
--pf-v6-c-
|
|
5822
|
-
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
5807
|
+
.pf-v6-c-empty-state.pf-m-custom {
|
|
5808
|
+
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-custom__icon--Color);
|
|
5823
5809
|
}
|
|
5824
5810
|
|
|
5825
|
-
.pf-v6-c-
|
|
5826
|
-
|
|
5827
|
-
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
5811
|
+
.pf-v6-c-empty-state__content {
|
|
5812
|
+
max-width: var(--pf-v6-c-empty-state__content--MaxWidth);
|
|
5828
5813
|
}
|
|
5829
5814
|
|
|
5830
|
-
.pf-v6-c-
|
|
5831
|
-
|
|
5832
|
-
|
|
5815
|
+
.pf-v6-c-empty-state__icon {
|
|
5816
|
+
margin-block-end: var(--pf-v6-c-empty-state__icon--MarginBlockEnd);
|
|
5817
|
+
font-size: var(--pf-v6-c-empty-state__icon--FontSize);
|
|
5818
|
+
line-height: 1;
|
|
5819
|
+
color: var(--pf-v6-c-empty-state__icon--Color);
|
|
5833
5820
|
}
|
|
5834
5821
|
|
|
5835
|
-
.pf-v6-c-
|
|
5836
|
-
|
|
5837
|
-
|
|
5822
|
+
.pf-v6-c-empty-state__title-text {
|
|
5823
|
+
font-family: var(--pf-v6-c-empty-state__title-text--FontFamily);
|
|
5824
|
+
font-size: var(--pf-v6-c-empty-state__title-text--FontSize);
|
|
5825
|
+
font-weight: var(--pf-v6-c-empty-state__title-text--FontWeight);
|
|
5826
|
+
line-height: var(--pf-v6-c-empty-state__title-text--LineHeight);
|
|
5838
5827
|
}
|
|
5839
5828
|
|
|
5840
|
-
.pf-v6-c-
|
|
5841
|
-
|
|
5842
|
-
|
|
5829
|
+
.pf-v6-c-empty-state__body {
|
|
5830
|
+
margin-block-start: var(--pf-v6-c-empty-state__body--MarginBlockStart);
|
|
5831
|
+
font-size: var(--pf-v6-c-empty-state--body--FontSize);
|
|
5832
|
+
color: var(--pf-v6-c-empty-state__body--Color);
|
|
5843
5833
|
}
|
|
5844
5834
|
|
|
5845
|
-
.pf-v6-c-
|
|
5846
|
-
|
|
5847
|
-
|
|
5835
|
+
.pf-v6-c-empty-state__footer {
|
|
5836
|
+
display: flex;
|
|
5837
|
+
flex-direction: column;
|
|
5838
|
+
row-gap: var(--pf-v6-c-empty-state__footer--RowGap);
|
|
5839
|
+
align-items: center;
|
|
5840
|
+
margin-block-start: var(--pf-v6-c-empty-state__footer--MarginBlockStart);
|
|
5841
|
+
}
|
|
5842
|
+
|
|
5843
|
+
.pf-v6-c-empty-state__actions {
|
|
5844
|
+
display: flex;
|
|
5845
|
+
flex-wrap: wrap;
|
|
5846
|
+
gap: var(--pf-v6-c-empty-state__actions--RowGap) var(--pf-v6-c-empty-state__actions--ColumnGap);
|
|
5847
|
+
justify-content: center;
|
|
5848
5848
|
}
|
|
5849
5849
|
|
|
5850
5850
|
:root,
|
|
@@ -7988,6 +7988,151 @@ label.pf-v6-c-input-group__text {
|
|
|
7988
7988
|
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
7989
7989
|
}
|
|
7990
7990
|
}
|
|
7991
|
+
:root,
|
|
7992
|
+
.pf-v6-c-label-group {
|
|
7993
|
+
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
7994
|
+
--pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
7995
|
+
--pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
|
|
7996
|
+
--pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
7997
|
+
--pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
|
|
7998
|
+
--pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
7999
|
+
--pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
|
|
8000
|
+
--pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8001
|
+
--pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8002
|
+
--pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8003
|
+
--pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8004
|
+
--pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8005
|
+
--pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8006
|
+
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8007
|
+
--pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
8008
|
+
--pf-v6-c-label-group--m-category--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8009
|
+
--pf-v6-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
8010
|
+
--pf-v6-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
8011
|
+
--pf-v6-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
|
|
8012
|
+
--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8013
|
+
--pf-v6-c-label-group__label--MaxWidth: 18ch;
|
|
8014
|
+
--pf-v6-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
8015
|
+
--pf-v6-c-label-group__close--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8016
|
+
--pf-v6-c-label-group__close--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8017
|
+
--pf-v6-c-label-group__close--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
8018
|
+
--pf-v6-c-label-group__close--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8019
|
+
--pf-v6-c-label-group__textarea--MinWidth: 12.5rem;
|
|
8020
|
+
--pf-v6-c-label-group__textarea--PaddingBlockStart: 0.125rem;
|
|
8021
|
+
--pf-v6-c-label-group__textarea--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
8022
|
+
--pf-v6-c-label-group__textarea--PaddingBlockEnd: 0;
|
|
8023
|
+
--pf-v6-c-label-group__textarea--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
8024
|
+
}
|
|
8025
|
+
|
|
8026
|
+
.pf-v6-c-label-group {
|
|
8027
|
+
display: inline-flex;
|
|
8028
|
+
row-gap: var(--pf-v6-c-label-group--RowGap);
|
|
8029
|
+
column-gap: var(--pf-v6-c-label-group--ColumnGap);
|
|
8030
|
+
align-items: center;
|
|
8031
|
+
}
|
|
8032
|
+
|
|
8033
|
+
.pf-v6-c-label-group.pf-m-category {
|
|
8034
|
+
padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
|
|
8035
|
+
padding-block-end: var(--pf-v6-c-label-group--m-category--PaddingBlockEnd);
|
|
8036
|
+
padding-inline-start: var(--pf-v6-c-label-group--m-category--PaddingInlineStart);
|
|
8037
|
+
padding-inline-end: var(--pf-v6-c-label-group--m-category--PaddingInlineEnd);
|
|
8038
|
+
background-color: var(--pf-v6-c-label-group--m-category--BackgroundColor);
|
|
8039
|
+
border: var(--pf-v6-c-label-group--m-category--BorderWidth) solid var(--pf-v6-c-label-group--m-category--BorderColor);
|
|
8040
|
+
border-radius: var(--pf-v6-c-label-group--m-category--BorderRadius);
|
|
8041
|
+
}
|
|
8042
|
+
|
|
8043
|
+
.pf-v6-c-label-group.pf-m-vertical {
|
|
8044
|
+
--pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
|
|
8045
|
+
--pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
|
|
8046
|
+
--pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
|
|
8047
|
+
--pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
|
|
8048
|
+
--pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
|
|
8049
|
+
--pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
|
|
8050
|
+
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
|
|
8051
|
+
}
|
|
8052
|
+
|
|
8053
|
+
.pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
|
|
8054
|
+
align-items: flex-start;
|
|
8055
|
+
}
|
|
8056
|
+
|
|
8057
|
+
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
|
|
8058
|
+
flex-direction: column;
|
|
8059
|
+
align-items: flex-start;
|
|
8060
|
+
}
|
|
8061
|
+
|
|
8062
|
+
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
|
|
8063
|
+
flex-direction: column;
|
|
8064
|
+
}
|
|
8065
|
+
|
|
8066
|
+
.pf-v6-c-label-group.pf-m-editable,
|
|
8067
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
8068
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
|
|
8069
|
+
display: flex;
|
|
8070
|
+
}
|
|
8071
|
+
|
|
8072
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
8073
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
|
|
8074
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
|
|
8075
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
|
|
8076
|
+
flex: 1;
|
|
8077
|
+
}
|
|
8078
|
+
|
|
8079
|
+
.pf-v6-c-label-group__main {
|
|
8080
|
+
display: flex;
|
|
8081
|
+
flex: 1;
|
|
8082
|
+
flex-wrap: wrap;
|
|
8083
|
+
row-gap: var(--pf-v6-c-label-group__main--RowGap);
|
|
8084
|
+
column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
|
|
8085
|
+
align-items: baseline;
|
|
8086
|
+
}
|
|
8087
|
+
|
|
8088
|
+
.pf-v6-c-label-group__list {
|
|
8089
|
+
display: inline-flex;
|
|
8090
|
+
flex-wrap: wrap;
|
|
8091
|
+
row-gap: var(--pf-v6-c-label-group__list--RowGap);
|
|
8092
|
+
column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
|
|
8093
|
+
}
|
|
8094
|
+
|
|
8095
|
+
.pf-v6-c-label-group__list-item {
|
|
8096
|
+
display: inline-flex;
|
|
8097
|
+
}
|
|
8098
|
+
|
|
8099
|
+
.pf-v6-c-label-group__label {
|
|
8100
|
+
overflow: hidden;
|
|
8101
|
+
text-overflow: ellipsis;
|
|
8102
|
+
white-space: nowrap;
|
|
8103
|
+
max-width: var(--pf-v6-c-label-group__label--MaxWidth);
|
|
8104
|
+
}
|
|
8105
|
+
|
|
8106
|
+
.pf-v6-c-label-group__close {
|
|
8107
|
+
display: flex;
|
|
8108
|
+
align-self: flex-start;
|
|
8109
|
+
}
|
|
8110
|
+
|
|
8111
|
+
.pf-v6-c-label-group__close .pf-v6-c-button {
|
|
8112
|
+
--pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
|
|
8113
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
|
|
8114
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
|
|
8115
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
|
|
8116
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
|
|
8117
|
+
}
|
|
8118
|
+
|
|
8119
|
+
.pf-v6-c-label-group__textarea {
|
|
8120
|
+
min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
|
|
8121
|
+
padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
|
|
8122
|
+
padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
|
|
8123
|
+
padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
|
|
8124
|
+
padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
|
|
8125
|
+
white-space: nowrap;
|
|
8126
|
+
resize: none;
|
|
8127
|
+
border: 0;
|
|
8128
|
+
-ms-overflow-style: none;
|
|
8129
|
+
scrollbar-width: none;
|
|
8130
|
+
}
|
|
8131
|
+
|
|
8132
|
+
.pf-v6-c-label-group__textarea::-webkit-scrollbar {
|
|
8133
|
+
display: none;
|
|
8134
|
+
}
|
|
8135
|
+
|
|
7991
8136
|
:root,
|
|
7992
8137
|
.pf-v6-c-label {
|
|
7993
8138
|
--pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -8517,148 +8662,80 @@ input.pf-v6-c-label__content {
|
|
|
8517
8662
|
}
|
|
8518
8663
|
|
|
8519
8664
|
:root,
|
|
8520
|
-
.pf-v6-c-
|
|
8521
|
-
--pf-v6-c-
|
|
8522
|
-
--pf-v6-c-
|
|
8523
|
-
--pf-v6-c-
|
|
8524
|
-
--pf-v6-c-
|
|
8525
|
-
--pf-v6-c-
|
|
8526
|
-
--pf-v6-c-
|
|
8527
|
-
--pf-v6-c-
|
|
8528
|
-
--pf-v6-c-
|
|
8529
|
-
--pf-v6-c-
|
|
8530
|
-
--pf-v6-c-
|
|
8531
|
-
--pf-v6-c-
|
|
8532
|
-
--pf-v6-c-
|
|
8533
|
-
--pf-v6-c-
|
|
8534
|
-
--pf-v6-c-
|
|
8535
|
-
--pf-v6-c-
|
|
8536
|
-
--pf-v6-c-
|
|
8537
|
-
--pf-v6-c-
|
|
8538
|
-
--pf-v6-c-
|
|
8539
|
-
--pf-v6-c-
|
|
8540
|
-
--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8541
|
-
--pf-v6-c-label-group__label--MaxWidth: 18ch;
|
|
8542
|
-
--pf-v6-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
8543
|
-
--pf-v6-c-label-group__close--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8544
|
-
--pf-v6-c-label-group__close--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8545
|
-
--pf-v6-c-label-group__close--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
8546
|
-
--pf-v6-c-label-group__close--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8547
|
-
--pf-v6-c-label-group__textarea--MinWidth: 12.5rem;
|
|
8548
|
-
--pf-v6-c-label-group__textarea--PaddingBlockStart: 0.125rem;
|
|
8549
|
-
--pf-v6-c-label-group__textarea--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
8550
|
-
--pf-v6-c-label-group__textarea--PaddingBlockEnd: 0;
|
|
8551
|
-
--pf-v6-c-label-group__textarea--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
8552
|
-
}
|
|
8553
|
-
|
|
8554
|
-
.pf-v6-c-label-group {
|
|
8555
|
-
display: inline-flex;
|
|
8556
|
-
row-gap: var(--pf-v6-c-label-group--RowGap);
|
|
8557
|
-
column-gap: var(--pf-v6-c-label-group--ColumnGap);
|
|
8558
|
-
align-items: center;
|
|
8559
|
-
}
|
|
8560
|
-
|
|
8561
|
-
.pf-v6-c-label-group.pf-m-category {
|
|
8562
|
-
padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
|
|
8563
|
-
padding-block-end: var(--pf-v6-c-label-group--m-category--PaddingBlockEnd);
|
|
8564
|
-
padding-inline-start: var(--pf-v6-c-label-group--m-category--PaddingInlineStart);
|
|
8565
|
-
padding-inline-end: var(--pf-v6-c-label-group--m-category--PaddingInlineEnd);
|
|
8566
|
-
background-color: var(--pf-v6-c-label-group--m-category--BackgroundColor);
|
|
8567
|
-
border: var(--pf-v6-c-label-group--m-category--BorderWidth) solid var(--pf-v6-c-label-group--m-category--BorderColor);
|
|
8568
|
-
border-radius: var(--pf-v6-c-label-group--m-category--BorderRadius);
|
|
8569
|
-
}
|
|
8570
|
-
|
|
8571
|
-
.pf-v6-c-label-group.pf-m-vertical {
|
|
8572
|
-
--pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
|
|
8573
|
-
--pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
|
|
8574
|
-
--pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
|
|
8575
|
-
--pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
|
|
8576
|
-
--pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
|
|
8577
|
-
--pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
|
|
8578
|
-
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
|
|
8579
|
-
}
|
|
8580
|
-
|
|
8581
|
-
.pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
|
|
8582
|
-
align-items: flex-start;
|
|
8665
|
+
.pf-v6-c-list {
|
|
8666
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
8667
|
+
--pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
|
|
8668
|
+
--pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
|
|
8669
|
+
--pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
8670
|
+
--pf-v6-c-list--m-plain--PaddingInlineStart: 0;
|
|
8671
|
+
--pf-v6-c-list--m-inline--PaddingInlineStart: 0;
|
|
8672
|
+
--pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
8673
|
+
--pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
|
|
8674
|
+
--pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
8675
|
+
--pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
8676
|
+
--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
8677
|
+
--pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
|
|
8678
|
+
--pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
8679
|
+
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8680
|
+
--pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
8681
|
+
--pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
|
|
8682
|
+
--pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
|
|
8683
|
+
--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
8684
|
+
--pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
|
|
8583
8685
|
}
|
|
8584
8686
|
|
|
8585
|
-
.pf-v6-c-
|
|
8687
|
+
.pf-v6-c-list {
|
|
8688
|
+
display: flex;
|
|
8586
8689
|
flex-direction: column;
|
|
8587
|
-
|
|
8690
|
+
gap: var(--pf-v6-c-list--Gap);
|
|
8691
|
+
padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
|
|
8588
8692
|
}
|
|
8589
8693
|
|
|
8590
|
-
.pf-v6-c-
|
|
8591
|
-
|
|
8694
|
+
.pf-v6-c-list .pf-v6-c-list {
|
|
8695
|
+
padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
|
|
8592
8696
|
}
|
|
8593
8697
|
|
|
8594
|
-
.pf-v6-c-
|
|
8595
|
-
|
|
8596
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
|
|
8597
|
-
display: flex;
|
|
8698
|
+
ul.pf-v6-c-list {
|
|
8699
|
+
list-style: var(--pf-v6-c-list--ul--ListStyle);
|
|
8598
8700
|
}
|
|
8599
8701
|
|
|
8600
|
-
.pf-v6-c-
|
|
8601
|
-
|
|
8602
|
-
|
|
8603
|
-
|
|
8604
|
-
|
|
8702
|
+
.pf-v6-c-list.pf-m-icon-lg {
|
|
8703
|
+
--pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
|
|
8704
|
+
--pf-v6-c-list__item-icon--MarginBlockStart: 0;
|
|
8705
|
+
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
|
|
8706
|
+
--pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
|
|
8605
8707
|
}
|
|
8606
8708
|
|
|
8607
|
-
.pf-v6-c-
|
|
8608
|
-
|
|
8609
|
-
|
|
8610
|
-
flex-wrap: wrap;
|
|
8611
|
-
row-gap: var(--pf-v6-c-label-group__main--RowGap);
|
|
8612
|
-
column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
|
|
8613
|
-
align-items: baseline;
|
|
8709
|
+
.pf-v6-c-list.pf-m-plain {
|
|
8710
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
|
|
8711
|
+
list-style: none;
|
|
8614
8712
|
}
|
|
8615
8713
|
|
|
8616
|
-
.pf-v6-c-
|
|
8617
|
-
|
|
8714
|
+
.pf-v6-c-list.pf-m-inline {
|
|
8715
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
|
|
8716
|
+
--pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
|
|
8717
|
+
flex-direction: row;
|
|
8618
8718
|
flex-wrap: wrap;
|
|
8619
|
-
|
|
8620
|
-
column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
|
|
8621
|
-
}
|
|
8622
|
-
|
|
8623
|
-
.pf-v6-c-label-group__list-item {
|
|
8624
|
-
display: inline-flex;
|
|
8719
|
+
list-style: none;
|
|
8625
8720
|
}
|
|
8626
8721
|
|
|
8627
|
-
.pf-v6-c-
|
|
8628
|
-
|
|
8629
|
-
|
|
8630
|
-
white-space: nowrap;
|
|
8631
|
-
max-width: var(--pf-v6-c-label-group__label--MaxWidth);
|
|
8722
|
+
.pf-v6-c-list.pf-m-bordered > * + * {
|
|
8723
|
+
padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
|
|
8724
|
+
border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
|
|
8632
8725
|
}
|
|
8633
8726
|
|
|
8634
|
-
.pf-v6-c-
|
|
8727
|
+
.pf-v6-c-list__item {
|
|
8635
8728
|
display: flex;
|
|
8636
|
-
align-self: flex-start;
|
|
8637
|
-
}
|
|
8638
|
-
|
|
8639
|
-
.pf-v6-c-label-group__close .pf-v6-c-button {
|
|
8640
|
-
--pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
|
|
8641
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
|
|
8642
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
|
|
8643
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
|
|
8644
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
|
|
8645
|
-
}
|
|
8646
|
-
|
|
8647
|
-
.pf-v6-c-label-group__textarea {
|
|
8648
|
-
min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
|
|
8649
|
-
padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
|
|
8650
|
-
padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
|
|
8651
|
-
padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
|
|
8652
|
-
padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
|
|
8653
|
-
white-space: nowrap;
|
|
8654
|
-
resize: none;
|
|
8655
|
-
border: 0;
|
|
8656
|
-
-ms-overflow-style: none;
|
|
8657
|
-
scrollbar-width: none;
|
|
8658
8729
|
}
|
|
8659
8730
|
|
|
8660
|
-
.pf-v6-c-
|
|
8661
|
-
|
|
8731
|
+
.pf-v6-c-list__item-icon {
|
|
8732
|
+
flex-shrink: 0;
|
|
8733
|
+
min-width: var(--pf-v6-c-list__item-icon--MinWidth);
|
|
8734
|
+
margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
|
|
8735
|
+
margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
|
|
8736
|
+
font-size: var(--pf-v6-c-list__item-icon--FontSize);
|
|
8737
|
+
line-height: 1;
|
|
8738
|
+
color: var(--pf-v6-c-list__item-icon--Color);
|
|
8662
8739
|
}
|
|
8663
8740
|
|
|
8664
8741
|
:root,
|
|
@@ -8898,113 +8975,36 @@ input.pf-v6-c-label__content {
|
|
|
8898
8975
|
padding-inline-start: var(--pf-v6-c-login__main-footer-links--PaddingInlineStart);
|
|
8899
8976
|
padding-inline-end: var(--pf-v6-c-login__main-footer-links--PaddingInlineEnd);
|
|
8900
8977
|
}
|
|
8901
|
-
|
|
8902
|
-
.pf-v6-c-login__main-footer-links-item .pf-v6-c-button {
|
|
8903
|
-
--pf-v6-c-button--FontSize: var(--pf-v6-c-login__main-footer-links-item--c-button--FontSize);
|
|
8904
|
-
}
|
|
8905
|
-
|
|
8906
|
-
.pf-v6-c-login__main-footer-band {
|
|
8907
|
-
padding-block-start: var(--pf-v6-c-login__main-footer-band--PaddingBlockStart);
|
|
8908
|
-
padding-block-end: var(--pf-v6-c-login__main-footer-band--PaddingBlockEnd);
|
|
8909
|
-
padding-inline-start: var(--pf-v6-c-login__main-footer-band--PaddingInlineStart);
|
|
8910
|
-
padding-inline-end: var(--pf-v6-c-login__main-footer-band--PaddingInlineEnd);
|
|
8911
|
-
text-align: center;
|
|
8912
|
-
border-block-start: var(--pf-v6-c-login__main-footer-band--BorderBlockStartWidth) solid var(--pf-v6-c-login__main-footer-band--BorderBlockStartColor);
|
|
8913
|
-
}
|
|
8914
|
-
|
|
8915
|
-
.pf-v6-c-login__main-footer-band > * + * {
|
|
8916
|
-
padding-block-start: var(--pf-v6-c-login__main-footer-band-item--PaddingBlockStart);
|
|
8917
|
-
}
|
|
8918
|
-
|
|
8919
|
-
.pf-v6-c-login__footer {
|
|
8920
|
-
grid-area: footer;
|
|
8921
|
-
padding-inline-start: var(--pf-v6-c-login__footer--PaddingInlineStart);
|
|
8922
|
-
padding-inline-end: var(--pf-v6-c-login__footer--PaddingInlineEnd);
|
|
8923
|
-
}
|
|
8924
|
-
|
|
8925
|
-
.pf-v6-c-login__footer .pf-v6-c-list a {
|
|
8926
|
-
color: unset;
|
|
8927
|
-
}
|
|
8928
|
-
|
|
8929
|
-
.pf-v6-c-login__footer .pf-v6-c-list:not(:only-child) {
|
|
8930
|
-
padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
|
|
8931
|
-
}
|
|
8932
|
-
|
|
8933
|
-
:root,
|
|
8934
|
-
.pf-v6-c-list {
|
|
8935
|
-
--pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
8936
|
-
--pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
|
|
8937
|
-
--pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
|
|
8938
|
-
--pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
8939
|
-
--pf-v6-c-list--m-plain--PaddingInlineStart: 0;
|
|
8940
|
-
--pf-v6-c-list--m-inline--PaddingInlineStart: 0;
|
|
8941
|
-
--pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
8942
|
-
--pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
|
|
8943
|
-
--pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
8944
|
-
--pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
8945
|
-
--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
8946
|
-
--pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
|
|
8947
|
-
--pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
8948
|
-
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8949
|
-
--pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
8950
|
-
--pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
|
|
8951
|
-
--pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
|
|
8952
|
-
--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
8953
|
-
--pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
|
|
8954
|
-
}
|
|
8955
|
-
|
|
8956
|
-
.pf-v6-c-list {
|
|
8957
|
-
display: flex;
|
|
8958
|
-
flex-direction: column;
|
|
8959
|
-
gap: var(--pf-v6-c-list--Gap);
|
|
8960
|
-
padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
|
|
8961
|
-
}
|
|
8962
|
-
|
|
8963
|
-
.pf-v6-c-list .pf-v6-c-list {
|
|
8964
|
-
padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
|
|
8965
|
-
}
|
|
8966
|
-
|
|
8967
|
-
ul.pf-v6-c-list {
|
|
8968
|
-
list-style: var(--pf-v6-c-list--ul--ListStyle);
|
|
8969
|
-
}
|
|
8970
|
-
|
|
8971
|
-
.pf-v6-c-list.pf-m-icon-lg {
|
|
8972
|
-
--pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
|
|
8973
|
-
--pf-v6-c-list__item-icon--MarginBlockStart: 0;
|
|
8974
|
-
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
|
|
8975
|
-
--pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
|
|
8978
|
+
|
|
8979
|
+
.pf-v6-c-login__main-footer-links-item .pf-v6-c-button {
|
|
8980
|
+
--pf-v6-c-button--FontSize: var(--pf-v6-c-login__main-footer-links-item--c-button--FontSize);
|
|
8976
8981
|
}
|
|
8977
8982
|
|
|
8978
|
-
.pf-v6-c-
|
|
8979
|
-
|
|
8980
|
-
|
|
8983
|
+
.pf-v6-c-login__main-footer-band {
|
|
8984
|
+
padding-block-start: var(--pf-v6-c-login__main-footer-band--PaddingBlockStart);
|
|
8985
|
+
padding-block-end: var(--pf-v6-c-login__main-footer-band--PaddingBlockEnd);
|
|
8986
|
+
padding-inline-start: var(--pf-v6-c-login__main-footer-band--PaddingInlineStart);
|
|
8987
|
+
padding-inline-end: var(--pf-v6-c-login__main-footer-band--PaddingInlineEnd);
|
|
8988
|
+
text-align: center;
|
|
8989
|
+
border-block-start: var(--pf-v6-c-login__main-footer-band--BorderBlockStartWidth) solid var(--pf-v6-c-login__main-footer-band--BorderBlockStartColor);
|
|
8981
8990
|
}
|
|
8982
8991
|
|
|
8983
|
-
.pf-v6-c-
|
|
8984
|
-
|
|
8985
|
-
--pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
|
|
8986
|
-
flex-direction: row;
|
|
8987
|
-
flex-wrap: wrap;
|
|
8988
|
-
list-style: none;
|
|
8992
|
+
.pf-v6-c-login__main-footer-band > * + * {
|
|
8993
|
+
padding-block-start: var(--pf-v6-c-login__main-footer-band-item--PaddingBlockStart);
|
|
8989
8994
|
}
|
|
8990
8995
|
|
|
8991
|
-
.pf-v6-c-
|
|
8992
|
-
|
|
8993
|
-
|
|
8996
|
+
.pf-v6-c-login__footer {
|
|
8997
|
+
grid-area: footer;
|
|
8998
|
+
padding-inline-start: var(--pf-v6-c-login__footer--PaddingInlineStart);
|
|
8999
|
+
padding-inline-end: var(--pf-v6-c-login__footer--PaddingInlineEnd);
|
|
8994
9000
|
}
|
|
8995
9001
|
|
|
8996
|
-
.pf-v6-c-
|
|
8997
|
-
|
|
9002
|
+
.pf-v6-c-login__footer .pf-v6-c-list a {
|
|
9003
|
+
color: unset;
|
|
8998
9004
|
}
|
|
8999
9005
|
|
|
9000
|
-
.pf-v6-c-
|
|
9001
|
-
|
|
9002
|
-
min-width: var(--pf-v6-c-list__item-icon--MinWidth);
|
|
9003
|
-
margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
|
|
9004
|
-
margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
|
|
9005
|
-
font-size: var(--pf-v6-c-list__item-icon--FontSize);
|
|
9006
|
-
line-height: 1;
|
|
9007
|
-
color: var(--pf-v6-c-list__item-icon--Color);
|
|
9006
|
+
.pf-v6-c-login__footer .pf-v6-c-list:not(:only-child) {
|
|
9007
|
+
padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
|
|
9008
9008
|
}
|
|
9009
9009
|
|
|
9010
9010
|
:root,
|
|
@@ -10651,24 +10651,237 @@ ul.pf-v6-c-list {
|
|
|
10651
10651
|
justify-content: center;
|
|
10652
10652
|
}
|
|
10653
10653
|
|
|
10654
|
-
.pf-v6-c-menu-toggle__icon {
|
|
10655
|
-
flex-shrink: 0;
|
|
10656
|
-
min-height: var(--pf-v6-c-menu-toggle__icon--MinHeight);
|
|
10654
|
+
.pf-v6-c-menu-toggle__icon {
|
|
10655
|
+
flex-shrink: 0;
|
|
10656
|
+
min-height: var(--pf-v6-c-menu-toggle__icon--MinHeight);
|
|
10657
|
+
}
|
|
10658
|
+
|
|
10659
|
+
.pf-v6-c-menu-toggle__controls {
|
|
10660
|
+
min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
|
|
10661
|
+
margin-inline-start: auto;
|
|
10662
|
+
}
|
|
10663
|
+
|
|
10664
|
+
.pf-v6-c-menu-toggle__toggle-icon {
|
|
10665
|
+
min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
|
|
10666
|
+
color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
|
|
10667
|
+
}
|
|
10668
|
+
|
|
10669
|
+
.pf-v6-c-menu-toggle__status-icon {
|
|
10670
|
+
margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
|
|
10671
|
+
color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
|
|
10672
|
+
}
|
|
10673
|
+
|
|
10674
|
+
:root,
|
|
10675
|
+
.pf-v6-c-multiple-file-upload {
|
|
10676
|
+
--pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
|
|
10677
|
+
--pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
|
|
10678
|
+
--pf-v6-c-multiple-file-upload__main--TextAlign: center;
|
|
10679
|
+
--pf-v6-c-multiple-file-upload__main--GridTemplateColumns: auto;
|
|
10680
|
+
--pf-v6-c-multiple-file-upload__main--GridTemplateRows: auto;
|
|
10681
|
+
--pf-v6-c-multiple-file-upload__main--GridTemplateAreas:
|
|
10682
|
+
"title"
|
|
10683
|
+
"upload"
|
|
10684
|
+
"info";
|
|
10685
|
+
--pf-v6-c-multiple-file-upload__main--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
10686
|
+
--pf-v6-c-multiple-file-upload__main--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
10687
|
+
--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
10688
|
+
--pf-v6-c-multiple-file-upload__main--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
10689
|
+
--pf-v6-c-multiple-file-upload__main--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
10690
|
+
--pf-v6-c-multiple-file-upload__main--BorderStyle: dashed;
|
|
10691
|
+
--pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-t--global--border--color--default);
|
|
10692
|
+
--pf-v6-c-multiple-file-upload__main--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
10693
|
+
--pf-v6-c-multiple-file-upload__title--Display: grid;
|
|
10694
|
+
--pf-v6-c-multiple-file-upload__title--GridTemplateColumns: auto;
|
|
10695
|
+
--pf-v6-c-multiple-file-upload__title--Gap: var(--pf-t--global--spacer--lg);
|
|
10696
|
+
--pf-v6-c-multiple-file-upload__title-text--Color: var(--pf-t--global--text--color--regular);
|
|
10697
|
+
--pf-v6-c-multiple-file-upload__title-text--FontFamily: var(--pf-t--global--font--family--heading);
|
|
10698
|
+
--pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
|
|
10699
|
+
--pf-v6-c-multiple-file-upload__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
10700
|
+
--pf-v6-c-multiple-file-upload__title-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
10701
|
+
--pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-t--global--icon--size--xl);
|
|
10702
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--Display: block;
|
|
10703
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
10704
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
10705
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--Color: var(--pf-t--global--text--color--regular);
|
|
10706
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-t--global--font--family--body);
|
|
10707
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
10708
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
10709
|
+
--pf-v6-c-multiple-file-upload__info--FontSize: var(--pf-t--global--font--size--body--default);
|
|
10710
|
+
--pf-v6-c-multiple-file-upload__info--Color: var(--pf-t--global--text--color--subtle);
|
|
10711
|
+
--pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
10712
|
+
--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle: dashed;
|
|
10713
|
+
--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
10714
|
+
--pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
|
|
10715
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign: start;
|
|
10716
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
|
|
10717
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
|
|
10718
|
+
"title upload"
|
|
10719
|
+
"info upload";
|
|
10720
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
|
|
10721
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
10722
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
|
|
10723
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-t--global--spacer--sm);
|
|
10724
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
10725
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
10726
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
|
|
10727
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart: 0;
|
|
10728
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily: var(--pf-t--global--font--family--heading);
|
|
10729
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
10730
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
10731
|
+
--pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart: 0;
|
|
10732
|
+
--pf-v6-c-multiple-file-upload__status--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
10733
|
+
--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
10734
|
+
--pf-v6-c-multiple-file-upload__status--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
10735
|
+
--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
10736
|
+
--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
|
|
10737
|
+
--pf-v6-c-multiple-file-upload__status-progress--Gap: var(--pf-t--global--spacer--sm);
|
|
10738
|
+
--pf-v6-c-multiple-file-upload__status-progress-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
10739
|
+
--pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
10740
|
+
--pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
10741
|
+
--pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
|
|
10742
|
+
--pf-v6-c-multiple-file-upload__status-item--Gap: var(--pf-t--global--spacer--sm);
|
|
10743
|
+
--pf-v6-c-multiple-file-upload__status-item--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
10744
|
+
--pf-v6-c-multiple-file-upload__status-item--BorderColor: var(--pf-t--global--border--color--default);
|
|
10745
|
+
--pf-v6-c-multiple-file-upload__status-item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
10746
|
+
--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
|
|
10747
|
+
--pf-v6-c-multiple-file-upload__status-item-progress--Gap: var(--pf-t--global--spacer--sm);
|
|
10748
|
+
--pf-v6-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-t--global--text--color--regular);
|
|
10749
|
+
--pf-v6-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-t--global--text--color--subtle);
|
|
10750
|
+
}
|
|
10751
|
+
|
|
10752
|
+
.pf-v6-c-multiple-file-upload {
|
|
10753
|
+
display: grid;
|
|
10754
|
+
grid-template-columns: var(--pf-v6-c-multiple-file-upload--GridTemplateColumns);
|
|
10755
|
+
gap: var(--pf-v6-c-multiple-file-upload--Gap);
|
|
10756
|
+
}
|
|
10757
|
+
|
|
10758
|
+
.pf-v6-c-multiple-file-upload.pf-m-horizontal {
|
|
10759
|
+
--pf-v6-c-multiple-file-upload--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
|
|
10760
|
+
--pf-v6-c-multiple-file-upload__main--TextAlign: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign);
|
|
10761
|
+
--pf-v6-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
|
|
10762
|
+
--pf-v6-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
|
|
10763
|
+
--pf-v6-c-multiple-file-upload__main--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--Gap);
|
|
10764
|
+
--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd);
|
|
10765
|
+
--pf-v6-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
|
|
10766
|
+
--pf-v6-c-multiple-file-upload__title--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--Gap);
|
|
10767
|
+
--pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize);
|
|
10768
|
+
--pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize);
|
|
10769
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily);
|
|
10770
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--Display: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
|
|
10771
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart);
|
|
10772
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize);
|
|
10773
|
+
--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight);
|
|
10774
|
+
--pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart);
|
|
10775
|
+
}
|
|
10776
|
+
|
|
10777
|
+
.pf-v6-c-multiple-file-upload.pf-m-drag-over {
|
|
10778
|
+
--pf-v6-c-multiple-file-upload__main--BorderStyle: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle);
|
|
10779
|
+
--pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor);
|
|
10780
|
+
}
|
|
10781
|
+
|
|
10782
|
+
.pf-v6-c-multiple-file-upload__main {
|
|
10783
|
+
display: grid;
|
|
10784
|
+
grid-template-areas: var(--pf-v6-c-multiple-file-upload__main--GridTemplateAreas);
|
|
10785
|
+
grid-template-rows: var(--pf-v6-c-multiple-file-upload__main--GridTemplateRows);
|
|
10786
|
+
grid-template-columns: var(--pf-v6-c-multiple-file-upload__main--GridTemplateColumns);
|
|
10787
|
+
gap: var(--pf-v6-c-multiple-file-upload__main--Gap);
|
|
10788
|
+
align-items: center;
|
|
10789
|
+
padding-block-start: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockStart);
|
|
10790
|
+
padding-block-end: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd);
|
|
10791
|
+
padding-inline-start: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineStart);
|
|
10792
|
+
padding-inline-end: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineEnd);
|
|
10793
|
+
text-align: var(--pf-v6-c-multiple-file-upload__main--TextAlign);
|
|
10794
|
+
border: var(--pf-v6-c-multiple-file-upload__main--BorderWidth) var(--pf-v6-c-multiple-file-upload__main--BorderStyle) var(--pf-v6-c-multiple-file-upload__main--BorderColor);
|
|
10795
|
+
border-radius: var(--pf-v6-c-multiple-file-upload__main--BorderRadius);
|
|
10796
|
+
}
|
|
10797
|
+
|
|
10798
|
+
.pf-v6-c-multiple-file-upload__title {
|
|
10799
|
+
display: var(--pf-v6-c-multiple-file-upload__title--Display);
|
|
10800
|
+
grid-area: title;
|
|
10801
|
+
grid-template-columns: var(--pf-v6-c-multiple-file-upload__title--GridTemplateColumns);
|
|
10802
|
+
gap: var(--pf-v6-c-multiple-file-upload__title--Gap);
|
|
10803
|
+
}
|
|
10804
|
+
|
|
10805
|
+
.pf-v6-c-multiple-file-upload__title-icon {
|
|
10806
|
+
font-size: var(--pf-v6-c-multiple-file-upload__title-icon--FontSize);
|
|
10807
|
+
color: var(--pf-v6-c-multiple-file-upload__title-icon--Color);
|
|
10808
|
+
}
|
|
10809
|
+
|
|
10810
|
+
.pf-v6-c-multiple-file-upload__title-text {
|
|
10811
|
+
font-family: var(--pf-v6-c-multiple-file-upload__title-text--FontFamily);
|
|
10812
|
+
font-size: var(--pf-v6-c-multiple-file-upload__title-text--FontSize);
|
|
10813
|
+
font-weight: var(--pf-v6-c-multiple-file-upload__title-text--FontWeight);
|
|
10814
|
+
color: var(--pf-v6-c-multiple-file-upload__title-text--Color, inherit);
|
|
10815
|
+
}
|
|
10816
|
+
|
|
10817
|
+
.pf-v6-c-multiple-file-upload__title-text-separator {
|
|
10818
|
+
display: var(--pf-v6-c-multiple-file-upload__title-text-separator--Display);
|
|
10819
|
+
margin-block-start: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart);
|
|
10820
|
+
margin-block-end: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd);
|
|
10821
|
+
font-family: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily);
|
|
10822
|
+
font-size: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontSize);
|
|
10823
|
+
font-weight: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight);
|
|
10824
|
+
color: var(--pf-v6-c-multiple-file-upload__title-text-separator--Color);
|
|
10825
|
+
}
|
|
10826
|
+
|
|
10827
|
+
.pf-v6-c-multiple-file-upload__upload {
|
|
10828
|
+
grid-area: upload;
|
|
10829
|
+
}
|
|
10830
|
+
|
|
10831
|
+
.pf-v6-c-multiple-file-upload__info {
|
|
10832
|
+
grid-area: info;
|
|
10833
|
+
margin-block-start: var(--pf-v6-c-multiple-file-upload__info--MarginBlockStart);
|
|
10834
|
+
font-size: var(--pf-v6-c-multiple-file-upload__info--FontSize);
|
|
10835
|
+
color: var(--pf-v6-c-multiple-file-upload__info--Color);
|
|
10836
|
+
}
|
|
10837
|
+
|
|
10838
|
+
.pf-v6-c-multiple-file-upload__status {
|
|
10839
|
+
padding-block-start: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockStart);
|
|
10840
|
+
padding-block-end: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd);
|
|
10841
|
+
padding-inline-start: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineStart);
|
|
10842
|
+
padding-inline-end: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd);
|
|
10843
|
+
}
|
|
10844
|
+
|
|
10845
|
+
.pf-v6-c-multiple-file-upload__status,
|
|
10846
|
+
.pf-v6-c-multiple-file-upload__status-item-main {
|
|
10847
|
+
min-width: 0;
|
|
10848
|
+
}
|
|
10849
|
+
|
|
10850
|
+
.pf-v6-c-multiple-file-upload__status-progress {
|
|
10851
|
+
display: grid;
|
|
10852
|
+
grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns);
|
|
10853
|
+
gap: var(--pf-v6-c-multiple-file-upload__status-progress--Gap);
|
|
10854
|
+
}
|
|
10855
|
+
|
|
10856
|
+
.pf-v6-c-multiple-file-upload__status-progress-icon {
|
|
10857
|
+
color: var(--pf-v6-c-multiple-file-upload__status-progress-icon--Color);
|
|
10858
|
+
}
|
|
10859
|
+
|
|
10860
|
+
.pf-v6-c-multiple-file-upload__status-item {
|
|
10861
|
+
display: grid;
|
|
10862
|
+
grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns);
|
|
10863
|
+
gap: var(--pf-v6-c-multiple-file-upload__status-item--Gap);
|
|
10864
|
+
padding-block-start: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart);
|
|
10865
|
+
padding-block-end: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd);
|
|
10866
|
+
border-block-end: var(--pf-v6-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v6-c-multiple-file-upload__status-item--BorderColor);
|
|
10867
|
+
}
|
|
10868
|
+
|
|
10869
|
+
.pf-v6-c-multiple-file-upload__status-item-icon {
|
|
10870
|
+
color: var(--pf-v6-c-multiple-file-upload__status-item-icon--Color);
|
|
10657
10871
|
}
|
|
10658
10872
|
|
|
10659
|
-
.pf-v6-c-
|
|
10660
|
-
|
|
10661
|
-
|
|
10873
|
+
.pf-v6-c-multiple-file-upload__status-item-progress {
|
|
10874
|
+
display: grid;
|
|
10875
|
+
grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
|
|
10876
|
+
gap: var(--pf-v6-c-multiple-file-upload__status-item-progress--Gap);
|
|
10662
10877
|
}
|
|
10663
10878
|
|
|
10664
|
-
.pf-v6-c-
|
|
10665
|
-
|
|
10666
|
-
color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
|
|
10879
|
+
.pf-v6-c-multiple-file-upload__status-item-progress-text {
|
|
10880
|
+
color: var(--pf-v6-c-multiple-file-upload__status-item-progress-text--Color);
|
|
10667
10881
|
}
|
|
10668
10882
|
|
|
10669
|
-
.pf-v6-c-
|
|
10670
|
-
|
|
10671
|
-
color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
|
|
10883
|
+
.pf-v6-c-multiple-file-upload__status-item-progress-size {
|
|
10884
|
+
color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
|
|
10672
10885
|
}
|
|
10673
10886
|
|
|
10674
10887
|
:root,
|
|
@@ -11162,281 +11375,68 @@ ul.pf-v6-c-list {
|
|
|
11162
11375
|
}
|
|
11163
11376
|
|
|
11164
11377
|
.pf-v6-c-nav__scroll-button:last-of-type::before {
|
|
11165
|
-
border-inline-start: var(--pf-v6-c-nav__scroll-button--BorderWidth) solid var(--pf-v6-c-nav__scroll-button--BorderColor);
|
|
11166
|
-
}
|
|
11167
|
-
|
|
11168
|
-
.pf-v6-c-nav__scroll-button .pf-v6-c-button {
|
|
11169
|
-
outline-offset: var(--pf-v6-c-nav--OutlineOffset);
|
|
11170
|
-
}
|
|
11171
|
-
|
|
11172
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__scroll-button .pf-v6-c-button > * {
|
|
11173
|
-
scale: -1 1;
|
|
11174
|
-
}
|
|
11175
|
-
|
|
11176
|
-
.pf-v6-c-nav:where(.pf-m-horizontal) {
|
|
11177
|
-
padding: 0;
|
|
11178
|
-
overflow: hidden;
|
|
11179
|
-
}
|
|
11180
|
-
|
|
11181
|
-
.pf-v6-c-nav:where(.pf-m-horizontal),
|
|
11182
|
-
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__section,
|
|
11183
|
-
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__subnav,
|
|
11184
|
-
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list,
|
|
11185
|
-
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__item {
|
|
11186
|
-
display: flex;
|
|
11187
|
-
}
|
|
11188
|
-
|
|
11189
|
-
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
|
|
11190
|
-
padding-block-start: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart);
|
|
11191
|
-
padding-block-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd);
|
|
11192
|
-
padding-inline-start: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart);
|
|
11193
|
-
padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
|
|
11194
|
-
overflow-x: auto;
|
|
11195
|
-
white-space: nowrap;
|
|
11196
|
-
scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
|
|
11197
|
-
scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
|
|
11198
|
-
-webkit-overflow-scrolling: touch;
|
|
11199
|
-
scrollbar-width: none;
|
|
11200
|
-
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
11201
|
-
}
|
|
11202
|
-
|
|
11203
|
-
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
|
|
11204
|
-
display: none;
|
|
11205
|
-
}
|
|
11206
|
-
|
|
11207
|
-
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
|
|
11208
|
-
outline-offset: var(--pf-v6-c-nav--OutlineOffset);
|
|
11209
|
-
}
|
|
11210
|
-
|
|
11211
|
-
.pf-v6-c-nav:where(.pf-m-horizontal).pf-m-subnav {
|
|
11212
|
-
--pf-v6-c-nav--BackgroundColor: var(--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor);
|
|
11213
|
-
--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart);
|
|
11214
|
-
--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd);
|
|
11215
|
-
--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart);
|
|
11216
|
-
--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd);
|
|
11217
|
-
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineStart);
|
|
11218
|
-
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
|
|
11219
|
-
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
|
|
11220
|
-
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
|
|
11221
|
-
border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
|
|
11222
|
-
}
|
|
11223
|
-
|
|
11224
|
-
.pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
|
|
11225
|
-
--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart);
|
|
11226
|
-
--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
|
|
11227
|
-
}
|
|
11228
|
-
|
|
11229
|
-
:root,
|
|
11230
|
-
.pf-v6-c-multiple-file-upload {
|
|
11231
|
-
--pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
|
|
11232
|
-
--pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
|
|
11233
|
-
--pf-v6-c-multiple-file-upload__main--TextAlign: center;
|
|
11234
|
-
--pf-v6-c-multiple-file-upload__main--GridTemplateColumns: auto;
|
|
11235
|
-
--pf-v6-c-multiple-file-upload__main--GridTemplateRows: auto;
|
|
11236
|
-
--pf-v6-c-multiple-file-upload__main--GridTemplateAreas:
|
|
11237
|
-
"title"
|
|
11238
|
-
"upload"
|
|
11239
|
-
"info";
|
|
11240
|
-
--pf-v6-c-multiple-file-upload__main--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
11241
|
-
--pf-v6-c-multiple-file-upload__main--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
11242
|
-
--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
11243
|
-
--pf-v6-c-multiple-file-upload__main--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
11244
|
-
--pf-v6-c-multiple-file-upload__main--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
11245
|
-
--pf-v6-c-multiple-file-upload__main--BorderStyle: dashed;
|
|
11246
|
-
--pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-t--global--border--color--default);
|
|
11247
|
-
--pf-v6-c-multiple-file-upload__main--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
11248
|
-
--pf-v6-c-multiple-file-upload__title--Display: grid;
|
|
11249
|
-
--pf-v6-c-multiple-file-upload__title--GridTemplateColumns: auto;
|
|
11250
|
-
--pf-v6-c-multiple-file-upload__title--Gap: var(--pf-t--global--spacer--lg);
|
|
11251
|
-
--pf-v6-c-multiple-file-upload__title-text--Color: var(--pf-t--global--text--color--regular);
|
|
11252
|
-
--pf-v6-c-multiple-file-upload__title-text--FontFamily: var(--pf-t--global--font--family--heading);
|
|
11253
|
-
--pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
|
|
11254
|
-
--pf-v6-c-multiple-file-upload__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
11255
|
-
--pf-v6-c-multiple-file-upload__title-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
11256
|
-
--pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-t--global--icon--size--xl);
|
|
11257
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--Display: block;
|
|
11258
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
11259
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11260
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--Color: var(--pf-t--global--text--color--regular);
|
|
11261
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-t--global--font--family--body);
|
|
11262
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
11263
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
11264
|
-
--pf-v6-c-multiple-file-upload__info--FontSize: var(--pf-t--global--font--size--body--default);
|
|
11265
|
-
--pf-v6-c-multiple-file-upload__info--Color: var(--pf-t--global--text--color--subtle);
|
|
11266
|
-
--pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
11267
|
-
--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle: dashed;
|
|
11268
|
-
--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
11269
|
-
--pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
|
|
11270
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign: start;
|
|
11271
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
|
|
11272
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
|
|
11273
|
-
"title upload"
|
|
11274
|
-
"info upload";
|
|
11275
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
|
|
11276
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
11277
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
|
|
11278
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-t--global--spacer--sm);
|
|
11279
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
11280
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
11281
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
|
|
11282
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart: 0;
|
|
11283
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily: var(--pf-t--global--font--family--heading);
|
|
11284
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
11285
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
11286
|
-
--pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart: 0;
|
|
11287
|
-
--pf-v6-c-multiple-file-upload__status--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
11288
|
-
--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11289
|
-
--pf-v6-c-multiple-file-upload__status--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
11290
|
-
--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
11291
|
-
--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
|
|
11292
|
-
--pf-v6-c-multiple-file-upload__status-progress--Gap: var(--pf-t--global--spacer--sm);
|
|
11293
|
-
--pf-v6-c-multiple-file-upload__status-progress-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
11294
|
-
--pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
11295
|
-
--pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
11296
|
-
--pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
|
|
11297
|
-
--pf-v6-c-multiple-file-upload__status-item--Gap: var(--pf-t--global--spacer--sm);
|
|
11298
|
-
--pf-v6-c-multiple-file-upload__status-item--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
11299
|
-
--pf-v6-c-multiple-file-upload__status-item--BorderColor: var(--pf-t--global--border--color--default);
|
|
11300
|
-
--pf-v6-c-multiple-file-upload__status-item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
11301
|
-
--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
|
|
11302
|
-
--pf-v6-c-multiple-file-upload__status-item-progress--Gap: var(--pf-t--global--spacer--sm);
|
|
11303
|
-
--pf-v6-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-t--global--text--color--regular);
|
|
11304
|
-
--pf-v6-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-t--global--text--color--subtle);
|
|
11305
|
-
}
|
|
11306
|
-
|
|
11307
|
-
.pf-v6-c-multiple-file-upload {
|
|
11308
|
-
display: grid;
|
|
11309
|
-
grid-template-columns: var(--pf-v6-c-multiple-file-upload--GridTemplateColumns);
|
|
11310
|
-
gap: var(--pf-v6-c-multiple-file-upload--Gap);
|
|
11311
|
-
}
|
|
11312
|
-
|
|
11313
|
-
.pf-v6-c-multiple-file-upload.pf-m-horizontal {
|
|
11314
|
-
--pf-v6-c-multiple-file-upload--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
|
|
11315
|
-
--pf-v6-c-multiple-file-upload__main--TextAlign: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign);
|
|
11316
|
-
--pf-v6-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
|
|
11317
|
-
--pf-v6-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
|
|
11318
|
-
--pf-v6-c-multiple-file-upload__main--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--Gap);
|
|
11319
|
-
--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd);
|
|
11320
|
-
--pf-v6-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
|
|
11321
|
-
--pf-v6-c-multiple-file-upload__title--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--Gap);
|
|
11322
|
-
--pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize);
|
|
11323
|
-
--pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize);
|
|
11324
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily);
|
|
11325
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--Display: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
|
|
11326
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart);
|
|
11327
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize);
|
|
11328
|
-
--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight);
|
|
11329
|
-
--pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart);
|
|
11330
|
-
}
|
|
11331
|
-
|
|
11332
|
-
.pf-v6-c-multiple-file-upload.pf-m-drag-over {
|
|
11333
|
-
--pf-v6-c-multiple-file-upload__main--BorderStyle: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle);
|
|
11334
|
-
--pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor);
|
|
11335
|
-
}
|
|
11336
|
-
|
|
11337
|
-
.pf-v6-c-multiple-file-upload__main {
|
|
11338
|
-
display: grid;
|
|
11339
|
-
grid-template-areas: var(--pf-v6-c-multiple-file-upload__main--GridTemplateAreas);
|
|
11340
|
-
grid-template-rows: var(--pf-v6-c-multiple-file-upload__main--GridTemplateRows);
|
|
11341
|
-
grid-template-columns: var(--pf-v6-c-multiple-file-upload__main--GridTemplateColumns);
|
|
11342
|
-
gap: var(--pf-v6-c-multiple-file-upload__main--Gap);
|
|
11343
|
-
align-items: center;
|
|
11344
|
-
padding-block-start: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockStart);
|
|
11345
|
-
padding-block-end: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd);
|
|
11346
|
-
padding-inline-start: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineStart);
|
|
11347
|
-
padding-inline-end: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineEnd);
|
|
11348
|
-
text-align: var(--pf-v6-c-multiple-file-upload__main--TextAlign);
|
|
11349
|
-
border: var(--pf-v6-c-multiple-file-upload__main--BorderWidth) var(--pf-v6-c-multiple-file-upload__main--BorderStyle) var(--pf-v6-c-multiple-file-upload__main--BorderColor);
|
|
11350
|
-
border-radius: var(--pf-v6-c-multiple-file-upload__main--BorderRadius);
|
|
11351
|
-
}
|
|
11352
|
-
|
|
11353
|
-
.pf-v6-c-multiple-file-upload__title {
|
|
11354
|
-
display: var(--pf-v6-c-multiple-file-upload__title--Display);
|
|
11355
|
-
grid-area: title;
|
|
11356
|
-
grid-template-columns: var(--pf-v6-c-multiple-file-upload__title--GridTemplateColumns);
|
|
11357
|
-
gap: var(--pf-v6-c-multiple-file-upload__title--Gap);
|
|
11358
|
-
}
|
|
11359
|
-
|
|
11360
|
-
.pf-v6-c-multiple-file-upload__title-icon {
|
|
11361
|
-
font-size: var(--pf-v6-c-multiple-file-upload__title-icon--FontSize);
|
|
11362
|
-
color: var(--pf-v6-c-multiple-file-upload__title-icon--Color);
|
|
11363
|
-
}
|
|
11364
|
-
|
|
11365
|
-
.pf-v6-c-multiple-file-upload__title-text {
|
|
11366
|
-
font-family: var(--pf-v6-c-multiple-file-upload__title-text--FontFamily);
|
|
11367
|
-
font-size: var(--pf-v6-c-multiple-file-upload__title-text--FontSize);
|
|
11368
|
-
font-weight: var(--pf-v6-c-multiple-file-upload__title-text--FontWeight);
|
|
11369
|
-
color: var(--pf-v6-c-multiple-file-upload__title-text--Color, inherit);
|
|
11370
|
-
}
|
|
11371
|
-
|
|
11372
|
-
.pf-v6-c-multiple-file-upload__title-text-separator {
|
|
11373
|
-
display: var(--pf-v6-c-multiple-file-upload__title-text-separator--Display);
|
|
11374
|
-
margin-block-start: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart);
|
|
11375
|
-
margin-block-end: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd);
|
|
11376
|
-
font-family: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily);
|
|
11377
|
-
font-size: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontSize);
|
|
11378
|
-
font-weight: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight);
|
|
11379
|
-
color: var(--pf-v6-c-multiple-file-upload__title-text-separator--Color);
|
|
11380
|
-
}
|
|
11381
|
-
|
|
11382
|
-
.pf-v6-c-multiple-file-upload__upload {
|
|
11383
|
-
grid-area: upload;
|
|
11384
|
-
}
|
|
11385
|
-
|
|
11386
|
-
.pf-v6-c-multiple-file-upload__info {
|
|
11387
|
-
grid-area: info;
|
|
11388
|
-
margin-block-start: var(--pf-v6-c-multiple-file-upload__info--MarginBlockStart);
|
|
11389
|
-
font-size: var(--pf-v6-c-multiple-file-upload__info--FontSize);
|
|
11390
|
-
color: var(--pf-v6-c-multiple-file-upload__info--Color);
|
|
11391
|
-
}
|
|
11392
|
-
|
|
11393
|
-
.pf-v6-c-multiple-file-upload__status {
|
|
11394
|
-
padding-block-start: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockStart);
|
|
11395
|
-
padding-block-end: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd);
|
|
11396
|
-
padding-inline-start: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineStart);
|
|
11397
|
-
padding-inline-end: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd);
|
|
11378
|
+
border-inline-start: var(--pf-v6-c-nav__scroll-button--BorderWidth) solid var(--pf-v6-c-nav__scroll-button--BorderColor);
|
|
11398
11379
|
}
|
|
11399
11380
|
|
|
11400
|
-
.pf-v6-c-
|
|
11401
|
-
|
|
11402
|
-
min-width: 0;
|
|
11381
|
+
.pf-v6-c-nav__scroll-button .pf-v6-c-button {
|
|
11382
|
+
outline-offset: var(--pf-v6-c-nav--OutlineOffset);
|
|
11403
11383
|
}
|
|
11404
11384
|
|
|
11405
|
-
.pf-v6-c-
|
|
11406
|
-
|
|
11407
|
-
grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns);
|
|
11408
|
-
gap: var(--pf-v6-c-multiple-file-upload__status-progress--Gap);
|
|
11385
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__scroll-button .pf-v6-c-button > * {
|
|
11386
|
+
scale: -1 1;
|
|
11409
11387
|
}
|
|
11410
11388
|
|
|
11411
|
-
.pf-v6-c-
|
|
11412
|
-
|
|
11389
|
+
.pf-v6-c-nav:where(.pf-m-horizontal) {
|
|
11390
|
+
padding: 0;
|
|
11391
|
+
overflow: hidden;
|
|
11413
11392
|
}
|
|
11414
11393
|
|
|
11415
|
-
.pf-v6-c-
|
|
11416
|
-
|
|
11417
|
-
|
|
11418
|
-
|
|
11419
|
-
|
|
11420
|
-
|
|
11421
|
-
border-block-end: var(--pf-v6-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v6-c-multiple-file-upload__status-item--BorderColor);
|
|
11394
|
+
.pf-v6-c-nav:where(.pf-m-horizontal),
|
|
11395
|
+
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__section,
|
|
11396
|
+
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__subnav,
|
|
11397
|
+
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list,
|
|
11398
|
+
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__item {
|
|
11399
|
+
display: flex;
|
|
11422
11400
|
}
|
|
11423
11401
|
|
|
11424
|
-
.pf-v6-c-
|
|
11425
|
-
|
|
11402
|
+
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
|
|
11403
|
+
padding-block-start: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart);
|
|
11404
|
+
padding-block-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd);
|
|
11405
|
+
padding-inline-start: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart);
|
|
11406
|
+
padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
|
|
11407
|
+
overflow-x: auto;
|
|
11408
|
+
white-space: nowrap;
|
|
11409
|
+
scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
|
|
11410
|
+
scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
|
|
11411
|
+
-webkit-overflow-scrolling: touch;
|
|
11412
|
+
scrollbar-width: none;
|
|
11413
|
+
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
11426
11414
|
}
|
|
11427
11415
|
|
|
11428
|
-
.pf-v6-c-
|
|
11429
|
-
display:
|
|
11430
|
-
grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
|
|
11431
|
-
gap: var(--pf-v6-c-multiple-file-upload__status-item-progress--Gap);
|
|
11416
|
+
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
|
|
11417
|
+
display: none;
|
|
11432
11418
|
}
|
|
11433
11419
|
|
|
11434
|
-
.pf-v6-c-
|
|
11435
|
-
|
|
11420
|
+
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
|
|
11421
|
+
outline-offset: var(--pf-v6-c-nav--OutlineOffset);
|
|
11436
11422
|
}
|
|
11437
11423
|
|
|
11438
|
-
.pf-v6-c-
|
|
11439
|
-
|
|
11424
|
+
.pf-v6-c-nav:where(.pf-m-horizontal).pf-m-subnav {
|
|
11425
|
+
--pf-v6-c-nav--BackgroundColor: var(--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor);
|
|
11426
|
+
--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart);
|
|
11427
|
+
--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd);
|
|
11428
|
+
--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart);
|
|
11429
|
+
--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd);
|
|
11430
|
+
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineStart);
|
|
11431
|
+
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
|
|
11432
|
+
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
|
|
11433
|
+
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
|
|
11434
|
+
border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
|
|
11435
|
+
}
|
|
11436
|
+
|
|
11437
|
+
.pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
|
|
11438
|
+
--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart);
|
|
11439
|
+
--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
|
|
11440
11440
|
}
|
|
11441
11441
|
|
|
11442
11442
|
:root,
|
|
@@ -12345,64 +12345,248 @@ ul.pf-v6-c-list {
|
|
|
12345
12345
|
padding: 0;
|
|
12346
12346
|
}
|
|
12347
12347
|
}
|
|
12348
|
-
@media (min-width: 62rem) {
|
|
12349
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-lg {
|
|
12350
|
-
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12351
|
-
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12352
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12353
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12354
|
-
}
|
|
12355
|
-
.pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
|
|
12356
|
-
padding: 0;
|
|
12357
|
-
}
|
|
12348
|
+
@media (min-width: 62rem) {
|
|
12349
|
+
.pf-v6-c-page__main-section.pf-m-padding-on-lg {
|
|
12350
|
+
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12351
|
+
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12352
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12353
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12354
|
+
}
|
|
12355
|
+
.pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
|
|
12356
|
+
padding: 0;
|
|
12357
|
+
}
|
|
12358
|
+
}
|
|
12359
|
+
@media (min-width: 75rem) {
|
|
12360
|
+
.pf-v6-c-page__main-section.pf-m-padding-on-xl {
|
|
12361
|
+
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12362
|
+
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12363
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12364
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12365
|
+
}
|
|
12366
|
+
.pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
|
|
12367
|
+
padding: 0;
|
|
12368
|
+
}
|
|
12369
|
+
}
|
|
12370
|
+
@media (min-width: 90.625rem) {
|
|
12371
|
+
.pf-v6-c-page__main-section.pf-m-padding-on-2xl {
|
|
12372
|
+
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12373
|
+
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12374
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12375
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12376
|
+
}
|
|
12377
|
+
.pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
|
|
12378
|
+
padding: 0;
|
|
12379
|
+
}
|
|
12380
|
+
}
|
|
12381
|
+
.pf-v6-c-page__main-wizard {
|
|
12382
|
+
flex: 1 1;
|
|
12383
|
+
min-height: 0;
|
|
12384
|
+
background-color: var(--pf-v6-c-page__main-wizard--BackgroundColor);
|
|
12385
|
+
border-block-start: var(--pf-v6-c-page__main-wizard--BorderBlockStartWidth) solid var(--pf-v6-c-page__main-wizard--BorderBlockStartColor);
|
|
12386
|
+
}
|
|
12387
|
+
|
|
12388
|
+
.pf-v6-c-page__main-wizard:first-child {
|
|
12389
|
+
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: 0;
|
|
12390
|
+
}
|
|
12391
|
+
|
|
12392
|
+
.pf-v6-c-page__main-wizard .pf-v6-c-page__main-body {
|
|
12393
|
+
min-height: 0;
|
|
12394
|
+
}
|
|
12395
|
+
|
|
12396
|
+
.pf-v6-c-page__main-group {
|
|
12397
|
+
flex-shrink: 0;
|
|
12398
|
+
}
|
|
12399
|
+
|
|
12400
|
+
.pf-v6-c-page__drawer {
|
|
12401
|
+
grid-area: main;
|
|
12402
|
+
}
|
|
12403
|
+
|
|
12404
|
+
.pf-v6-c-page__drawer > .pf-v6-c-drawer {
|
|
12405
|
+
flex: 1 0 auto;
|
|
12406
|
+
}
|
|
12407
|
+
|
|
12408
|
+
:root,
|
|
12409
|
+
.pf-v6-c-progress {
|
|
12410
|
+
--pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
|
|
12411
|
+
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
12412
|
+
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
12413
|
+
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
12414
|
+
--pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
|
|
12415
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
12416
|
+
--pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
|
|
12417
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
12418
|
+
--pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
|
|
12419
|
+
--pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
12420
|
+
--pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
12421
|
+
--pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
12422
|
+
--pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
12423
|
+
--pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
12424
|
+
--pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
12425
|
+
--pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
|
|
12426
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
12427
|
+
--pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
|
|
12428
|
+
--pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
|
|
12429
|
+
--pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
|
|
12430
|
+
--pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
12431
|
+
--pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
12432
|
+
--pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
|
|
12433
|
+
--pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
12434
|
+
--pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
|
|
12435
|
+
}
|
|
12436
|
+
|
|
12437
|
+
.pf-v6-c-progress {
|
|
12438
|
+
display: grid;
|
|
12439
|
+
grid-template-rows: 1fr auto;
|
|
12440
|
+
grid-template-columns: auto auto;
|
|
12441
|
+
grid-gap: var(--pf-v6-c-progress--GridGap);
|
|
12442
|
+
align-items: end;
|
|
12443
|
+
}
|
|
12444
|
+
|
|
12445
|
+
.pf-v6-c-progress.pf-m-sm {
|
|
12446
|
+
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
|
|
12447
|
+
}
|
|
12448
|
+
|
|
12449
|
+
.pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
|
|
12450
|
+
font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
|
|
12451
|
+
}
|
|
12452
|
+
|
|
12453
|
+
.pf-v6-c-progress.pf-m-lg {
|
|
12454
|
+
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
|
|
12455
|
+
}
|
|
12456
|
+
|
|
12457
|
+
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
|
|
12458
|
+
display: flex;
|
|
12459
|
+
align-items: center;
|
|
12460
|
+
justify-content: center;
|
|
12461
|
+
min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
|
|
12462
|
+
}
|
|
12463
|
+
|
|
12464
|
+
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
|
|
12465
|
+
font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
|
|
12466
|
+
color: var(--pf-v6-c-progress--m-inside__measure--Color);
|
|
12467
|
+
text-align: center;
|
|
12468
|
+
}
|
|
12469
|
+
|
|
12470
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
|
|
12471
|
+
grid-column: 1/3;
|
|
12472
|
+
}
|
|
12473
|
+
|
|
12474
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
|
|
12475
|
+
grid-row: 2/3;
|
|
12476
|
+
grid-column: 2/3;
|
|
12477
|
+
align-self: center;
|
|
12478
|
+
}
|
|
12479
|
+
|
|
12480
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
|
|
12481
|
+
display: inline-block;
|
|
12482
|
+
font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
|
|
12483
|
+
}
|
|
12484
|
+
|
|
12485
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
|
|
12486
|
+
min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
|
|
12487
|
+
text-align: start;
|
|
12488
|
+
}
|
|
12489
|
+
|
|
12490
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
|
|
12491
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
|
|
12492
|
+
grid-column: 1/2;
|
|
12493
|
+
}
|
|
12494
|
+
|
|
12495
|
+
.pf-v6-c-progress.pf-m-singleline {
|
|
12496
|
+
grid-template-rows: 1fr;
|
|
12497
|
+
}
|
|
12498
|
+
|
|
12499
|
+
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
|
|
12500
|
+
display: none;
|
|
12501
|
+
}
|
|
12502
|
+
|
|
12503
|
+
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
|
|
12504
|
+
grid-row: 1/2;
|
|
12505
|
+
grid-column: 1/2;
|
|
12506
|
+
}
|
|
12507
|
+
|
|
12508
|
+
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
|
|
12509
|
+
grid-row: 1/2;
|
|
12510
|
+
grid-column: 2/3;
|
|
12511
|
+
}
|
|
12512
|
+
|
|
12513
|
+
.pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
|
|
12514
|
+
grid-template-columns: 1fr fit-content(50%);
|
|
12515
|
+
}
|
|
12516
|
+
|
|
12517
|
+
.pf-v6-c-progress.pf-m-success {
|
|
12518
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
|
|
12519
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
|
|
12520
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
|
|
12521
|
+
}
|
|
12522
|
+
|
|
12523
|
+
.pf-v6-c-progress.pf-m-warning {
|
|
12524
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
|
|
12525
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
|
|
12526
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
|
|
12527
|
+
}
|
|
12528
|
+
|
|
12529
|
+
.pf-v6-c-progress.pf-m-danger {
|
|
12530
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
|
|
12531
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
|
|
12532
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
|
|
12533
|
+
}
|
|
12534
|
+
|
|
12535
|
+
.pf-v6-c-progress__description {
|
|
12536
|
+
grid-column: 1/2;
|
|
12537
|
+
word-break: break-word;
|
|
12358
12538
|
}
|
|
12359
|
-
|
|
12360
|
-
|
|
12361
|
-
|
|
12362
|
-
|
|
12363
|
-
|
|
12364
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12365
|
-
}
|
|
12366
|
-
.pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
|
|
12367
|
-
padding: 0;
|
|
12368
|
-
}
|
|
12539
|
+
|
|
12540
|
+
.pf-v6-c-progress__description.pf-m-truncate {
|
|
12541
|
+
overflow: hidden;
|
|
12542
|
+
text-overflow: ellipsis;
|
|
12543
|
+
white-space: nowrap;
|
|
12369
12544
|
}
|
|
12370
|
-
|
|
12371
|
-
|
|
12372
|
-
|
|
12373
|
-
|
|
12374
|
-
|
|
12375
|
-
|
|
12376
|
-
|
|
12377
|
-
|
|
12378
|
-
|
|
12379
|
-
|
|
12545
|
+
|
|
12546
|
+
.pf-v6-c-progress__status {
|
|
12547
|
+
display: flex;
|
|
12548
|
+
grid-row: 1/2;
|
|
12549
|
+
grid-column: 2/3;
|
|
12550
|
+
gap: var(--pf-v6-c-progress__status--Gap);
|
|
12551
|
+
align-items: flex-start;
|
|
12552
|
+
justify-content: flex-end;
|
|
12553
|
+
text-align: end;
|
|
12554
|
+
word-break: break-word;
|
|
12380
12555
|
}
|
|
12381
|
-
|
|
12382
|
-
|
|
12383
|
-
|
|
12384
|
-
background-color: var(--pf-v6-c-page__main-wizard--BackgroundColor);
|
|
12385
|
-
border-block-start: var(--pf-v6-c-page__main-wizard--BorderBlockStartWidth) solid var(--pf-v6-c-page__main-wizard--BorderBlockStartColor);
|
|
12556
|
+
|
|
12557
|
+
.pf-v6-c-progress__status-icon {
|
|
12558
|
+
color: var(--pf-v6-c-progress__status-icon--Color);
|
|
12386
12559
|
}
|
|
12387
12560
|
|
|
12388
|
-
.pf-v6-c-
|
|
12389
|
-
|
|
12561
|
+
.pf-v6-c-progress__bar::before,
|
|
12562
|
+
.pf-v6-c-progress__indicator {
|
|
12563
|
+
inset-block-start: 0;
|
|
12564
|
+
inset-inline-start: 0;
|
|
12390
12565
|
}
|
|
12391
12566
|
|
|
12392
|
-
.pf-v6-c-
|
|
12393
|
-
|
|
12567
|
+
.pf-v6-c-progress__bar {
|
|
12568
|
+
position: relative;
|
|
12569
|
+
grid-row: 2/3;
|
|
12570
|
+
grid-column: 1/3;
|
|
12571
|
+
align-self: center;
|
|
12572
|
+
height: var(--pf-v6-c-progress__bar--Height);
|
|
12573
|
+
background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
|
|
12394
12574
|
}
|
|
12395
12575
|
|
|
12396
|
-
.pf-v6-c-
|
|
12397
|
-
|
|
12576
|
+
.pf-v6-c-progress__indicator {
|
|
12577
|
+
position: absolute;
|
|
12578
|
+
height: var(--pf-v6-c-progress__indicator--Height);
|
|
12579
|
+
background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
|
|
12398
12580
|
}
|
|
12399
12581
|
|
|
12400
|
-
.pf-v6-c-
|
|
12401
|
-
grid-
|
|
12582
|
+
.pf-v6-c-progress__helper-text {
|
|
12583
|
+
grid-row: 3/4;
|
|
12584
|
+
grid-column: 1/3;
|
|
12585
|
+
margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
|
|
12402
12586
|
}
|
|
12403
12587
|
|
|
12404
|
-
.pf-v6-c-
|
|
12405
|
-
|
|
12588
|
+
.pf-v6-c-progress__measure {
|
|
12589
|
+
font-variant-numeric: tabular-nums;
|
|
12406
12590
|
}
|
|
12407
12591
|
|
|
12408
12592
|
:root,
|
|
@@ -12957,224 +13141,40 @@ ul.pf-v6-c-list {
|
|
|
12957
13141
|
bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
|
|
12958
13142
|
left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
|
|
12959
13143
|
width: var(--pf-v6-c-popover__arrow--Width);
|
|
12960
|
-
height: var(--pf-v6-c-popover__arrow--Height);
|
|
12961
|
-
pointer-events: none;
|
|
12962
|
-
background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
|
|
12963
|
-
box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
|
|
12964
|
-
transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
|
|
12965
|
-
}
|
|
12966
|
-
|
|
12967
|
-
.pf-v6-c-popover__header {
|
|
12968
|
-
margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
|
|
12969
|
-
}
|
|
12970
|
-
|
|
12971
|
-
.pf-v6-c-popover__title {
|
|
12972
|
-
display: flex;
|
|
12973
|
-
flex: 0 0 auto;
|
|
12974
|
-
}
|
|
12975
|
-
|
|
12976
|
-
.pf-v6-c-popover__title-icon {
|
|
12977
|
-
margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
|
|
12978
|
-
font-size: var(--pf-v6-c-popover__title-icon--FontSize);
|
|
12979
|
-
color: var(--pf-v6-c-popover__title-icon--Color);
|
|
12980
|
-
}
|
|
12981
|
-
|
|
12982
|
-
.pf-v6-c-popover__title-text {
|
|
12983
|
-
font-size: var(--pf-v6-c-popover__title-text--FontSize);
|
|
12984
|
-
font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
|
|
12985
|
-
color: var(--pf-v6-c-popover__title-text--Color);
|
|
12986
|
-
}
|
|
12987
|
-
|
|
12988
|
-
.pf-v6-c-popover__body {
|
|
12989
|
-
word-wrap: break-word;
|
|
12990
|
-
}
|
|
12991
|
-
|
|
12992
|
-
.pf-v6-c-popover__footer {
|
|
12993
|
-
margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
|
|
12994
|
-
}
|
|
12995
|
-
|
|
12996
|
-
:root,
|
|
12997
|
-
.pf-v6-c-progress {
|
|
12998
|
-
--pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
|
|
12999
|
-
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
13000
|
-
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
13001
|
-
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
13002
|
-
--pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
|
|
13003
|
-
--pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
13004
|
-
--pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
|
|
13005
|
-
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
13006
|
-
--pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
|
|
13007
|
-
--pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
13008
|
-
--pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
13009
|
-
--pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
13010
|
-
--pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
13011
|
-
--pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
13012
|
-
--pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
13013
|
-
--pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
|
|
13014
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
13015
|
-
--pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
|
|
13016
|
-
--pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
|
|
13017
|
-
--pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
|
|
13018
|
-
--pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
13019
|
-
--pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
13020
|
-
--pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
|
|
13021
|
-
--pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
13022
|
-
--pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
|
|
13023
|
-
}
|
|
13024
|
-
|
|
13025
|
-
.pf-v6-c-progress {
|
|
13026
|
-
display: grid;
|
|
13027
|
-
grid-template-rows: 1fr auto;
|
|
13028
|
-
grid-template-columns: auto auto;
|
|
13029
|
-
grid-gap: var(--pf-v6-c-progress--GridGap);
|
|
13030
|
-
align-items: end;
|
|
13031
|
-
}
|
|
13032
|
-
|
|
13033
|
-
.pf-v6-c-progress.pf-m-sm {
|
|
13034
|
-
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
|
|
13035
|
-
}
|
|
13036
|
-
|
|
13037
|
-
.pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
|
|
13038
|
-
font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
|
|
13039
|
-
}
|
|
13040
|
-
|
|
13041
|
-
.pf-v6-c-progress.pf-m-lg {
|
|
13042
|
-
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
|
|
13043
|
-
}
|
|
13044
|
-
|
|
13045
|
-
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
|
|
13046
|
-
display: flex;
|
|
13047
|
-
align-items: center;
|
|
13048
|
-
justify-content: center;
|
|
13049
|
-
min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
|
|
13050
|
-
}
|
|
13051
|
-
|
|
13052
|
-
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
|
|
13053
|
-
font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
|
|
13054
|
-
color: var(--pf-v6-c-progress--m-inside__measure--Color);
|
|
13055
|
-
text-align: center;
|
|
13056
|
-
}
|
|
13057
|
-
|
|
13058
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
|
|
13059
|
-
grid-column: 1/3;
|
|
13060
|
-
}
|
|
13061
|
-
|
|
13062
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
|
|
13063
|
-
grid-row: 2/3;
|
|
13064
|
-
grid-column: 2/3;
|
|
13065
|
-
align-self: center;
|
|
13066
|
-
}
|
|
13067
|
-
|
|
13068
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
|
|
13069
|
-
display: inline-block;
|
|
13070
|
-
font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
|
|
13071
|
-
}
|
|
13072
|
-
|
|
13073
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
|
|
13074
|
-
min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
|
|
13075
|
-
text-align: start;
|
|
13076
|
-
}
|
|
13077
|
-
|
|
13078
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
|
|
13079
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
|
|
13080
|
-
grid-column: 1/2;
|
|
13081
|
-
}
|
|
13082
|
-
|
|
13083
|
-
.pf-v6-c-progress.pf-m-singleline {
|
|
13084
|
-
grid-template-rows: 1fr;
|
|
13085
|
-
}
|
|
13086
|
-
|
|
13087
|
-
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
|
|
13088
|
-
display: none;
|
|
13089
|
-
}
|
|
13090
|
-
|
|
13091
|
-
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
|
|
13092
|
-
grid-row: 1/2;
|
|
13093
|
-
grid-column: 1/2;
|
|
13094
|
-
}
|
|
13095
|
-
|
|
13096
|
-
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
|
|
13097
|
-
grid-row: 1/2;
|
|
13098
|
-
grid-column: 2/3;
|
|
13099
|
-
}
|
|
13100
|
-
|
|
13101
|
-
.pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
|
|
13102
|
-
grid-template-columns: 1fr fit-content(50%);
|
|
13103
|
-
}
|
|
13104
|
-
|
|
13105
|
-
.pf-v6-c-progress.pf-m-success {
|
|
13106
|
-
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
|
|
13107
|
-
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
|
|
13108
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
|
|
13109
|
-
}
|
|
13110
|
-
|
|
13111
|
-
.pf-v6-c-progress.pf-m-warning {
|
|
13112
|
-
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
|
|
13113
|
-
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
|
|
13114
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
|
|
13115
|
-
}
|
|
13116
|
-
|
|
13117
|
-
.pf-v6-c-progress.pf-m-danger {
|
|
13118
|
-
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
|
|
13119
|
-
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
|
|
13120
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
|
|
13121
|
-
}
|
|
13122
|
-
|
|
13123
|
-
.pf-v6-c-progress__description {
|
|
13124
|
-
grid-column: 1/2;
|
|
13125
|
-
word-break: break-word;
|
|
13144
|
+
height: var(--pf-v6-c-popover__arrow--Height);
|
|
13145
|
+
pointer-events: none;
|
|
13146
|
+
background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
|
|
13147
|
+
box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
|
|
13148
|
+
transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
|
|
13126
13149
|
}
|
|
13127
13150
|
|
|
13128
|
-
.pf-v6-c-
|
|
13129
|
-
|
|
13130
|
-
text-overflow: ellipsis;
|
|
13131
|
-
white-space: nowrap;
|
|
13151
|
+
.pf-v6-c-popover__header {
|
|
13152
|
+
margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
|
|
13132
13153
|
}
|
|
13133
13154
|
|
|
13134
|
-
.pf-v6-c-
|
|
13155
|
+
.pf-v6-c-popover__title {
|
|
13135
13156
|
display: flex;
|
|
13136
|
-
|
|
13137
|
-
grid-column: 2/3;
|
|
13138
|
-
gap: var(--pf-v6-c-progress__status--Gap);
|
|
13139
|
-
align-items: flex-start;
|
|
13140
|
-
justify-content: flex-end;
|
|
13141
|
-
text-align: end;
|
|
13142
|
-
word-break: break-word;
|
|
13143
|
-
}
|
|
13144
|
-
|
|
13145
|
-
.pf-v6-c-progress__status-icon {
|
|
13146
|
-
color: var(--pf-v6-c-progress__status-icon--Color);
|
|
13147
|
-
}
|
|
13148
|
-
|
|
13149
|
-
.pf-v6-c-progress__bar::before,
|
|
13150
|
-
.pf-v6-c-progress__indicator {
|
|
13151
|
-
inset-block-start: 0;
|
|
13152
|
-
inset-inline-start: 0;
|
|
13157
|
+
flex: 0 0 auto;
|
|
13153
13158
|
}
|
|
13154
13159
|
|
|
13155
|
-
.pf-v6-c-
|
|
13156
|
-
|
|
13157
|
-
|
|
13158
|
-
|
|
13159
|
-
align-self: center;
|
|
13160
|
-
height: var(--pf-v6-c-progress__bar--Height);
|
|
13161
|
-
background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
|
|
13160
|
+
.pf-v6-c-popover__title-icon {
|
|
13161
|
+
margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
|
|
13162
|
+
font-size: var(--pf-v6-c-popover__title-icon--FontSize);
|
|
13163
|
+
color: var(--pf-v6-c-popover__title-icon--Color);
|
|
13162
13164
|
}
|
|
13163
13165
|
|
|
13164
|
-
.pf-v6-c-
|
|
13165
|
-
|
|
13166
|
-
|
|
13167
|
-
|
|
13166
|
+
.pf-v6-c-popover__title-text {
|
|
13167
|
+
font-size: var(--pf-v6-c-popover__title-text--FontSize);
|
|
13168
|
+
font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
|
|
13169
|
+
color: var(--pf-v6-c-popover__title-text--Color);
|
|
13168
13170
|
}
|
|
13169
13171
|
|
|
13170
|
-
.pf-v6-c-
|
|
13171
|
-
|
|
13172
|
-
grid-column: 1/3;
|
|
13173
|
-
margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
|
|
13172
|
+
.pf-v6-c-popover__body {
|
|
13173
|
+
word-wrap: break-word;
|
|
13174
13174
|
}
|
|
13175
13175
|
|
|
13176
|
-
.pf-v6-c-
|
|
13177
|
-
|
|
13176
|
+
.pf-v6-c-popover__footer {
|
|
13177
|
+
margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
|
|
13178
13178
|
}
|
|
13179
13179
|
|
|
13180
13180
|
:root,
|
|
@@ -19657,6 +19657,20 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
19657
19657
|
direction: rtl;
|
|
19658
19658
|
}
|
|
19659
19659
|
}
|
|
19660
|
+
:root,
|
|
19661
|
+
.pf-v6-l-bullseye {
|
|
19662
|
+
--pf-v6-l-bullseye--Padding: 0;
|
|
19663
|
+
}
|
|
19664
|
+
|
|
19665
|
+
.pf-v6-l-bullseye {
|
|
19666
|
+
display: flex;
|
|
19667
|
+
align-items: center;
|
|
19668
|
+
justify-content: center;
|
|
19669
|
+
height: 100%;
|
|
19670
|
+
padding: var(--pf-v6-l-bullseye--Padding);
|
|
19671
|
+
margin: 0;
|
|
19672
|
+
}
|
|
19673
|
+
|
|
19660
19674
|
:root,
|
|
19661
19675
|
.pf-v6-l-flex {
|
|
19662
19676
|
--pf-v6-l-flex--Display: flex;
|
|
@@ -22155,19 +22169,78 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
22155
22169
|
}
|
|
22156
22170
|
}
|
|
22157
22171
|
:root,
|
|
22158
|
-
.pf-v6-l-
|
|
22159
|
-
--pf-v6-l-
|
|
22172
|
+
.pf-v6-l-gallery {
|
|
22173
|
+
--pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
|
|
22174
|
+
--pf-v6-l-gallery--GridTemplateColumns--min: 250px;
|
|
22175
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
22176
|
+
--pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
|
|
22177
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
22178
|
+
--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)));
|
|
22179
|
+
--pf-v6-l-gallery--GridTemplateRows: auto;
|
|
22160
22180
|
}
|
|
22161
22181
|
|
|
22162
|
-
.pf-v6-l-
|
|
22163
|
-
display:
|
|
22164
|
-
|
|
22165
|
-
|
|
22166
|
-
|
|
22167
|
-
|
|
22168
|
-
|
|
22182
|
+
.pf-v6-l-gallery {
|
|
22183
|
+
display: grid;
|
|
22184
|
+
grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
|
|
22185
|
+
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
22186
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
22187
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
22188
|
+
}
|
|
22189
|
+
|
|
22190
|
+
.pf-v6-l-gallery.pf-m-gutter {
|
|
22191
|
+
grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
22169
22192
|
}
|
|
22170
22193
|
|
|
22194
|
+
@media (min-width: 36rem) {
|
|
22195
|
+
.pf-v6-l-gallery {
|
|
22196
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
|
|
22197
|
+
}
|
|
22198
|
+
}
|
|
22199
|
+
@media (min-width: 48rem) {
|
|
22200
|
+
.pf-v6-l-gallery {
|
|
22201
|
+
--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)));
|
|
22202
|
+
}
|
|
22203
|
+
}
|
|
22204
|
+
@media (min-width: 62rem) {
|
|
22205
|
+
.pf-v6-l-gallery {
|
|
22206
|
+
--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))));
|
|
22207
|
+
}
|
|
22208
|
+
}
|
|
22209
|
+
@media (min-width: 75rem) {
|
|
22210
|
+
.pf-v6-l-gallery {
|
|
22211
|
+
--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)))));
|
|
22212
|
+
}
|
|
22213
|
+
}
|
|
22214
|
+
@media (min-width: 90.625rem) {
|
|
22215
|
+
.pf-v6-l-gallery {
|
|
22216
|
+
--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))))));
|
|
22217
|
+
}
|
|
22218
|
+
}
|
|
22219
|
+
@media (min-width: 36rem) {
|
|
22220
|
+
.pf-v6-l-gallery {
|
|
22221
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
|
|
22222
|
+
}
|
|
22223
|
+
}
|
|
22224
|
+
@media (min-width: 48rem) {
|
|
22225
|
+
.pf-v6-l-gallery {
|
|
22226
|
+
--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)));
|
|
22227
|
+
}
|
|
22228
|
+
}
|
|
22229
|
+
@media (min-width: 62rem) {
|
|
22230
|
+
.pf-v6-l-gallery {
|
|
22231
|
+
--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))));
|
|
22232
|
+
}
|
|
22233
|
+
}
|
|
22234
|
+
@media (min-width: 75rem) {
|
|
22235
|
+
.pf-v6-l-gallery {
|
|
22236
|
+
--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)))));
|
|
22237
|
+
}
|
|
22238
|
+
}
|
|
22239
|
+
@media (min-width: 90.625rem) {
|
|
22240
|
+
.pf-v6-l-gallery {
|
|
22241
|
+
--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))))));
|
|
22242
|
+
}
|
|
22243
|
+
}
|
|
22171
22244
|
:root,
|
|
22172
22245
|
.pf-v6-c-about-modal-box {
|
|
22173
22246
|
--pf-v6-c-about-modal-box--BackgroundImage: none;
|
|
@@ -22369,79 +22442,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
22369
22442
|
font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
|
|
22370
22443
|
}
|
|
22371
22444
|
|
|
22372
|
-
:root,
|
|
22373
|
-
.pf-v6-l-gallery {
|
|
22374
|
-
--pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
|
|
22375
|
-
--pf-v6-l-gallery--GridTemplateColumns--min: 250px;
|
|
22376
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
22377
|
-
--pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
|
|
22378
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
22379
|
-
--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)));
|
|
22380
|
-
--pf-v6-l-gallery--GridTemplateRows: auto;
|
|
22381
|
-
}
|
|
22382
|
-
|
|
22383
|
-
.pf-v6-l-gallery {
|
|
22384
|
-
display: grid;
|
|
22385
|
-
grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
|
|
22386
|
-
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
22387
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
22388
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
22389
|
-
}
|
|
22390
|
-
|
|
22391
|
-
.pf-v6-l-gallery.pf-m-gutter {
|
|
22392
|
-
grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
22393
|
-
}
|
|
22394
|
-
|
|
22395
|
-
@media (min-width: 36rem) {
|
|
22396
|
-
.pf-v6-l-gallery {
|
|
22397
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
|
|
22398
|
-
}
|
|
22399
|
-
}
|
|
22400
|
-
@media (min-width: 48rem) {
|
|
22401
|
-
.pf-v6-l-gallery {
|
|
22402
|
-
--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)));
|
|
22403
|
-
}
|
|
22404
|
-
}
|
|
22405
|
-
@media (min-width: 62rem) {
|
|
22406
|
-
.pf-v6-l-gallery {
|
|
22407
|
-
--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))));
|
|
22408
|
-
}
|
|
22409
|
-
}
|
|
22410
|
-
@media (min-width: 75rem) {
|
|
22411
|
-
.pf-v6-l-gallery {
|
|
22412
|
-
--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)))));
|
|
22413
|
-
}
|
|
22414
|
-
}
|
|
22415
|
-
@media (min-width: 90.625rem) {
|
|
22416
|
-
.pf-v6-l-gallery {
|
|
22417
|
-
--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))))));
|
|
22418
|
-
}
|
|
22419
|
-
}
|
|
22420
|
-
@media (min-width: 36rem) {
|
|
22421
|
-
.pf-v6-l-gallery {
|
|
22422
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
|
|
22423
|
-
}
|
|
22424
|
-
}
|
|
22425
|
-
@media (min-width: 48rem) {
|
|
22426
|
-
.pf-v6-l-gallery {
|
|
22427
|
-
--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)));
|
|
22428
|
-
}
|
|
22429
|
-
}
|
|
22430
|
-
@media (min-width: 62rem) {
|
|
22431
|
-
.pf-v6-l-gallery {
|
|
22432
|
-
--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))));
|
|
22433
|
-
}
|
|
22434
|
-
}
|
|
22435
|
-
@media (min-width: 75rem) {
|
|
22436
|
-
.pf-v6-l-gallery {
|
|
22437
|
-
--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)))));
|
|
22438
|
-
}
|
|
22439
|
-
}
|
|
22440
|
-
@media (min-width: 90.625rem) {
|
|
22441
|
-
.pf-v6-l-gallery {
|
|
22442
|
-
--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))))));
|
|
22443
|
-
}
|
|
22444
|
-
}
|
|
22445
22445
|
:root,
|
|
22446
22446
|
.pf-v6-l-grid {
|
|
22447
22447
|
--pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
|
|
@@ -23430,22 +23430,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23430
23430
|
grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
23431
23431
|
}
|
|
23432
23432
|
|
|
23433
|
-
:root,
|
|
23434
|
-
.pf-v6-l-level {
|
|
23435
|
-
--pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
23436
|
-
}
|
|
23437
|
-
|
|
23438
|
-
.pf-v6-l-level {
|
|
23439
|
-
display: flex;
|
|
23440
|
-
flex-wrap: wrap;
|
|
23441
|
-
align-items: center;
|
|
23442
|
-
justify-content: space-between;
|
|
23443
|
-
}
|
|
23444
|
-
|
|
23445
|
-
.pf-v6-l-level.pf-m-gutter {
|
|
23446
|
-
gap: var(--pf-v6-l-level--m-gutter--Gap);
|
|
23447
|
-
}
|
|
23448
|
-
|
|
23449
23433
|
:root,
|
|
23450
23434
|
.pf-v6-l-split {
|
|
23451
23435
|
--pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
@@ -23469,6 +23453,22 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23469
23453
|
gap: var(--pf-v6-l-stack--m-gutter--Gap);
|
|
23470
23454
|
}
|
|
23471
23455
|
|
|
23456
|
+
:root,
|
|
23457
|
+
.pf-v6-l-level {
|
|
23458
|
+
--pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
23459
|
+
}
|
|
23460
|
+
|
|
23461
|
+
.pf-v6-l-level {
|
|
23462
|
+
display: flex;
|
|
23463
|
+
flex-wrap: wrap;
|
|
23464
|
+
align-items: center;
|
|
23465
|
+
justify-content: space-between;
|
|
23466
|
+
}
|
|
23467
|
+
|
|
23468
|
+
.pf-v6-l-level.pf-m-gutter {
|
|
23469
|
+
gap: var(--pf-v6-l-level--m-gutter--Gap);
|
|
23470
|
+
}
|
|
23471
|
+
|
|
23472
23472
|
:root,
|
|
23473
23473
|
.pf-v6-l-stack {
|
|
23474
23474
|
--pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|