@patternfly/react-core 6.1.0-prerelease.10 → 6.1.0-prerelease.12
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 +10 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/AboutModal/package.json +1 -1
- package/dist/dynamic/components/Accordion/package.json +1 -1
- package/dist/dynamic/components/ActionList/package.json +1 -1
- package/dist/dynamic/components/Alert/package.json +1 -1
- package/dist/dynamic/components/Avatar/package.json +1 -1
- package/dist/dynamic/components/BackToTop/package.json +1 -1
- package/dist/dynamic/components/Backdrop/package.json +1 -1
- package/dist/dynamic/components/BackgroundImage/package.json +1 -1
- package/dist/dynamic/components/Badge/package.json +1 -1
- package/dist/dynamic/components/Banner/package.json +1 -1
- package/dist/dynamic/components/Brand/package.json +1 -1
- package/dist/dynamic/components/Breadcrumb/package.json +1 -1
- package/dist/dynamic/components/Button/package.json +1 -1
- package/dist/dynamic/components/CalendarMonth/package.json +1 -1
- package/dist/dynamic/components/Card/package.json +1 -1
- package/dist/dynamic/components/Checkbox/package.json +1 -1
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
- package/dist/dynamic/components/CodeBlock/package.json +1 -1
- package/dist/dynamic/components/Content/package.json +1 -1
- package/dist/dynamic/components/DataList/package.json +1 -1
- package/dist/dynamic/components/DatePicker/package.json +1 -1
- package/dist/dynamic/components/DescriptionList/package.json +1 -1
- package/dist/dynamic/components/Divider/package.json +1 -1
- package/dist/dynamic/components/Drawer/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/components/EmptyState/package.json +1 -1
- package/dist/dynamic/components/ExpandableSection/package.json +1 -1
- package/dist/dynamic/components/FileUpload/package.json +1 -1
- package/dist/dynamic/components/Form/package.json +1 -1
- package/dist/dynamic/components/FormSelect/package.json +1 -1
- package/dist/dynamic/components/HelperText/package.json +1 -1
- package/dist/dynamic/components/Hint/package.json +1 -1
- package/dist/dynamic/components/Icon/package.json +1 -1
- package/dist/dynamic/components/InputGroup/package.json +1 -1
- package/dist/dynamic/components/JumpLinks/package.json +1 -1
- package/dist/dynamic/components/Label/package.json +1 -1
- package/dist/dynamic/components/List/package.json +1 -1
- package/dist/dynamic/components/LoginPage/package.json +1 -1
- package/dist/dynamic/components/Masthead/package.json +1 -1
- package/dist/dynamic/components/Menu/package.json +1 -1
- package/dist/dynamic/components/MenuToggle/package.json +1 -1
- package/dist/dynamic/components/Modal/package.json +1 -1
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
- package/dist/dynamic/components/Nav/package.json +1 -1
- package/dist/dynamic/components/NotificationBadge/package.json +1 -1
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
- package/dist/dynamic/components/NumberInput/package.json +1 -1
- package/dist/dynamic/components/OverflowMenu/package.json +1 -1
- package/dist/dynamic/components/Page/package.json +1 -1
- package/dist/dynamic/components/Pagination/package.json +1 -1
- package/dist/dynamic/components/Panel/package.json +1 -1
- package/dist/dynamic/components/Popover/package.json +1 -1
- package/dist/dynamic/components/Progress/package.json +1 -1
- package/dist/dynamic/components/ProgressStepper/package.json +1 -1
- package/dist/dynamic/components/Radio/package.json +1 -1
- package/dist/dynamic/components/SearchInput/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic/components/Sidebar/package.json +1 -1
- package/dist/dynamic/components/SimpleList/package.json +1 -1
- package/dist/dynamic/components/Skeleton/package.json +1 -1
- package/dist/dynamic/components/SkipToContent/package.json +1 -1
- package/dist/dynamic/components/Slider/package.json +1 -1
- package/dist/dynamic/components/Spinner/package.json +1 -1
- package/dist/dynamic/components/Switch/package.json +1 -1
- package/dist/dynamic/components/Tabs/package.json +1 -1
- package/dist/dynamic/components/TextArea/package.json +1 -1
- package/dist/dynamic/components/TextInput/package.json +1 -1
- package/dist/dynamic/components/TextInputGroup/package.json +1 -1
- package/dist/dynamic/components/TimePicker/package.json +1 -1
- package/dist/dynamic/components/Timestamp/package.json +1 -1
- package/dist/dynamic/components/Title/package.json +1 -1
- package/dist/dynamic/components/ToggleGroup/package.json +1 -1
- package/dist/dynamic/components/Toolbar/package.json +1 -1
- package/dist/dynamic/components/Tooltip/package.json +1 -1
- package/dist/dynamic/components/TreeView/package.json +1 -1
- package/dist/dynamic/components/Truncate/package.json +1 -1
- package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
- package/dist/dynamic/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
- package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
- package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
- package/dist/dynamic/deprecated/components/Tile/package.json +1 -1
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
- package/dist/dynamic/helpers/constants/package.json +1 -1
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
- package/dist/dynamic/helpers/fileUtils/package.json +1 -1
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
- package/dist/dynamic/helpers/package.json +1 -1
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
- package/dist/dynamic/helpers/typeUtils/package.json +1 -1
- package/dist/dynamic/helpers/useInterval/package.json +1 -1
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
- package/dist/dynamic/helpers/util/package.json +1 -1
- package/dist/dynamic/layouts/Bullseye/package.json +1 -1
- package/dist/dynamic/layouts/Flex/package.json +1 -1
- package/dist/dynamic/layouts/Gallery/package.json +1 -1
- package/dist/dynamic/layouts/Grid/package.json +1 -1
- package/dist/dynamic/layouts/Level/package.json +1 -1
- package/dist/dynamic/layouts/Split/package.json +1 -1
- package/dist/dynamic/layouts/Stack/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/umd/assets/{output-K5btXEZY.css → output-DWQCA4PN.css} +1622 -1622
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +6 -6
- package/src/demos/CustomMenus/examples/DrilldownMenuDemo.tsx +1 -1
|
@@ -4,38 +4,6 @@
|
|
|
4
4
|
pointer-events: none;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.pf-v6-c-action-list {
|
|
8
|
-
--pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
9
|
-
--pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
|
|
10
|
-
--pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
11
|
-
--pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.pf-v6-c-action-list,
|
|
15
|
-
.pf-v6-c-action-list__group {
|
|
16
|
-
display: flex;
|
|
17
|
-
align-items: start;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.pf-v6-c-action-list {
|
|
21
|
-
row-gap: var(--pf-v6-c-action-list--RowGap);
|
|
22
|
-
column-gap: var(--pf-v6-c-action-list--ColumnGap);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.pf-v6-c-action-list.pf-m-icons {
|
|
26
|
-
--pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
27
|
-
column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.pf-v6-c-action-list__group {
|
|
31
|
-
row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
|
|
32
|
-
column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.pf-v6-c-action-list__group.pf-m-icons {
|
|
36
|
-
column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
7
|
.pf-v6-c-accordion {
|
|
40
8
|
--pf-v6-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
41
9
|
--pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
|
|
@@ -198,6 +166,38 @@
|
|
|
198
166
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart);
|
|
199
167
|
}
|
|
200
168
|
|
|
169
|
+
.pf-v6-c-action-list {
|
|
170
|
+
--pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
171
|
+
--pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
|
|
172
|
+
--pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
173
|
+
--pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
.pf-v6-c-action-list,
|
|
177
|
+
.pf-v6-c-action-list__group {
|
|
178
|
+
display: flex;
|
|
179
|
+
align-items: start;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
.pf-v6-c-action-list {
|
|
183
|
+
row-gap: var(--pf-v6-c-action-list--RowGap);
|
|
184
|
+
column-gap: var(--pf-v6-c-action-list--ColumnGap);
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.pf-v6-c-action-list.pf-m-icons {
|
|
188
|
+
--pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
189
|
+
column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.pf-v6-c-action-list__group {
|
|
193
|
+
row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
|
|
194
|
+
column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.pf-v6-c-action-list__group.pf-m-icons {
|
|
198
|
+
column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
199
|
+
}
|
|
200
|
+
|
|
201
201
|
.pf-v6-c-alert {
|
|
202
202
|
--pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
203
203
|
--pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
@@ -1786,134 +1786,354 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
1786
1786
|
align-items: center;
|
|
1787
1787
|
}
|
|
1788
1788
|
|
|
1789
|
-
.pf-v6-c-
|
|
1790
|
-
--pf-v6-c-
|
|
1791
|
-
--pf-v6-c-
|
|
1792
|
-
--pf-v6-c-
|
|
1793
|
-
--pf-v6-c-
|
|
1794
|
-
--pf-v6-c-
|
|
1795
|
-
--pf-v6-c-
|
|
1796
|
-
--pf-v6-c-
|
|
1797
|
-
--pf-v6-c-
|
|
1798
|
-
--pf-v6-c-
|
|
1799
|
-
--pf-v6-c-
|
|
1800
|
-
--pf-v6-c-
|
|
1801
|
-
--pf-v6-c-
|
|
1802
|
-
--pf-v6-c-
|
|
1803
|
-
--pf-v6-c-
|
|
1804
|
-
--pf-v6-c-
|
|
1805
|
-
--pf-v6-c-
|
|
1806
|
-
--pf-v6-c-
|
|
1807
|
-
--pf-v6-c-
|
|
1808
|
-
--pf-v6-c-
|
|
1809
|
-
--pf-v6-c-
|
|
1810
|
-
--pf-v6-c-
|
|
1811
|
-
--pf-v6-c-
|
|
1812
|
-
--pf-v6-c-
|
|
1813
|
-
--pf-v6-c-
|
|
1814
|
-
--pf-v6-c-
|
|
1815
|
-
--pf-v6-c-
|
|
1816
|
-
--pf-v6-c-
|
|
1817
|
-
--pf-v6-c-
|
|
1818
|
-
--pf-v6-c-
|
|
1819
|
-
--pf-v6-c-
|
|
1820
|
-
--pf-v6-c-
|
|
1821
|
-
--pf-v6-c-
|
|
1822
|
-
--pf-v6-c-
|
|
1823
|
-
--pf-v6-c-
|
|
1824
|
-
--pf-v6-c-
|
|
1825
|
-
--pf-v6-c-
|
|
1826
|
-
--pf-v6-c-
|
|
1827
|
-
--pf-v6-c-
|
|
1828
|
-
--pf-v6-c-
|
|
1829
|
-
--pf-v6-c-
|
|
1830
|
-
--pf-v6-c-
|
|
1831
|
-
--pf-v6-c-
|
|
1832
|
-
--pf-v6-c-
|
|
1833
|
-
--pf-v6-c-
|
|
1834
|
-
--pf-v6-c-
|
|
1835
|
-
--pf-v6-c-
|
|
1836
|
-
--pf-v6-c-
|
|
1837
|
-
--pf-v6-c-
|
|
1838
|
-
--pf-v6-c-
|
|
1839
|
-
--pf-v6-c-
|
|
1840
|
-
--pf-v6-c-
|
|
1841
|
-
--pf-v6-c-
|
|
1842
|
-
--pf-v6-c-
|
|
1843
|
-
--pf-v6-c-
|
|
1844
|
-
--pf-v6-c-
|
|
1845
|
-
--pf-v6-c-
|
|
1846
|
-
--pf-v6-c-
|
|
1847
|
-
--pf-v6-c-card--m-display-lg__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
1848
|
-
--pf-v6-c-card--m-display-lg__body--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
1849
|
-
--pf-v6-c-card--m-display-lg__footer--FontSize: var(--pf-t--global--font--size--body--default);
|
|
1850
|
-
--pf-v6-c-card--m-display-lg--first-child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
1851
|
-
--pf-v6-c-card--m-display-lg--child--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
1852
|
-
--pf-v6-c-card--m-display-lg--child--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
1853
|
-
--pf-v6-c-card--m-display-lg--child--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
1854
|
-
--pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
1855
|
-
--pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
1856
|
-
--pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
1857
|
-
--pf-v6-c-card--m-secondary--BorderColor: transparent;
|
|
1858
|
-
--pf-v6-c-card--m-full-height--Height: 100%;
|
|
1859
|
-
--pf-v6-c-card--m-plain--BorderColor: transparent;
|
|
1860
|
-
--pf-v6-c-card--m-plain--BackgroundColor: transparent;
|
|
1861
|
-
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
1862
|
-
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
1789
|
+
.pf-v6-c-calendar-month {
|
|
1790
|
+
--pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
1791
|
+
--pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
1792
|
+
--pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
1793
|
+
--pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
1794
|
+
--pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
1795
|
+
--pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
|
|
1796
|
+
--pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
1797
|
+
--pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
1798
|
+
--pf-v6-c-calendar-month__header-year--Width: 9ch;
|
|
1799
|
+
--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
|
|
1800
|
+
--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
|
|
1801
|
+
--pf-v6-c-calendar-month__days--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
1802
|
+
--pf-v6-c-calendar-month__days--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
1803
|
+
--pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
1804
|
+
--pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
1805
|
+
--pf-v6-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
|
|
1806
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: 0.125rem;
|
|
1807
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd: 0.125rem;
|
|
1808
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd: 0.125rem;
|
|
1809
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart: 0.125rem;
|
|
1810
|
+
--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
1811
|
+
--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
1812
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
1813
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
1814
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
1815
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
1816
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
1817
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
1818
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: 0;
|
|
1819
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
|
|
1820
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
1821
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
|
|
1822
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
1823
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
|
|
1824
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
|
|
1825
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
1826
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
1827
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
1828
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
1829
|
+
--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
|
|
1830
|
+
--pf-v6-c-calendar-month__date--Width: 4ch;
|
|
1831
|
+
--pf-v6-c-calendar-month__date--Height: 4ch;
|
|
1832
|
+
--pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
1833
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
|
|
1834
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
1835
|
+
--pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
1836
|
+
--pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
1837
|
+
--pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
1838
|
+
--pf-v6-c-calendar-month__date--after--BorderColor: transparent;
|
|
1839
|
+
--pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
|
|
1840
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
1841
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
1842
|
+
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
1843
|
+
--pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
1844
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
1845
|
+
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
1846
|
+
--pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
|
|
1863
1847
|
}
|
|
1864
1848
|
|
|
1865
|
-
.pf-v6-c-
|
|
1866
|
-
|
|
1867
|
-
display: flex;
|
|
1849
|
+
.pf-v6-c-calendar-month {
|
|
1850
|
+
display: inline-flex;
|
|
1868
1851
|
flex-direction: column;
|
|
1869
|
-
|
|
1870
|
-
|
|
1871
|
-
|
|
1872
|
-
|
|
1852
|
+
padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
|
|
1853
|
+
padding-block-end: var(--pf-v6-c-calendar-month--PaddingBlockEnd);
|
|
1854
|
+
padding-inline-start: var(--pf-v6-c-calendar-month--PaddingInlineStart);
|
|
1855
|
+
padding-inline-end: var(--pf-v6-c-calendar-month--PaddingInlineEnd);
|
|
1856
|
+
font-size: var(--pf-v6-c-calendar-month--FontSize);
|
|
1857
|
+
background-color: var(--pf-v6-c-calendar-month--BackgroundColor);
|
|
1873
1858
|
}
|
|
1874
1859
|
|
|
1875
|
-
.pf-v6-c-
|
|
1876
|
-
|
|
1877
|
-
|
|
1878
|
-
|
|
1879
|
-
content: "";
|
|
1880
|
-
border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth);
|
|
1881
|
-
border-radius: inherit;
|
|
1860
|
+
.pf-v6-c-calendar-month__header {
|
|
1861
|
+
display: flex;
|
|
1862
|
+
gap: var(--pf-v6-c-calendar-month__header--Gap);
|
|
1863
|
+
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
1882
1864
|
}
|
|
1883
1865
|
|
|
1884
|
-
.pf-v6-c-
|
|
1885
|
-
|
|
1866
|
+
.pf-v6-c-calendar-month__header-nav-control {
|
|
1867
|
+
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
1868
|
+
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
1886
1869
|
}
|
|
1887
1870
|
|
|
1888
|
-
.pf-v6-
|
|
1889
|
-
|
|
1871
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
1872
|
+
scale: -1 1;
|
|
1890
1873
|
}
|
|
1891
1874
|
|
|
1892
|
-
.pf-v6-c-
|
|
1893
|
-
|
|
1875
|
+
.pf-v6-c-calendar-month__header-month {
|
|
1876
|
+
flex-grow: 1;
|
|
1894
1877
|
}
|
|
1895
1878
|
|
|
1896
|
-
.pf-v6-c-
|
|
1897
|
-
|
|
1898
|
-
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-clickable--m-current--BorderWidth);
|
|
1899
|
-
--pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
|
|
1900
|
-
--pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
|
|
1879
|
+
.pf-v6-c-calendar-month__header-month > .pf-v6-c-menu-toggle {
|
|
1880
|
+
width: 100%;
|
|
1901
1881
|
}
|
|
1902
1882
|
|
|
1903
|
-
.pf-v6-c-
|
|
1904
|
-
|
|
1883
|
+
.pf-v6-c-calendar-month__header-year {
|
|
1884
|
+
width: var(--pf-v6-c-calendar-month__header-year--Width);
|
|
1905
1885
|
}
|
|
1906
1886
|
|
|
1907
|
-
.pf-v6-c-
|
|
1908
|
-
|
|
1909
|
-
inset: 0;
|
|
1910
|
-
cursor: pointer;
|
|
1887
|
+
.pf-v6-c-calendar-month__calendar {
|
|
1888
|
+
table-layout: fixed;
|
|
1911
1889
|
}
|
|
1912
1890
|
|
|
1913
|
-
.pf-v6-c-
|
|
1914
|
-
--pf-v6-c-
|
|
1915
|
-
--pf-v6-c-
|
|
1916
|
-
}
|
|
1891
|
+
.pf-v6-c-calendar-month__days {
|
|
1892
|
+
color: var(--pf-v6-c-calendar-month__day--Color);
|
|
1893
|
+
border-block-end: var(--pf-v6-c-calendar-month__days--BorderBlockEndWidth) solid var(--pf-v6-c-calendar-month__days--BorderBlockEndColor);
|
|
1894
|
+
}
|
|
1895
|
+
|
|
1896
|
+
.pf-v6-c-calendar-month__day {
|
|
1897
|
+
padding-block-end: var(--pf-v6-c-calendar-month__day--PaddingBlockEnd);
|
|
1898
|
+
font-weight: var(--pf-v6-c-calendar-month__day--FontWeight);
|
|
1899
|
+
text-align: center;
|
|
1900
|
+
}
|
|
1901
|
+
|
|
1902
|
+
.pf-v6-c-calendar-month__dates-row:first-child {
|
|
1903
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: var(--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart);
|
|
1904
|
+
}
|
|
1905
|
+
|
|
1906
|
+
.pf-v6-c-calendar-month__dates-cell {
|
|
1907
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
1908
|
+
position: relative;
|
|
1909
|
+
padding-block-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
1910
|
+
padding-block-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
1911
|
+
padding-inline-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart);
|
|
1912
|
+
padding-inline-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd);
|
|
1913
|
+
text-align: center;
|
|
1914
|
+
}
|
|
1915
|
+
|
|
1916
|
+
.pf-v6-c-calendar-month__dates-cell::before {
|
|
1917
|
+
position: absolute;
|
|
1918
|
+
inset-block-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart);
|
|
1919
|
+
inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
|
|
1920
|
+
inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
|
|
1921
|
+
inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
|
|
1922
|
+
content: "";
|
|
1923
|
+
background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
1924
|
+
}
|
|
1925
|
+
|
|
1926
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-current {
|
|
1927
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
|
|
1928
|
+
}
|
|
1929
|
+
|
|
1930
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
|
|
1931
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
|
|
1932
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
1933
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
|
|
1934
|
+
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
|
|
1935
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
|
|
1936
|
+
}
|
|
1937
|
+
|
|
1938
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-start-range {
|
|
1939
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart);
|
|
1940
|
+
}
|
|
1941
|
+
|
|
1942
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-end-range {
|
|
1943
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd);
|
|
1944
|
+
}
|
|
1945
|
+
|
|
1946
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month {
|
|
1947
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
|
|
1948
|
+
}
|
|
1949
|
+
|
|
1950
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-selected {
|
|
1951
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
|
|
1952
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
|
|
1953
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
1954
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
|
|
1955
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
1956
|
+
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
1957
|
+
--pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
|
|
1958
|
+
}
|
|
1959
|
+
|
|
1960
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
|
|
1961
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
1962
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
1963
|
+
}
|
|
1964
|
+
|
|
1965
|
+
.pf-v6-c-calendar-month__date {
|
|
1966
|
+
position: relative;
|
|
1967
|
+
display: inline-flex;
|
|
1968
|
+
align-items: center;
|
|
1969
|
+
justify-content: center;
|
|
1970
|
+
width: var(--pf-v6-c-calendar-month__date--Width);
|
|
1971
|
+
height: var(--pf-v6-c-calendar-month__date--Height);
|
|
1972
|
+
line-height: 1;
|
|
1973
|
+
color: var(--pf-v6-c-calendar-month__date--Color);
|
|
1974
|
+
background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
|
|
1975
|
+
border: 0;
|
|
1976
|
+
}
|
|
1977
|
+
|
|
1978
|
+
.pf-v6-c-calendar-month__date::after {
|
|
1979
|
+
position: absolute;
|
|
1980
|
+
inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
1981
|
+
inset-block-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
1982
|
+
inset-inline-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
1983
|
+
inset-inline-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
1984
|
+
content: "";
|
|
1985
|
+
border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
|
|
1986
|
+
}
|
|
1987
|
+
|
|
1988
|
+
.pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
|
|
1989
|
+
border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
|
|
1990
|
+
}
|
|
1991
|
+
|
|
1992
|
+
.pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
|
|
1993
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
|
|
1994
|
+
border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
|
|
1995
|
+
}
|
|
1996
|
+
|
|
1997
|
+
.pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
|
|
1998
|
+
--pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
|
|
1999
|
+
outline: 0;
|
|
2000
|
+
}
|
|
2001
|
+
|
|
2002
|
+
.pf-v6-c-calendar-month__date:disabled {
|
|
2003
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--disabled--BackgroundColor);
|
|
2004
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__date--disabled--Color);
|
|
2005
|
+
--pf-v6-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
2006
|
+
pointer-events: none;
|
|
2007
|
+
}
|
|
2008
|
+
|
|
2009
|
+
.pf-v6-c-card {
|
|
2010
|
+
--pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
2011
|
+
--pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
|
|
2012
|
+
--pf-v6-c-card--BorderStyle: solid;
|
|
2013
|
+
--pf-v6-c-card--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
2014
|
+
--pf-v6-c-card--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
2015
|
+
--pf-v6-c-card--first-child--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
2016
|
+
--pf-v6-c-card--child--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
2017
|
+
--pf-v6-c-card--child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
2018
|
+
--pf-v6-c-card--child--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
2019
|
+
--pf-v6-c-card--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
2020
|
+
--pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2021
|
+
--pf-v6-c-card__title-text--Color: var(--pf-t--global--text--color--regular);
|
|
2022
|
+
--pf-v6-c-card__title-text--FontFamily: var(--pf-t--global--font--family--heading);
|
|
2023
|
+
--pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
2024
|
+
--pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
2025
|
+
--pf-v6-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
2026
|
+
--pf-v6-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
2027
|
+
--pf-v6-c-card__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2028
|
+
--pf-v6-c-card__footer--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2029
|
+
--pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
|
|
2030
|
+
--pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
2031
|
+
--pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
2032
|
+
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
2033
|
+
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
2034
|
+
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
2035
|
+
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
2036
|
+
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
2037
|
+
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
2038
|
+
--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
2039
|
+
--pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
2040
|
+
--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
|
|
2041
|
+
--pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
|
|
2042
|
+
--pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
2043
|
+
--pf-v6-c-card--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
2044
|
+
--pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
2045
|
+
--pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
2046
|
+
--pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2047
|
+
--pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2048
|
+
--pf-v6-c-card--m-selectable--focus--BorderWidth: var(--pf-t--global--border--width--box--hover);
|
|
2049
|
+
--pf-v6-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
2050
|
+
--pf-v6-c-card--m-selectable--m-selected--focus--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
2051
|
+
--pf-v6-c-card--m-selectable--m-disabled__title-text--Color: var(--pf-t--global--text--color--on-disabled);
|
|
2052
|
+
--pf-v6-c-card--m-selectable--m-disabled__body--Color: var(--pf-t--global--text--color--on-disabled);
|
|
2053
|
+
--pf-v6-c-card--m-selectable--m-disabled__footer--Color: var(--pf-t--global--text--color--on-disabled);
|
|
2054
|
+
--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
2055
|
+
--pf-v6-c-card--m-selectable--m-disabled--BorderColor: transparent;
|
|
2056
|
+
--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
2057
|
+
--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
2058
|
+
--pf-v6-c-card--m-compact__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
2059
|
+
--pf-v6-c-card--m-compact__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2060
|
+
--pf-v6-c-card--m-compact__footer--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
2061
|
+
--pf-v6-c-card--m-compact--first-child--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
2062
|
+
--pf-v6-c-card--m-compact--child--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
2063
|
+
--pf-v6-c-card--m-compact--child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2064
|
+
--pf-v6-c-card--m-compact--child--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
2065
|
+
--pf-v6-c-card--m-compact--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
2066
|
+
--pf-v6-c-card--m-compact__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
2067
|
+
--pf-v6-c-card--m-display-lg__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
2068
|
+
--pf-v6-c-card--m-display-lg__body--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
2069
|
+
--pf-v6-c-card--m-display-lg__footer--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2070
|
+
--pf-v6-c-card--m-display-lg--first-child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
2071
|
+
--pf-v6-c-card--m-display-lg--child--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
2072
|
+
--pf-v6-c-card--m-display-lg--child--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
2073
|
+
--pf-v6-c-card--m-display-lg--child--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
2074
|
+
--pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
2075
|
+
--pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
2076
|
+
--pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2077
|
+
--pf-v6-c-card--m-secondary--BorderColor: transparent;
|
|
2078
|
+
--pf-v6-c-card--m-full-height--Height: 100%;
|
|
2079
|
+
--pf-v6-c-card--m-plain--BorderColor: transparent;
|
|
2080
|
+
--pf-v6-c-card--m-plain--BackgroundColor: transparent;
|
|
2081
|
+
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
2082
|
+
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
2083
|
+
}
|
|
2084
|
+
|
|
2085
|
+
.pf-v6-c-card {
|
|
2086
|
+
position: relative;
|
|
2087
|
+
display: flex;
|
|
2088
|
+
flex-direction: column;
|
|
2089
|
+
overflow: auto;
|
|
2090
|
+
background-color: var(--pf-v6-c-card--BackgroundColor);
|
|
2091
|
+
border: 0;
|
|
2092
|
+
border-radius: var(--pf-v6-c-card--BorderRadius);
|
|
2093
|
+
}
|
|
2094
|
+
|
|
2095
|
+
.pf-v6-c-card::before {
|
|
2096
|
+
position: absolute;
|
|
2097
|
+
inset: 0;
|
|
2098
|
+
pointer-events: none;
|
|
2099
|
+
content: "";
|
|
2100
|
+
border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth);
|
|
2101
|
+
border-radius: inherit;
|
|
2102
|
+
}
|
|
2103
|
+
|
|
2104
|
+
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
2105
|
+
gap: 0;
|
|
2106
|
+
}
|
|
2107
|
+
|
|
2108
|
+
.pf-v6-c-card.pf-m-selectable, .pf-v6-c-card.pf-m-clickable {
|
|
2109
|
+
isolation: isolate;
|
|
2110
|
+
}
|
|
2111
|
+
|
|
2112
|
+
.pf-v6-c-card.pf-m-selectable::before, .pf-v6-c-card.pf-m-clickable::before {
|
|
2113
|
+
border: none;
|
|
2114
|
+
}
|
|
2115
|
+
|
|
2116
|
+
.pf-v6-c-card.pf-m-current {
|
|
2117
|
+
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
|
|
2118
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-clickable--m-current--BorderWidth);
|
|
2119
|
+
--pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
|
|
2120
|
+
--pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
|
|
2121
|
+
}
|
|
2122
|
+
|
|
2123
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
|
|
2124
|
+
position: unset;
|
|
2125
|
+
}
|
|
2126
|
+
|
|
2127
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)::before {
|
|
2128
|
+
position: absolute;
|
|
2129
|
+
inset: 0;
|
|
2130
|
+
cursor: pointer;
|
|
2131
|
+
}
|
|
2132
|
+
|
|
2133
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
|
|
2134
|
+
--pf-v6-c-card--BackgroundColor: revert;
|
|
2135
|
+
--pf-v6-c-card--BorderColor: revert;
|
|
2136
|
+
}
|
|
1917
2137
|
|
|
1918
2138
|
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-selected {
|
|
1919
2139
|
--pf-v6-c-card--BorderColor: revert;
|
|
@@ -2149,226 +2369,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2149
2369
|
color: var(--pf-v6-c-card__footer--Color);
|
|
2150
2370
|
}
|
|
2151
2371
|
|
|
2152
|
-
.pf-v6-c-calendar-month {
|
|
2153
|
-
--pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
2154
|
-
--pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
2155
|
-
--pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
2156
|
-
--pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2157
|
-
--pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
2158
|
-
--pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
|
|
2159
|
-
--pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
2160
|
-
--pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
2161
|
-
--pf-v6-c-calendar-month__header-year--Width: 9ch;
|
|
2162
|
-
--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
|
|
2163
|
-
--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
|
|
2164
|
-
--pf-v6-c-calendar-month__days--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
2165
|
-
--pf-v6-c-calendar-month__days--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
2166
|
-
--pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2167
|
-
--pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
2168
|
-
--pf-v6-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
|
|
2169
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: 0.125rem;
|
|
2170
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd: 0.125rem;
|
|
2171
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd: 0.125rem;
|
|
2172
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart: 0.125rem;
|
|
2173
|
-
--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
2174
|
-
--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2175
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2176
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2177
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2178
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
2179
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
2180
|
-
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
2181
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: 0;
|
|
2182
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
|
|
2183
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
2184
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
|
|
2185
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2186
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
|
|
2187
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
|
|
2188
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2189
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
2190
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2191
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2192
|
-
--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
|
|
2193
|
-
--pf-v6-c-calendar-month__date--Width: 4ch;
|
|
2194
|
-
--pf-v6-c-calendar-month__date--Height: 4ch;
|
|
2195
|
-
--pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
2196
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
|
|
2197
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
2198
|
-
--pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
2199
|
-
--pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
2200
|
-
--pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
2201
|
-
--pf-v6-c-calendar-month__date--after--BorderColor: transparent;
|
|
2202
|
-
--pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
|
|
2203
|
-
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2204
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
2205
|
-
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2206
|
-
--pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
2207
|
-
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2208
|
-
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2209
|
-
--pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
|
|
2210
|
-
}
|
|
2211
|
-
|
|
2212
|
-
.pf-v6-c-calendar-month {
|
|
2213
|
-
display: inline-flex;
|
|
2214
|
-
flex-direction: column;
|
|
2215
|
-
padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
|
|
2216
|
-
padding-block-end: var(--pf-v6-c-calendar-month--PaddingBlockEnd);
|
|
2217
|
-
padding-inline-start: var(--pf-v6-c-calendar-month--PaddingInlineStart);
|
|
2218
|
-
padding-inline-end: var(--pf-v6-c-calendar-month--PaddingInlineEnd);
|
|
2219
|
-
font-size: var(--pf-v6-c-calendar-month--FontSize);
|
|
2220
|
-
background-color: var(--pf-v6-c-calendar-month--BackgroundColor);
|
|
2221
|
-
}
|
|
2222
|
-
|
|
2223
|
-
.pf-v6-c-calendar-month__header {
|
|
2224
|
-
display: flex;
|
|
2225
|
-
gap: var(--pf-v6-c-calendar-month__header--Gap);
|
|
2226
|
-
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
2227
|
-
}
|
|
2228
|
-
|
|
2229
|
-
.pf-v6-c-calendar-month__header-nav-control {
|
|
2230
|
-
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
2231
|
-
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
2232
|
-
}
|
|
2233
|
-
|
|
2234
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
2235
|
-
scale: -1 1;
|
|
2236
|
-
}
|
|
2237
|
-
|
|
2238
|
-
.pf-v6-c-calendar-month__header-month {
|
|
2239
|
-
flex-grow: 1;
|
|
2240
|
-
}
|
|
2241
|
-
|
|
2242
|
-
.pf-v6-c-calendar-month__header-month > .pf-v6-c-menu-toggle {
|
|
2243
|
-
width: 100%;
|
|
2244
|
-
}
|
|
2245
|
-
|
|
2246
|
-
.pf-v6-c-calendar-month__header-year {
|
|
2247
|
-
width: var(--pf-v6-c-calendar-month__header-year--Width);
|
|
2248
|
-
}
|
|
2249
|
-
|
|
2250
|
-
.pf-v6-c-calendar-month__calendar {
|
|
2251
|
-
table-layout: fixed;
|
|
2252
|
-
}
|
|
2253
|
-
|
|
2254
|
-
.pf-v6-c-calendar-month__days {
|
|
2255
|
-
color: var(--pf-v6-c-calendar-month__day--Color);
|
|
2256
|
-
border-block-end: var(--pf-v6-c-calendar-month__days--BorderBlockEndWidth) solid var(--pf-v6-c-calendar-month__days--BorderBlockEndColor);
|
|
2257
|
-
}
|
|
2258
|
-
|
|
2259
|
-
.pf-v6-c-calendar-month__day {
|
|
2260
|
-
padding-block-end: var(--pf-v6-c-calendar-month__day--PaddingBlockEnd);
|
|
2261
|
-
font-weight: var(--pf-v6-c-calendar-month__day--FontWeight);
|
|
2262
|
-
text-align: center;
|
|
2263
|
-
}
|
|
2264
|
-
|
|
2265
|
-
.pf-v6-c-calendar-month__dates-row:first-child {
|
|
2266
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: var(--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart);
|
|
2267
|
-
}
|
|
2268
|
-
|
|
2269
|
-
.pf-v6-c-calendar-month__dates-cell {
|
|
2270
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
2271
|
-
position: relative;
|
|
2272
|
-
padding-block-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
2273
|
-
padding-block-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
2274
|
-
padding-inline-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart);
|
|
2275
|
-
padding-inline-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd);
|
|
2276
|
-
text-align: center;
|
|
2277
|
-
}
|
|
2278
|
-
|
|
2279
|
-
.pf-v6-c-calendar-month__dates-cell::before {
|
|
2280
|
-
position: absolute;
|
|
2281
|
-
inset-block-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart);
|
|
2282
|
-
inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
|
|
2283
|
-
inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
|
|
2284
|
-
inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
|
|
2285
|
-
content: "";
|
|
2286
|
-
background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
2287
|
-
}
|
|
2288
|
-
|
|
2289
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-current {
|
|
2290
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
|
|
2291
|
-
}
|
|
2292
|
-
|
|
2293
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
|
|
2294
|
-
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
|
|
2295
|
-
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
2296
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
|
|
2297
|
-
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
|
|
2298
|
-
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
|
|
2299
|
-
}
|
|
2300
|
-
|
|
2301
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-start-range {
|
|
2302
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart);
|
|
2303
|
-
}
|
|
2304
|
-
|
|
2305
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-end-range {
|
|
2306
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd);
|
|
2307
|
-
}
|
|
2308
|
-
|
|
2309
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month {
|
|
2310
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
|
|
2311
|
-
}
|
|
2312
|
-
|
|
2313
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-selected {
|
|
2314
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
|
|
2315
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
|
|
2316
|
-
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
2317
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
|
|
2318
|
-
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
2319
|
-
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
2320
|
-
--pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
|
|
2321
|
-
}
|
|
2322
|
-
|
|
2323
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
|
|
2324
|
-
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
2325
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
2326
|
-
}
|
|
2327
|
-
|
|
2328
|
-
.pf-v6-c-calendar-month__date {
|
|
2329
|
-
position: relative;
|
|
2330
|
-
display: inline-flex;
|
|
2331
|
-
align-items: center;
|
|
2332
|
-
justify-content: center;
|
|
2333
|
-
width: var(--pf-v6-c-calendar-month__date--Width);
|
|
2334
|
-
height: var(--pf-v6-c-calendar-month__date--Height);
|
|
2335
|
-
line-height: 1;
|
|
2336
|
-
color: var(--pf-v6-c-calendar-month__date--Color);
|
|
2337
|
-
background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
|
|
2338
|
-
border: 0;
|
|
2339
|
-
}
|
|
2340
|
-
|
|
2341
|
-
.pf-v6-c-calendar-month__date::after {
|
|
2342
|
-
position: absolute;
|
|
2343
|
-
inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2344
|
-
inset-block-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2345
|
-
inset-inline-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2346
|
-
inset-inline-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2347
|
-
content: "";
|
|
2348
|
-
border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
|
|
2349
|
-
}
|
|
2350
|
-
|
|
2351
|
-
.pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
|
|
2352
|
-
border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
|
|
2353
|
-
}
|
|
2354
|
-
|
|
2355
|
-
.pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
|
|
2356
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
|
|
2357
|
-
border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
|
|
2358
|
-
}
|
|
2359
|
-
|
|
2360
|
-
.pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
|
|
2361
|
-
--pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
|
|
2362
|
-
outline: 0;
|
|
2363
|
-
}
|
|
2364
|
-
|
|
2365
|
-
.pf-v6-c-calendar-month__date:disabled {
|
|
2366
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--disabled--BackgroundColor);
|
|
2367
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__date--disabled--Color);
|
|
2368
|
-
--pf-v6-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
2369
|
-
pointer-events: none;
|
|
2370
|
-
}
|
|
2371
|
-
|
|
2372
2372
|
.pf-v6-c-check {
|
|
2373
2373
|
--pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
2374
2374
|
--pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
@@ -3805,482 +3805,145 @@ ul) {
|
|
|
3805
3805
|
min-width: min-content;
|
|
3806
3806
|
}
|
|
3807
3807
|
|
|
3808
|
-
.pf-v6-c-
|
|
3809
|
-
--pf-v6-c-
|
|
3810
|
-
--pf-v6-c-
|
|
3811
|
-
--pf-v6-c-
|
|
3812
|
-
--pf-v6-c-
|
|
3813
|
-
|
|
3814
|
-
--pf-v6-c-description-list__group--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
3815
|
-
--pf-v6-c-description-list__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
|
|
3816
|
-
--pf-v6-c-description-list__group--GridTemplateColumns: auto;
|
|
3817
|
-
--pf-v6-c-description-list__group--GridTemplateRows: auto 1fr;
|
|
3818
|
-
--pf-v6-c-description-list__group--GridColumn: auto;
|
|
3819
|
-
--pf-v6-c-description-list--m-compact--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--compact);
|
|
3820
|
-
--pf-v6-c-description-list--m-compact--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--compact);
|
|
3821
|
-
--pf-v6-c-description-list__term--Display: inline;
|
|
3822
|
-
--pf-v6-c-description-list__term--sm--Display: flex;
|
|
3823
|
-
--pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
3824
|
-
--pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
3825
|
-
--pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
3826
|
-
--pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
|
|
3827
|
-
--pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
3828
|
-
--pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
3829
|
-
--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-v6-c-description-list--GridTemplateColumns--count));
|
|
3830
|
-
--pf-v6-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
|
|
3831
|
-
--pf-v6-c-description-list--m-horizontal__term--width: 12ch;
|
|
3832
|
-
--pf-v6-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
|
|
3833
|
-
--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);
|
|
3834
|
-
--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows: auto;
|
|
3835
|
-
--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count: 1;
|
|
3836
|
-
--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count: 2;
|
|
3837
|
-
--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
|
|
3838
|
-
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
|
|
3839
|
-
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
|
|
3840
|
-
--pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
|
|
3841
|
-
--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
|
|
3842
|
-
--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
3843
|
-
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
3844
|
-
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
3845
|
-
--pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
3846
|
-
--pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
|
|
3847
|
-
--pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
|
|
3848
|
-
--pf-v6-c-description-list--m-horizontal__term--width-on-md: inherit;
|
|
3849
|
-
--pf-v6-c-description-list--m-horizontal__term--width-on-lg: inherit;
|
|
3850
|
-
--pf-v6-c-description-list--m-horizontal__term--width-on-xl: inherit;
|
|
3851
|
-
--pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
|
|
3852
|
-
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
3853
|
-
}
|
|
3808
|
+
.pf-v6-c-divider {
|
|
3809
|
+
--pf-v6-c-divider--Display: flex;
|
|
3810
|
+
--pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
|
|
3811
|
+
--pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
|
|
3812
|
+
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
3813
|
+
}
|
|
3854
3814
|
|
|
3855
|
-
|
|
3856
|
-
|
|
3857
|
-
|
|
3858
|
-
|
|
3815
|
+
.pf-v6-c-divider {
|
|
3816
|
+
flex-direction: row;
|
|
3817
|
+
width: 100%;
|
|
3818
|
+
height: var(--pf-v6-c-divider--Size);
|
|
3819
|
+
--pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
|
|
3820
|
+
--pf-v6-hidden-visible--hidden--Display: none;
|
|
3821
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
3822
|
+
display: var(--pf-v6-hidden-visible--Display);
|
|
3823
|
+
flex-shrink: 0;
|
|
3824
|
+
align-items: stretch;
|
|
3825
|
+
align-self: stretch;
|
|
3826
|
+
justify-content: center;
|
|
3827
|
+
border: 0;
|
|
3859
3828
|
}
|
|
3860
|
-
|
|
3861
|
-
|
|
3862
|
-
|
|
3863
|
-
}
|
|
3829
|
+
|
|
3830
|
+
.pf-v6-c-divider.pf-m-hidden {
|
|
3831
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
3864
3832
|
}
|
|
3865
|
-
|
|
3866
|
-
|
|
3867
|
-
|
|
3833
|
+
|
|
3834
|
+
@media screen and (min-width: 36rem) {
|
|
3835
|
+
.pf-v6-c-divider.pf-m-hidden-on-sm {
|
|
3836
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
3868
3837
|
}
|
|
3869
|
-
|
|
3870
|
-
|
|
3871
|
-
.pf-v6-c-description-list {
|
|
3872
|
-
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))));
|
|
3838
|
+
.pf-v6-c-divider.pf-m-visible-on-sm {
|
|
3839
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
3873
3840
|
}
|
|
3874
3841
|
}
|
|
3875
|
-
@media (min-width:
|
|
3876
|
-
.pf-v6-c-
|
|
3877
|
-
--pf-v6-
|
|
3842
|
+
@media screen and (min-width: 48rem) {
|
|
3843
|
+
.pf-v6-c-divider.pf-m-hidden-on-md {
|
|
3844
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
3878
3845
|
}
|
|
3879
|
-
|
|
3880
|
-
|
|
3881
|
-
.pf-v6-c-description-list {
|
|
3882
|
-
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))))));
|
|
3846
|
+
.pf-v6-c-divider.pf-m-visible-on-md {
|
|
3847
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
3883
3848
|
}
|
|
3884
3849
|
}
|
|
3885
|
-
|
|
3886
|
-
|
|
3887
|
-
|
|
3888
|
-
row-gap: var(--pf-v6-c-description-list--RowGap);
|
|
3889
|
-
column-gap: var(--pf-v6-c-description-list--ColumnGap);
|
|
3890
|
-
align-items: baseline;
|
|
3891
|
-
}
|
|
3892
|
-
|
|
3893
|
-
.pf-v6-c-description-list.pf-m-inline-grid {
|
|
3894
|
-
display: inline-grid;
|
|
3895
|
-
}
|
|
3896
|
-
|
|
3897
|
-
.pf-v6-c-description-list.pf-m-auto-column-widths {
|
|
3898
|
-
--pf-v6-c-description-list--GridTemplateColumns--width: minmax(8ch, max-content);
|
|
3899
|
-
}
|
|
3900
|
-
|
|
3901
|
-
.pf-v6-c-description-list.pf-m-auto-fit {
|
|
3902
|
-
grid-template-columns: repeat(auto-fit, minmax(var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min), 1fr));
|
|
3903
|
-
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min);
|
|
3904
|
-
}
|
|
3905
|
-
|
|
3906
|
-
@media (min-width: 36rem) {
|
|
3907
|
-
.pf-v6-c-description-list.pf-m-auto-fit {
|
|
3908
|
-
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min));
|
|
3850
|
+
@media screen and (min-width: 62rem) {
|
|
3851
|
+
.pf-v6-c-divider.pf-m-hidden-on-lg {
|
|
3852
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
3909
3853
|
}
|
|
3910
|
-
|
|
3911
|
-
|
|
3912
|
-
.pf-v6-c-description-list.pf-m-auto-fit {
|
|
3913
|
-
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min)));
|
|
3854
|
+
.pf-v6-c-divider.pf-m-visible-on-lg {
|
|
3855
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
3914
3856
|
}
|
|
3915
3857
|
}
|
|
3916
|
-
@media (min-width:
|
|
3917
|
-
.pf-v6-c-
|
|
3918
|
-
--pf-v6-
|
|
3858
|
+
@media screen and (min-width: 75rem) {
|
|
3859
|
+
.pf-v6-c-divider.pf-m-hidden-on-xl {
|
|
3860
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
3919
3861
|
}
|
|
3920
|
-
|
|
3921
|
-
|
|
3922
|
-
.pf-v6-c-description-list.pf-m-auto-fit {
|
|
3923
|
-
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min)))));
|
|
3862
|
+
.pf-v6-c-divider.pf-m-visible-on-xl {
|
|
3863
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
3924
3864
|
}
|
|
3925
3865
|
}
|
|
3926
|
-
@media (min-width: 90.625rem) {
|
|
3927
|
-
.pf-v6-c-
|
|
3928
|
-
--pf-v6-
|
|
3866
|
+
@media screen and (min-width: 90.625rem) {
|
|
3867
|
+
.pf-v6-c-divider.pf-m-hidden-on-2xl {
|
|
3868
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
3869
|
+
}
|
|
3870
|
+
.pf-v6-c-divider.pf-m-visible-on-2xl {
|
|
3871
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
3929
3872
|
}
|
|
3930
3873
|
}
|
|
3931
|
-
.pf-v6-c-
|
|
3932
|
-
|
|
3933
|
-
|
|
3934
|
-
|
|
3935
|
-
|
|
3936
|
-
.pf-v6-c-description-list.pf-m-fluid {
|
|
3937
|
-
--pf-v6-c-description-list--m-horizontal__term--width: fit-content(20ch);
|
|
3938
|
-
}
|
|
3939
|
-
|
|
3940
|
-
.pf-v6-c-description-list.pf-m-fill-columns {
|
|
3941
|
-
display: block;
|
|
3942
|
-
column-count: var(--pf-v6-c-description-list--GridTemplateColumns--count);
|
|
3943
|
-
margin-block-end: calc(var(--pf-v6-c-description-list--RowGap) * -1);
|
|
3874
|
+
.pf-v6-c-divider::before {
|
|
3875
|
+
flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
|
|
3876
|
+
content: "";
|
|
3877
|
+
background-color: var(--pf-v6-c-divider--Color);
|
|
3944
3878
|
}
|
|
3945
3879
|
|
|
3946
|
-
.pf-v6-c-
|
|
3947
|
-
|
|
3948
|
-
display: inline-grid;
|
|
3880
|
+
.pf-v6-c-divider.pf-m-horizontal {
|
|
3881
|
+
flex-direction: row;
|
|
3949
3882
|
width: 100%;
|
|
3950
|
-
|
|
3951
|
-
break-inside: avoid;
|
|
3952
|
-
page-break-inside: avoid;
|
|
3953
|
-
-webkit-column-break-inside: avoid;
|
|
3954
|
-
-moz-column-break-inside: avoid;
|
|
3955
|
-
}
|
|
3956
|
-
|
|
3957
|
-
.pf-v6-c-description-list.pf-m-display-lg {
|
|
3958
|
-
--pf-v6-c-description-list__description--FontSize: var(--pf-v6-c-description-list--m-display-lg__description--FontSize);
|
|
3959
|
-
}
|
|
3960
|
-
|
|
3961
|
-
.pf-v6-c-description-list.pf-m-display-2xl {
|
|
3962
|
-
--pf-v6-c-description-list__description--FontSize: var(--pf-v6-c-description-list--m-display-2xl__description--FontSize);
|
|
3963
|
-
}
|
|
3964
|
-
|
|
3965
|
-
.pf-v6-c-description-list > .pf-v6-c-card {
|
|
3966
|
-
align-self: stretch;
|
|
3967
|
-
padding-block-start: var(--pf-v6-c-card--first-child--PaddingBlockStart);
|
|
3968
|
-
padding-block-end: var(--pf-v6-c-card--child--PaddingBlockEnd);
|
|
3969
|
-
padding-inline-start: var(--pf-v6-c-card--child--PaddingInlineStart);
|
|
3970
|
-
padding-inline-end: var(--pf-v6-c-card--child--PaddingInlineEnd);
|
|
3971
|
-
}
|
|
3972
|
-
|
|
3973
|
-
.pf-v6-c-description-list__group,
|
|
3974
|
-
.pf-v6-c-description-list > .pf-v6-c-card {
|
|
3975
|
-
display: grid;
|
|
3976
|
-
grid-template-rows: var(--pf-v6-c-description-list__group--GridTemplateRows);
|
|
3977
|
-
grid-template-columns: var(--pf-v6-c-description-list__group--GridTemplateColumns);
|
|
3978
|
-
grid-column: var(--pf-v6-c-description-list__group--GridColumn);
|
|
3979
|
-
row-gap: var(--pf-v6-c-description-list__group--RowGap);
|
|
3980
|
-
column-gap: var(--pf-v6-c-description-list__group--ColumnGap);
|
|
3981
|
-
align-items: baseline;
|
|
3982
|
-
}
|
|
3983
|
-
|
|
3984
|
-
.pf-v6-c-description-list__term,
|
|
3985
|
-
.pf-v6-c-description-list__description {
|
|
3986
|
-
min-width: 0;
|
|
3987
|
-
text-align: start;
|
|
3988
|
-
overflow-wrap: break-word;
|
|
3989
|
-
}
|
|
3990
|
-
|
|
3991
|
-
.pf-v6-c-description-list__term {
|
|
3992
|
-
display: var(--pf-v6-c-description-list__term--Display);
|
|
3993
|
-
font-size: var(--pf-v6-c-description-list__term--FontSize);
|
|
3994
|
-
font-weight: var(--pf-v6-c-description-list__term--FontWeight);
|
|
3995
|
-
line-height: var(--pf-v6-c-description-list__term--LineHeight);
|
|
3883
|
+
height: var(--pf-v6-c-divider--Size);
|
|
3996
3884
|
}
|
|
3997
3885
|
|
|
3998
|
-
.pf-v6-c-
|
|
3999
|
-
|
|
3886
|
+
.pf-v6-c-divider.pf-m-vertical {
|
|
3887
|
+
flex-direction: column;
|
|
3888
|
+
width: var(--pf-v6-c-divider--Size);
|
|
3889
|
+
height: inherit;
|
|
4000
3890
|
}
|
|
4001
3891
|
|
|
4002
|
-
.pf-v6-c-
|
|
4003
|
-
|
|
4004
|
-
min-width: var(--pf-v6-c-description-list__term-icon--MinWidth);
|
|
4005
|
-
margin-inline-end: var(--pf-v6-c-description-list__term-icon--MarginInlineEnd);
|
|
4006
|
-
color: var(--pf-v6-c-description-list__term-icon--Color);
|
|
3892
|
+
.pf-v6-c-divider.pf-m-inset-none {
|
|
3893
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
|
|
4007
3894
|
}
|
|
4008
3895
|
|
|
4009
|
-
.pf-v6-c-
|
|
4010
|
-
|
|
3896
|
+
.pf-v6-c-divider.pf-m-inset-xs {
|
|
3897
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
4011
3898
|
}
|
|
4012
3899
|
|
|
4013
|
-
.pf-v6-c-
|
|
4014
|
-
|
|
3900
|
+
.pf-v6-c-divider.pf-m-inset-sm {
|
|
3901
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
4015
3902
|
}
|
|
4016
3903
|
|
|
4017
|
-
.pf-v6-c-
|
|
4018
|
-
|
|
4019
|
-
text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
|
|
4020
|
-
cursor: pointer;
|
|
3904
|
+
.pf-v6-c-divider.pf-m-inset-md {
|
|
3905
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
4021
3906
|
}
|
|
4022
3907
|
|
|
4023
|
-
.pf-v6-c-
|
|
4024
|
-
--pf-v6-c-
|
|
4025
|
-
--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
|
|
3908
|
+
.pf-v6-c-divider.pf-m-inset-lg {
|
|
3909
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
4026
3910
|
}
|
|
4027
3911
|
|
|
4028
|
-
.pf-v6-c-
|
|
4029
|
-
--pf-v6-c-
|
|
3912
|
+
.pf-v6-c-divider.pf-m-inset-xl {
|
|
3913
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
4030
3914
|
}
|
|
4031
3915
|
|
|
4032
|
-
.pf-v6-c-
|
|
4033
|
-
--pf-v6-c-
|
|
3916
|
+
.pf-v6-c-divider.pf-m-inset-2xl {
|
|
3917
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
4034
3918
|
}
|
|
4035
3919
|
|
|
4036
|
-
.pf-v6-c-
|
|
4037
|
-
--pf-v6-c-
|
|
3920
|
+
.pf-v6-c-divider.pf-m-inset-3xl {
|
|
3921
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
4038
3922
|
}
|
|
4039
3923
|
|
|
4040
|
-
|
|
4041
|
-
|
|
4042
|
-
|
|
3924
|
+
@media (min-width: 36rem) {
|
|
3925
|
+
.pf-v6-c-divider.pf-m-horizontal-on-sm {
|
|
3926
|
+
flex-direction: row;
|
|
3927
|
+
width: 100%;
|
|
3928
|
+
height: var(--pf-v6-c-divider--Size);
|
|
3929
|
+
}
|
|
4043
3930
|
}
|
|
4044
|
-
|
|
4045
|
-
.pf-v6-c-
|
|
4046
|
-
|
|
4047
|
-
|
|
3931
|
+
@media (min-width: 36rem) {
|
|
3932
|
+
.pf-v6-c-divider.pf-m-vertical-on-sm {
|
|
3933
|
+
flex-direction: column;
|
|
3934
|
+
width: var(--pf-v6-c-divider--Size);
|
|
3935
|
+
height: inherit;
|
|
3936
|
+
}
|
|
4048
3937
|
}
|
|
4049
|
-
|
|
4050
3938
|
@media (min-width: 36rem) {
|
|
4051
|
-
.pf-v6-c-
|
|
4052
|
-
--pf-v6-c-
|
|
3939
|
+
.pf-v6-c-divider.pf-m-inset-none-on-sm {
|
|
3940
|
+
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
4053
3941
|
}
|
|
4054
|
-
.pf-v6-c-
|
|
4055
|
-
--pf-v6-c-
|
|
3942
|
+
.pf-v6-c-divider.pf-m-inset-xs-on-sm {
|
|
3943
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
4056
3944
|
}
|
|
4057
|
-
.pf-v6-c-
|
|
4058
|
-
--pf-v6-c-
|
|
4059
|
-
}
|
|
4060
|
-
.pf-v6-c-description-list.pf-m-horizontal-on-sm {
|
|
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
|
-
.pf-v6-c-description-list.pf-m-vertical-on-sm {
|
|
4065
|
-
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
4066
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4067
|
-
}
|
|
4068
|
-
}
|
|
4069
|
-
@media (min-width: 48rem) {
|
|
4070
|
-
.pf-v6-c-description-list.pf-m-1-col-on-md {
|
|
4071
|
-
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
4072
|
-
}
|
|
4073
|
-
.pf-v6-c-description-list.pf-m-2-col-on-md {
|
|
4074
|
-
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
4075
|
-
}
|
|
4076
|
-
.pf-v6-c-description-list.pf-m-3-col-on-md {
|
|
4077
|
-
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
4078
|
-
}
|
|
4079
|
-
.pf-v6-c-description-list.pf-m-horizontal-on-md {
|
|
4080
|
-
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
4081
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
4082
|
-
}
|
|
4083
|
-
.pf-v6-c-description-list.pf-m-vertical-on-md {
|
|
4084
|
-
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
4085
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4086
|
-
}
|
|
4087
|
-
}
|
|
4088
|
-
@media (min-width: 62rem) {
|
|
4089
|
-
.pf-v6-c-description-list.pf-m-1-col-on-lg {
|
|
4090
|
-
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
4091
|
-
}
|
|
4092
|
-
.pf-v6-c-description-list.pf-m-2-col-on-lg {
|
|
4093
|
-
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
4094
|
-
}
|
|
4095
|
-
.pf-v6-c-description-list.pf-m-3-col-on-lg {
|
|
4096
|
-
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
4097
|
-
}
|
|
4098
|
-
.pf-v6-c-description-list.pf-m-horizontal-on-lg {
|
|
4099
|
-
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
4100
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
4101
|
-
}
|
|
4102
|
-
.pf-v6-c-description-list.pf-m-vertical-on-lg {
|
|
4103
|
-
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
4104
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4105
|
-
}
|
|
4106
|
-
}
|
|
4107
|
-
@media (min-width: 75rem) {
|
|
4108
|
-
.pf-v6-c-description-list.pf-m-1-col-on-xl {
|
|
4109
|
-
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
4110
|
-
}
|
|
4111
|
-
.pf-v6-c-description-list.pf-m-2-col-on-xl {
|
|
4112
|
-
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
4113
|
-
}
|
|
4114
|
-
.pf-v6-c-description-list.pf-m-3-col-on-xl {
|
|
4115
|
-
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
4116
|
-
}
|
|
4117
|
-
.pf-v6-c-description-list.pf-m-horizontal-on-xl {
|
|
4118
|
-
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
4119
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
4120
|
-
}
|
|
4121
|
-
.pf-v6-c-description-list.pf-m-vertical-on-xl {
|
|
4122
|
-
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
4123
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4124
|
-
}
|
|
4125
|
-
}
|
|
4126
|
-
@media (min-width: 90.625rem) {
|
|
4127
|
-
.pf-v6-c-description-list.pf-m-1-col-on-2xl {
|
|
4128
|
-
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
4129
|
-
}
|
|
4130
|
-
.pf-v6-c-description-list.pf-m-2-col-on-2xl {
|
|
4131
|
-
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
4132
|
-
}
|
|
4133
|
-
.pf-v6-c-description-list.pf-m-3-col-on-2xl {
|
|
4134
|
-
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
4135
|
-
}
|
|
4136
|
-
.pf-v6-c-description-list.pf-m-horizontal-on-2xl {
|
|
4137
|
-
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
4138
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
4139
|
-
}
|
|
4140
|
-
.pf-v6-c-description-list.pf-m-vertical-on-2xl {
|
|
4141
|
-
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
4142
|
-
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4143
|
-
}
|
|
4144
|
-
}
|
|
4145
|
-
.pf-v6-c-divider {
|
|
4146
|
-
--pf-v6-c-divider--Display: flex;
|
|
4147
|
-
--pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
|
|
4148
|
-
--pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
|
|
4149
|
-
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
4150
|
-
}
|
|
4151
|
-
|
|
4152
|
-
.pf-v6-c-divider {
|
|
4153
|
-
flex-direction: row;
|
|
4154
|
-
width: 100%;
|
|
4155
|
-
height: var(--pf-v6-c-divider--Size);
|
|
4156
|
-
--pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
|
|
4157
|
-
--pf-v6-hidden-visible--hidden--Display: none;
|
|
4158
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
4159
|
-
display: var(--pf-v6-hidden-visible--Display);
|
|
4160
|
-
flex-shrink: 0;
|
|
4161
|
-
align-items: stretch;
|
|
4162
|
-
align-self: stretch;
|
|
4163
|
-
justify-content: center;
|
|
4164
|
-
border: 0;
|
|
4165
|
-
}
|
|
4166
|
-
|
|
4167
|
-
.pf-v6-c-divider.pf-m-hidden {
|
|
4168
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
4169
|
-
}
|
|
4170
|
-
|
|
4171
|
-
@media screen and (min-width: 36rem) {
|
|
4172
|
-
.pf-v6-c-divider.pf-m-hidden-on-sm {
|
|
4173
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
4174
|
-
}
|
|
4175
|
-
.pf-v6-c-divider.pf-m-visible-on-sm {
|
|
4176
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
4177
|
-
}
|
|
4178
|
-
}
|
|
4179
|
-
@media screen and (min-width: 48rem) {
|
|
4180
|
-
.pf-v6-c-divider.pf-m-hidden-on-md {
|
|
4181
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
4182
|
-
}
|
|
4183
|
-
.pf-v6-c-divider.pf-m-visible-on-md {
|
|
4184
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
4185
|
-
}
|
|
4186
|
-
}
|
|
4187
|
-
@media screen and (min-width: 62rem) {
|
|
4188
|
-
.pf-v6-c-divider.pf-m-hidden-on-lg {
|
|
4189
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
4190
|
-
}
|
|
4191
|
-
.pf-v6-c-divider.pf-m-visible-on-lg {
|
|
4192
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
4193
|
-
}
|
|
4194
|
-
}
|
|
4195
|
-
@media screen and (min-width: 75rem) {
|
|
4196
|
-
.pf-v6-c-divider.pf-m-hidden-on-xl {
|
|
4197
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
4198
|
-
}
|
|
4199
|
-
.pf-v6-c-divider.pf-m-visible-on-xl {
|
|
4200
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
4201
|
-
}
|
|
4202
|
-
}
|
|
4203
|
-
@media screen and (min-width: 90.625rem) {
|
|
4204
|
-
.pf-v6-c-divider.pf-m-hidden-on-2xl {
|
|
4205
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
4206
|
-
}
|
|
4207
|
-
.pf-v6-c-divider.pf-m-visible-on-2xl {
|
|
4208
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
4209
|
-
}
|
|
4210
|
-
}
|
|
4211
|
-
.pf-v6-c-divider::before {
|
|
4212
|
-
flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
|
|
4213
|
-
content: "";
|
|
4214
|
-
background-color: var(--pf-v6-c-divider--Color);
|
|
4215
|
-
}
|
|
4216
|
-
|
|
4217
|
-
.pf-v6-c-divider.pf-m-horizontal {
|
|
4218
|
-
flex-direction: row;
|
|
4219
|
-
width: 100%;
|
|
4220
|
-
height: var(--pf-v6-c-divider--Size);
|
|
4221
|
-
}
|
|
4222
|
-
|
|
4223
|
-
.pf-v6-c-divider.pf-m-vertical {
|
|
4224
|
-
flex-direction: column;
|
|
4225
|
-
width: var(--pf-v6-c-divider--Size);
|
|
4226
|
-
height: inherit;
|
|
4227
|
-
}
|
|
4228
|
-
|
|
4229
|
-
.pf-v6-c-divider.pf-m-inset-none {
|
|
4230
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
|
|
4231
|
-
}
|
|
4232
|
-
|
|
4233
|
-
.pf-v6-c-divider.pf-m-inset-xs {
|
|
4234
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
4235
|
-
}
|
|
4236
|
-
|
|
4237
|
-
.pf-v6-c-divider.pf-m-inset-sm {
|
|
4238
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
4239
|
-
}
|
|
4240
|
-
|
|
4241
|
-
.pf-v6-c-divider.pf-m-inset-md {
|
|
4242
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
4243
|
-
}
|
|
4244
|
-
|
|
4245
|
-
.pf-v6-c-divider.pf-m-inset-lg {
|
|
4246
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
4247
|
-
}
|
|
4248
|
-
|
|
4249
|
-
.pf-v6-c-divider.pf-m-inset-xl {
|
|
4250
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
4251
|
-
}
|
|
4252
|
-
|
|
4253
|
-
.pf-v6-c-divider.pf-m-inset-2xl {
|
|
4254
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
4255
|
-
}
|
|
4256
|
-
|
|
4257
|
-
.pf-v6-c-divider.pf-m-inset-3xl {
|
|
4258
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
4259
|
-
}
|
|
4260
|
-
|
|
4261
|
-
@media (min-width: 36rem) {
|
|
4262
|
-
.pf-v6-c-divider.pf-m-horizontal-on-sm {
|
|
4263
|
-
flex-direction: row;
|
|
4264
|
-
width: 100%;
|
|
4265
|
-
height: var(--pf-v6-c-divider--Size);
|
|
4266
|
-
}
|
|
4267
|
-
}
|
|
4268
|
-
@media (min-width: 36rem) {
|
|
4269
|
-
.pf-v6-c-divider.pf-m-vertical-on-sm {
|
|
4270
|
-
flex-direction: column;
|
|
4271
|
-
width: var(--pf-v6-c-divider--Size);
|
|
4272
|
-
height: inherit;
|
|
4273
|
-
}
|
|
4274
|
-
}
|
|
4275
|
-
@media (min-width: 36rem) {
|
|
4276
|
-
.pf-v6-c-divider.pf-m-inset-none-on-sm {
|
|
4277
|
-
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
4278
|
-
}
|
|
4279
|
-
.pf-v6-c-divider.pf-m-inset-xs-on-sm {
|
|
4280
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
4281
|
-
}
|
|
4282
|
-
.pf-v6-c-divider.pf-m-inset-sm-on-sm {
|
|
4283
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
3945
|
+
.pf-v6-c-divider.pf-m-inset-sm-on-sm {
|
|
3946
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
4284
3947
|
}
|
|
4285
3948
|
.pf-v6-c-divider.pf-m-inset-md-on-sm {
|
|
4286
3949
|
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
@@ -5323,39 +4986,376 @@ ul) {
|
|
|
5323
4986
|
display: none;
|
|
5324
4987
|
}
|
|
5325
4988
|
}
|
|
5326
|
-
.pf-v6-c-
|
|
5327
|
-
--pf-v6-c-
|
|
5328
|
-
--pf-v6-c-
|
|
5329
|
-
--pf-v6-c-
|
|
5330
|
-
--pf-v6-c-
|
|
5331
|
-
--pf-v6-c-
|
|
5332
|
-
--pf-v6-c-
|
|
5333
|
-
--pf-v6-c-
|
|
5334
|
-
--pf-v6-c-
|
|
5335
|
-
--pf-v6-c-
|
|
5336
|
-
--pf-v6-c-
|
|
5337
|
-
--pf-v6-c-
|
|
5338
|
-
--pf-v6-c-
|
|
5339
|
-
--pf-v6-c-
|
|
5340
|
-
--pf-v6-c-
|
|
5341
|
-
--pf-v6-c-
|
|
5342
|
-
--pf-v6-c-
|
|
5343
|
-
--pf-v6-c-
|
|
5344
|
-
--pf-v6-c-
|
|
5345
|
-
--pf-v6-c-
|
|
5346
|
-
--pf-v6-c-
|
|
5347
|
-
--pf-v6-c-
|
|
5348
|
-
--pf-v6-c-
|
|
5349
|
-
--pf-v6-c-
|
|
5350
|
-
--pf-v6-c-
|
|
5351
|
-
--pf-v6-c-
|
|
5352
|
-
--pf-v6-c-
|
|
5353
|
-
--pf-v6-c-
|
|
5354
|
-
--pf-v6-c-
|
|
5355
|
-
--pf-v6-c-
|
|
5356
|
-
--pf-v6-c-
|
|
5357
|
-
--pf-v6-c-
|
|
5358
|
-
--pf-v6-c-
|
|
4989
|
+
.pf-v6-c-description-list {
|
|
4990
|
+
--pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
|
|
4991
|
+
--pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
|
|
4992
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: 1;
|
|
4993
|
+
--pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
|
|
4994
|
+
--pf-v6-c-description-list--GridTemplateColumns--min: 0;
|
|
4995
|
+
--pf-v6-c-description-list__group--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
4996
|
+
--pf-v6-c-description-list__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
|
|
4997
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: auto;
|
|
4998
|
+
--pf-v6-c-description-list__group--GridTemplateRows: auto 1fr;
|
|
4999
|
+
--pf-v6-c-description-list__group--GridColumn: auto;
|
|
5000
|
+
--pf-v6-c-description-list--m-compact--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--compact);
|
|
5001
|
+
--pf-v6-c-description-list--m-compact--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--compact);
|
|
5002
|
+
--pf-v6-c-description-list__term--Display: inline;
|
|
5003
|
+
--pf-v6-c-description-list__term--sm--Display: flex;
|
|
5004
|
+
--pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
5005
|
+
--pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
5006
|
+
--pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
5007
|
+
--pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
|
|
5008
|
+
--pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
5009
|
+
--pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
5010
|
+
--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-v6-c-description-list--GridTemplateColumns--count));
|
|
5011
|
+
--pf-v6-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
|
|
5012
|
+
--pf-v6-c-description-list--m-horizontal__term--width: 12ch;
|
|
5013
|
+
--pf-v6-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
|
|
5014
|
+
--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns: var(--pf-v6-c-description-list__term--width) var(--pf-v6-c-description-list--m-horizontal__description--width);
|
|
5015
|
+
--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows: auto;
|
|
5016
|
+
--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count: 1;
|
|
5017
|
+
--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count: 2;
|
|
5018
|
+
--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
|
|
5019
|
+
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
|
|
5020
|
+
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
|
|
5021
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
|
|
5022
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
|
|
5023
|
+
--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
5024
|
+
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
5025
|
+
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
5026
|
+
--pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
5027
|
+
--pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
|
|
5028
|
+
--pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
|
|
5029
|
+
--pf-v6-c-description-list--m-horizontal__term--width-on-md: inherit;
|
|
5030
|
+
--pf-v6-c-description-list--m-horizontal__term--width-on-lg: inherit;
|
|
5031
|
+
--pf-v6-c-description-list--m-horizontal__term--width-on-xl: inherit;
|
|
5032
|
+
--pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
|
|
5033
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
5034
|
+
}
|
|
5035
|
+
|
|
5036
|
+
@media screen and (min-width: 36rem) {
|
|
5037
|
+
.pf-v6-c-description-list {
|
|
5038
|
+
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
|
5039
|
+
}
|
|
5040
|
+
}
|
|
5041
|
+
@media (min-width: 36rem) {
|
|
5042
|
+
.pf-v6-c-description-list {
|
|
5043
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
|
|
5044
|
+
}
|
|
5045
|
+
}
|
|
5046
|
+
@media (min-width: 48rem) {
|
|
5047
|
+
.pf-v6-c-description-list {
|
|
5048
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)));
|
|
5049
|
+
}
|
|
5050
|
+
}
|
|
5051
|
+
@media (min-width: 62rem) {
|
|
5052
|
+
.pf-v6-c-description-list {
|
|
5053
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))));
|
|
5054
|
+
}
|
|
5055
|
+
}
|
|
5056
|
+
@media (min-width: 75rem) {
|
|
5057
|
+
.pf-v6-c-description-list {
|
|
5058
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)))));
|
|
5059
|
+
}
|
|
5060
|
+
}
|
|
5061
|
+
@media (min-width: 90.625rem) {
|
|
5062
|
+
.pf-v6-c-description-list {
|
|
5063
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))))));
|
|
5064
|
+
}
|
|
5065
|
+
}
|
|
5066
|
+
.pf-v6-c-description-list {
|
|
5067
|
+
display: grid;
|
|
5068
|
+
grid-template-columns: repeat(var(--pf-v6-c-description-list--GridTemplateColumns--count), var(--pf-v6-c-description-list--GridTemplateColumns--width));
|
|
5069
|
+
row-gap: var(--pf-v6-c-description-list--RowGap);
|
|
5070
|
+
column-gap: var(--pf-v6-c-description-list--ColumnGap);
|
|
5071
|
+
align-items: baseline;
|
|
5072
|
+
}
|
|
5073
|
+
|
|
5074
|
+
.pf-v6-c-description-list.pf-m-inline-grid {
|
|
5075
|
+
display: inline-grid;
|
|
5076
|
+
}
|
|
5077
|
+
|
|
5078
|
+
.pf-v6-c-description-list.pf-m-auto-column-widths {
|
|
5079
|
+
--pf-v6-c-description-list--GridTemplateColumns--width: minmax(8ch, max-content);
|
|
5080
|
+
}
|
|
5081
|
+
|
|
5082
|
+
.pf-v6-c-description-list.pf-m-auto-fit {
|
|
5083
|
+
grid-template-columns: repeat(auto-fit, minmax(var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min), 1fr));
|
|
5084
|
+
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min);
|
|
5085
|
+
}
|
|
5086
|
+
|
|
5087
|
+
@media (min-width: 36rem) {
|
|
5088
|
+
.pf-v6-c-description-list.pf-m-auto-fit {
|
|
5089
|
+
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min));
|
|
5090
|
+
}
|
|
5091
|
+
}
|
|
5092
|
+
@media (min-width: 48rem) {
|
|
5093
|
+
.pf-v6-c-description-list.pf-m-auto-fit {
|
|
5094
|
+
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min)));
|
|
5095
|
+
}
|
|
5096
|
+
}
|
|
5097
|
+
@media (min-width: 62rem) {
|
|
5098
|
+
.pf-v6-c-description-list.pf-m-auto-fit {
|
|
5099
|
+
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min))));
|
|
5100
|
+
}
|
|
5101
|
+
}
|
|
5102
|
+
@media (min-width: 75rem) {
|
|
5103
|
+
.pf-v6-c-description-list.pf-m-auto-fit {
|
|
5104
|
+
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min)))));
|
|
5105
|
+
}
|
|
5106
|
+
}
|
|
5107
|
+
@media (min-width: 90.625rem) {
|
|
5108
|
+
.pf-v6-c-description-list.pf-m-auto-fit {
|
|
5109
|
+
--pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-2xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min))))));
|
|
5110
|
+
}
|
|
5111
|
+
}
|
|
5112
|
+
.pf-v6-c-description-list.pf-m-compact {
|
|
5113
|
+
--pf-v6-c-description-list--RowGap: var(--pf-v6-c-description-list--m-compact--RowGap);
|
|
5114
|
+
--pf-v6-c-description-list--ColumnGap: var(--pf-v6-c-description-list--m-compact--ColumnGap);
|
|
5115
|
+
}
|
|
5116
|
+
|
|
5117
|
+
.pf-v6-c-description-list.pf-m-fluid {
|
|
5118
|
+
--pf-v6-c-description-list--m-horizontal__term--width: fit-content(20ch);
|
|
5119
|
+
}
|
|
5120
|
+
|
|
5121
|
+
.pf-v6-c-description-list.pf-m-fill-columns {
|
|
5122
|
+
display: block;
|
|
5123
|
+
column-count: var(--pf-v6-c-description-list--GridTemplateColumns--count);
|
|
5124
|
+
margin-block-end: calc(var(--pf-v6-c-description-list--RowGap) * -1);
|
|
5125
|
+
}
|
|
5126
|
+
|
|
5127
|
+
.pf-v6-c-description-list.pf-m-fill-columns .pf-v6-c-description-list__group,
|
|
5128
|
+
.pf-v6-c-description-list.pf-m-fill-columns > .pf-v6-c-card {
|
|
5129
|
+
display: inline-grid;
|
|
5130
|
+
width: 100%;
|
|
5131
|
+
margin-block-end: var(--pf-v6-c-description-list--RowGap);
|
|
5132
|
+
break-inside: avoid;
|
|
5133
|
+
page-break-inside: avoid;
|
|
5134
|
+
-webkit-column-break-inside: avoid;
|
|
5135
|
+
-moz-column-break-inside: avoid;
|
|
5136
|
+
}
|
|
5137
|
+
|
|
5138
|
+
.pf-v6-c-description-list.pf-m-display-lg {
|
|
5139
|
+
--pf-v6-c-description-list__description--FontSize: var(--pf-v6-c-description-list--m-display-lg__description--FontSize);
|
|
5140
|
+
}
|
|
5141
|
+
|
|
5142
|
+
.pf-v6-c-description-list.pf-m-display-2xl {
|
|
5143
|
+
--pf-v6-c-description-list__description--FontSize: var(--pf-v6-c-description-list--m-display-2xl__description--FontSize);
|
|
5144
|
+
}
|
|
5145
|
+
|
|
5146
|
+
.pf-v6-c-description-list > .pf-v6-c-card {
|
|
5147
|
+
align-self: stretch;
|
|
5148
|
+
padding-block-start: var(--pf-v6-c-card--first-child--PaddingBlockStart);
|
|
5149
|
+
padding-block-end: var(--pf-v6-c-card--child--PaddingBlockEnd);
|
|
5150
|
+
padding-inline-start: var(--pf-v6-c-card--child--PaddingInlineStart);
|
|
5151
|
+
padding-inline-end: var(--pf-v6-c-card--child--PaddingInlineEnd);
|
|
5152
|
+
}
|
|
5153
|
+
|
|
5154
|
+
.pf-v6-c-description-list__group,
|
|
5155
|
+
.pf-v6-c-description-list > .pf-v6-c-card {
|
|
5156
|
+
display: grid;
|
|
5157
|
+
grid-template-rows: var(--pf-v6-c-description-list__group--GridTemplateRows);
|
|
5158
|
+
grid-template-columns: var(--pf-v6-c-description-list__group--GridTemplateColumns);
|
|
5159
|
+
grid-column: var(--pf-v6-c-description-list__group--GridColumn);
|
|
5160
|
+
row-gap: var(--pf-v6-c-description-list__group--RowGap);
|
|
5161
|
+
column-gap: var(--pf-v6-c-description-list__group--ColumnGap);
|
|
5162
|
+
align-items: baseline;
|
|
5163
|
+
}
|
|
5164
|
+
|
|
5165
|
+
.pf-v6-c-description-list__term,
|
|
5166
|
+
.pf-v6-c-description-list__description {
|
|
5167
|
+
min-width: 0;
|
|
5168
|
+
text-align: start;
|
|
5169
|
+
overflow-wrap: break-word;
|
|
5170
|
+
}
|
|
5171
|
+
|
|
5172
|
+
.pf-v6-c-description-list__term {
|
|
5173
|
+
display: var(--pf-v6-c-description-list__term--Display);
|
|
5174
|
+
font-size: var(--pf-v6-c-description-list__term--FontSize);
|
|
5175
|
+
font-weight: var(--pf-v6-c-description-list__term--FontWeight);
|
|
5176
|
+
line-height: var(--pf-v6-c-description-list__term--LineHeight);
|
|
5177
|
+
}
|
|
5178
|
+
|
|
5179
|
+
.pf-v6-c-description-list__term .pf-v6-c-description-list__text {
|
|
5180
|
+
display: inline;
|
|
5181
|
+
}
|
|
5182
|
+
|
|
5183
|
+
.pf-v6-c-description-list__term-icon {
|
|
5184
|
+
flex-shrink: 0;
|
|
5185
|
+
min-width: var(--pf-v6-c-description-list__term-icon--MinWidth);
|
|
5186
|
+
margin-inline-end: var(--pf-v6-c-description-list__term-icon--MarginInlineEnd);
|
|
5187
|
+
color: var(--pf-v6-c-description-list__term-icon--Color);
|
|
5188
|
+
}
|
|
5189
|
+
|
|
5190
|
+
.pf-v6-c-description-list__description {
|
|
5191
|
+
font-size: var(--pf-v6-c-description-list__description--FontSize, inherit);
|
|
5192
|
+
}
|
|
5193
|
+
|
|
5194
|
+
.pf-v6-c-description-list__text {
|
|
5195
|
+
min-width: 0;
|
|
5196
|
+
}
|
|
5197
|
+
|
|
5198
|
+
.pf-v6-c-description-list__text.pf-m-help-text {
|
|
5199
|
+
text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
|
|
5200
|
+
text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
|
|
5201
|
+
cursor: pointer;
|
|
5202
|
+
}
|
|
5203
|
+
|
|
5204
|
+
.pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) {
|
|
5205
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine);
|
|
5206
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
|
|
5207
|
+
}
|
|
5208
|
+
|
|
5209
|
+
.pf-v6-c-description-list.pf-m-1-col {
|
|
5210
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
5211
|
+
}
|
|
5212
|
+
|
|
5213
|
+
.pf-v6-c-description-list.pf-m-2-col {
|
|
5214
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
5215
|
+
}
|
|
5216
|
+
|
|
5217
|
+
.pf-v6-c-description-list.pf-m-3-col {
|
|
5218
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
5219
|
+
}
|
|
5220
|
+
|
|
5221
|
+
.pf-v6-c-description-list.pf-m-horizontal {
|
|
5222
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
5223
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
5224
|
+
}
|
|
5225
|
+
|
|
5226
|
+
.pf-v6-c-description-list.pf-m-vertical {
|
|
5227
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
5228
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
5229
|
+
}
|
|
5230
|
+
|
|
5231
|
+
@media (min-width: 36rem) {
|
|
5232
|
+
.pf-v6-c-description-list.pf-m-1-col-on-sm {
|
|
5233
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
5234
|
+
}
|
|
5235
|
+
.pf-v6-c-description-list.pf-m-2-col-on-sm {
|
|
5236
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
5237
|
+
}
|
|
5238
|
+
.pf-v6-c-description-list.pf-m-3-col-on-sm {
|
|
5239
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
5240
|
+
}
|
|
5241
|
+
.pf-v6-c-description-list.pf-m-horizontal-on-sm {
|
|
5242
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
5243
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
5244
|
+
}
|
|
5245
|
+
.pf-v6-c-description-list.pf-m-vertical-on-sm {
|
|
5246
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
5247
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
5248
|
+
}
|
|
5249
|
+
}
|
|
5250
|
+
@media (min-width: 48rem) {
|
|
5251
|
+
.pf-v6-c-description-list.pf-m-1-col-on-md {
|
|
5252
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
5253
|
+
}
|
|
5254
|
+
.pf-v6-c-description-list.pf-m-2-col-on-md {
|
|
5255
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
5256
|
+
}
|
|
5257
|
+
.pf-v6-c-description-list.pf-m-3-col-on-md {
|
|
5258
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
5259
|
+
}
|
|
5260
|
+
.pf-v6-c-description-list.pf-m-horizontal-on-md {
|
|
5261
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
5262
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
5263
|
+
}
|
|
5264
|
+
.pf-v6-c-description-list.pf-m-vertical-on-md {
|
|
5265
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
5266
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
5267
|
+
}
|
|
5268
|
+
}
|
|
5269
|
+
@media (min-width: 62rem) {
|
|
5270
|
+
.pf-v6-c-description-list.pf-m-1-col-on-lg {
|
|
5271
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
5272
|
+
}
|
|
5273
|
+
.pf-v6-c-description-list.pf-m-2-col-on-lg {
|
|
5274
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
5275
|
+
}
|
|
5276
|
+
.pf-v6-c-description-list.pf-m-3-col-on-lg {
|
|
5277
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
5278
|
+
}
|
|
5279
|
+
.pf-v6-c-description-list.pf-m-horizontal-on-lg {
|
|
5280
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
5281
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
5282
|
+
}
|
|
5283
|
+
.pf-v6-c-description-list.pf-m-vertical-on-lg {
|
|
5284
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
5285
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
5286
|
+
}
|
|
5287
|
+
}
|
|
5288
|
+
@media (min-width: 75rem) {
|
|
5289
|
+
.pf-v6-c-description-list.pf-m-1-col-on-xl {
|
|
5290
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
5291
|
+
}
|
|
5292
|
+
.pf-v6-c-description-list.pf-m-2-col-on-xl {
|
|
5293
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
5294
|
+
}
|
|
5295
|
+
.pf-v6-c-description-list.pf-m-3-col-on-xl {
|
|
5296
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
5297
|
+
}
|
|
5298
|
+
.pf-v6-c-description-list.pf-m-horizontal-on-xl {
|
|
5299
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
5300
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
5301
|
+
}
|
|
5302
|
+
.pf-v6-c-description-list.pf-m-vertical-on-xl {
|
|
5303
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
5304
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
5305
|
+
}
|
|
5306
|
+
}
|
|
5307
|
+
@media (min-width: 90.625rem) {
|
|
5308
|
+
.pf-v6-c-description-list.pf-m-1-col-on-2xl {
|
|
5309
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
|
|
5310
|
+
}
|
|
5311
|
+
.pf-v6-c-description-list.pf-m-2-col-on-2xl {
|
|
5312
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
|
|
5313
|
+
}
|
|
5314
|
+
.pf-v6-c-description-list.pf-m-3-col-on-2xl {
|
|
5315
|
+
--pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
|
|
5316
|
+
}
|
|
5317
|
+
.pf-v6-c-description-list.pf-m-horizontal-on-2xl {
|
|
5318
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
5319
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
5320
|
+
}
|
|
5321
|
+
.pf-v6-c-description-list.pf-m-vertical-on-2xl {
|
|
5322
|
+
--pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
5323
|
+
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
5324
|
+
}
|
|
5325
|
+
}
|
|
5326
|
+
.pf-v6-c-dual-list-selector {
|
|
5327
|
+
--pf-v6-c-dual-list-selector__header--GridArea: pane-header;
|
|
5328
|
+
--pf-v6-c-dual-list-selector__tools--GridArea: pane-tools;
|
|
5329
|
+
--pf-v6-c-dual-list-selector__status--GridArea: pane-status;
|
|
5330
|
+
--pf-v6-c-dual-list-selector__menu--GridArea: pane-menu;
|
|
5331
|
+
--pf-v6-c-dual-list-selector__controls--GridArea: controls;
|
|
5332
|
+
--pf-v6-c-dual-list-selector--m-chosen__header--GridArea: pane-header-c;
|
|
5333
|
+
--pf-v6-c-dual-list-selector--m-chosen__tools--GridArea: pane-tools-c;
|
|
5334
|
+
--pf-v6-c-dual-list-selector--m-chosen__status--GridArea: pane-status-c;
|
|
5335
|
+
--pf-v6-c-dual-list-selector--m-chosen__menu--GridArea: pane-menu-c;
|
|
5336
|
+
--pf-v6-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min: 12.5rem;
|
|
5337
|
+
--pf-v6-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max: 28.125rem;
|
|
5338
|
+
--pf-v6-c-dual-list-selector__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
5339
|
+
--pf-v6-c-dual-list-selector__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
5340
|
+
--pf-v6-c-dual-list-selector__title-text--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
5341
|
+
--pf-v6-c-dual-list-selector__tools--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
5342
|
+
--pf-v6-c-dual-list-selector__tools-filter--tools-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
5343
|
+
--pf-v6-c-dual-list-selector__menu--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
5344
|
+
--pf-v6-c-dual-list-selector__menu--BorderColor: var(--pf-t--global--border--color--default);
|
|
5345
|
+
--pf-v6-c-dual-list-selector__menu--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
5346
|
+
--pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
|
|
5347
|
+
--pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
|
|
5348
|
+
--pf-v6-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
5349
|
+
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
5350
|
+
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
5351
|
+
--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
5352
|
+
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
5353
|
+
--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
5354
|
+
--pf-v6-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
|
|
5355
|
+
--pf-v6-c-dual-list-selector__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
5356
|
+
--pf-v6-c-dual-list-selector__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
5357
|
+
--pf-v6-c-dual-list-selector__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
5358
|
+
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
5359
5359
|
--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
5360
5360
|
--pf-v6-c-dual-list-selector__item--indent--base: calc(var(--pf-t--global--spacer--md) + var(--pf-t--global--spacer--sm) + var(--pf-v6-c-dual-list-selector__list-item-row--FontSize));
|
|
5361
5361
|
--pf-v6-c-dual-list-selector__item--nested-indent--base: calc(var(--pf-v6-c-dual-list-selector__item--indent--base) - var(--pf-t--global--spacer--md));
|
|
@@ -5866,108 +5866,48 @@ ul) {
|
|
|
5866
5866
|
.pf-v6-c-expandable-section.pf-m-display-lg {
|
|
5867
5867
|
padding-block-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart);
|
|
5868
5868
|
padding-block-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd);
|
|
5869
|
-
padding-inline-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart);
|
|
5870
|
-
padding-inline-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd);
|
|
5871
|
-
background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
|
|
5872
|
-
border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
|
|
5873
|
-
border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
|
|
5874
|
-
}
|
|
5875
|
-
|
|
5876
|
-
.pf-v6-c-expandable-section.pf-m-indented {
|
|
5877
|
-
--pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
|
|
5878
|
-
}
|
|
5879
|
-
|
|
5880
|
-
.pf-v6-c-expandable-section.pf-m-truncate {
|
|
5881
|
-
--pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
|
|
5882
|
-
}
|
|
5883
|
-
|
|
5884
|
-
.pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
|
|
5885
|
-
display: -webkit-box;
|
|
5886
|
-
-webkit-box-orient: vertical;
|
|
5887
|
-
-webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
|
|
5888
|
-
overflow: hidden;
|
|
5889
|
-
}
|
|
5890
|
-
|
|
5891
|
-
.pf-v6-c-expandable-section__toggle-icon {
|
|
5892
|
-
display: inline-block;
|
|
5893
|
-
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
5894
|
-
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
5895
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
5896
|
-
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
5897
|
-
}
|
|
5898
|
-
|
|
5899
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
5900
|
-
scale: -1 1;
|
|
5901
|
-
}
|
|
5902
|
-
|
|
5903
|
-
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
5904
|
-
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
5905
|
-
}
|
|
5906
|
-
|
|
5907
|
-
.pf-v6-c-expandable-section__content {
|
|
5908
|
-
max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
|
|
5909
|
-
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
|
|
5910
|
-
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
|
|
5911
|
-
}
|
|
5912
|
-
|
|
5913
|
-
.pf-v6-c-file-upload {
|
|
5914
|
-
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
5915
|
-
--pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
5916
|
-
--pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
5917
|
-
--pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
5918
|
-
--pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
5919
|
-
--pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
5920
|
-
--pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
5921
|
-
--pf-v6-c-file-upload--BorderColor: transparent;
|
|
5922
|
-
--pf-v6-c-file-upload--BorderStyle: solid;
|
|
5923
|
-
--pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
|
|
5924
|
-
--pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
|
|
5925
|
-
--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
5926
|
-
--pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
|
|
5869
|
+
padding-inline-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart);
|
|
5870
|
+
padding-inline-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd);
|
|
5871
|
+
background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
|
|
5872
|
+
border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
|
|
5873
|
+
border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
|
|
5927
5874
|
}
|
|
5928
5875
|
|
|
5929
|
-
.pf-v6-c-
|
|
5930
|
-
|
|
5931
|
-
display: flex;
|
|
5932
|
-
flex-direction: column;
|
|
5933
|
-
row-gap: var(--pf-v6-c-file-upload--RowGap);
|
|
5934
|
-
padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
|
|
5935
|
-
padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
|
|
5936
|
-
padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
|
|
5937
|
-
padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
|
|
5938
|
-
border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
|
|
5939
|
-
border-radius: var(--pf-v6-c-file-upload--BorderRadius);
|
|
5876
|
+
.pf-v6-c-expandable-section.pf-m-indented {
|
|
5877
|
+
--pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
|
|
5940
5878
|
}
|
|
5941
5879
|
|
|
5942
|
-
.pf-v6-c-
|
|
5943
|
-
--pf-v6-c-
|
|
5944
|
-
--pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
|
|
5880
|
+
.pf-v6-c-expandable-section.pf-m-truncate {
|
|
5881
|
+
--pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
|
|
5945
5882
|
}
|
|
5946
5883
|
|
|
5947
|
-
.pf-v6-c-
|
|
5948
|
-
|
|
5884
|
+
.pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
|
|
5885
|
+
display: -webkit-box;
|
|
5886
|
+
-webkit-box-orient: vertical;
|
|
5887
|
+
-webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
|
|
5888
|
+
overflow: hidden;
|
|
5949
5889
|
}
|
|
5950
5890
|
|
|
5951
|
-
.pf-v6-c-
|
|
5952
|
-
|
|
5891
|
+
.pf-v6-c-expandable-section__toggle-icon {
|
|
5892
|
+
display: inline-block;
|
|
5893
|
+
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
5894
|
+
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
5895
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
5896
|
+
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
5953
5897
|
}
|
|
5954
5898
|
|
|
5955
|
-
.pf-v6-c-
|
|
5956
|
-
|
|
5957
|
-
display: flex;
|
|
5899
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
5900
|
+
scale: -1 1;
|
|
5958
5901
|
}
|
|
5959
5902
|
|
|
5960
|
-
.pf-v6-c-
|
|
5961
|
-
|
|
5962
|
-
min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
|
|
5963
|
-
border-block-start: 0;
|
|
5903
|
+
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
5904
|
+
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
5964
5905
|
}
|
|
5965
5906
|
|
|
5966
|
-
.pf-v6-c-
|
|
5967
|
-
|
|
5968
|
-
|
|
5969
|
-
|
|
5970
|
-
transform: translate(-50%, -50%);
|
|
5907
|
+
.pf-v6-c-expandable-section__content {
|
|
5908
|
+
max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
|
|
5909
|
+
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
|
|
5910
|
+
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
|
|
5971
5911
|
}
|
|
5972
5912
|
|
|
5973
5913
|
.pf-v6-c-form {
|
|
@@ -7217,407 +7157,149 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7217
7157
|
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-md__content--FontSize);
|
|
7218
7158
|
}
|
|
7219
7159
|
|
|
7220
|
-
.pf-v6-c-icon__content.pf-m-body-lg,
|
|
7221
|
-
.pf-v6-c-icon__progress.pf-m-body-lg {
|
|
7222
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-lg__content--FontSize);
|
|
7223
|
-
}
|
|
7224
|
-
|
|
7225
|
-
.pf-v6-c-icon__content.pf-m-heading-sm,
|
|
7226
|
-
.pf-v6-c-icon__progress.pf-m-heading-sm {
|
|
7227
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-sm__content--FontSize);
|
|
7228
|
-
}
|
|
7229
|
-
|
|
7230
|
-
.pf-v6-c-icon__content.pf-m-heading-md,
|
|
7231
|
-
.pf-v6-c-icon__progress.pf-m-heading-md {
|
|
7232
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-md__content--FontSize);
|
|
7233
|
-
}
|
|
7234
|
-
|
|
7235
|
-
.pf-v6-c-icon__content.pf-m-heading-lg,
|
|
7236
|
-
.pf-v6-c-icon__progress.pf-m-heading-lg {
|
|
7237
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-lg__content--FontSize);
|
|
7238
|
-
}
|
|
7239
|
-
|
|
7240
|
-
.pf-v6-c-icon__content.pf-m-heading-xl,
|
|
7241
|
-
.pf-v6-c-icon__progress.pf-m-heading-xl {
|
|
7242
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-xl__content--FontSize);
|
|
7243
|
-
}
|
|
7244
|
-
|
|
7245
|
-
.pf-v6-c-icon__content.pf-m-heading-2xl,
|
|
7246
|
-
.pf-v6-c-icon__progress.pf-m-heading-2xl {
|
|
7247
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-2xl__content--FontSize);
|
|
7248
|
-
}
|
|
7249
|
-
|
|
7250
|
-
.pf-v6-c-icon__content.pf-m-heading-3xl,
|
|
7251
|
-
.pf-v6-c-icon__progress.pf-m-heading-3xl {
|
|
7252
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-3xl__content--FontSize);
|
|
7253
|
-
}
|
|
7254
|
-
|
|
7255
|
-
.pf-v6-c-icon__content {
|
|
7256
|
-
color: var(--pf-v6-c-icon__content--Color, inherit);
|
|
7257
|
-
opacity: var(--pf-v6-c-icon__content--Opacity, 1);
|
|
7258
|
-
}
|
|
7259
|
-
|
|
7260
|
-
.pf-v6-c-icon__content.pf-m-danger {
|
|
7261
|
-
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-danger--Color);
|
|
7262
|
-
}
|
|
7263
|
-
|
|
7264
|
-
.pf-v6-c-icon__content.pf-m-warning {
|
|
7265
|
-
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-warning--Color);
|
|
7266
|
-
}
|
|
7267
|
-
|
|
7268
|
-
.pf-v6-c-icon__content.pf-m-success {
|
|
7269
|
-
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-success--Color);
|
|
7270
|
-
}
|
|
7271
|
-
|
|
7272
|
-
.pf-v6-c-icon__content.pf-m-info {
|
|
7273
|
-
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-info--Color);
|
|
7274
|
-
}
|
|
7275
|
-
|
|
7276
|
-
.pf-v6-c-icon__content.pf-m-custom {
|
|
7277
|
-
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-custom--Color);
|
|
7278
|
-
}
|
|
7279
|
-
|
|
7280
|
-
.pf-v6-c-icon__progress {
|
|
7281
|
-
position: absolute;
|
|
7282
|
-
inset-block-start: calc(50% + 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign));
|
|
7283
|
-
opacity: var(--pf-v6-c-icon__progress--Opacity, 0);
|
|
7284
|
-
transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
|
|
7285
|
-
}
|
|
7286
|
-
|
|
7287
|
-
.pf-v6-c-input-group {
|
|
7288
|
-
--pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
7289
|
-
--pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
|
|
7290
|
-
--pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
|
|
7291
|
-
--pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
|
|
7292
|
-
--pf-v6-c-input-group__item--BackgroundColor: transparent;
|
|
7293
|
-
--pf-v6-c-input-group__item--AlignItems: start;
|
|
7294
|
-
--pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7295
|
-
--pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7296
|
-
--pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7297
|
-
--pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
|
|
7298
|
-
--pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7299
|
-
--pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7300
|
-
--pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7301
|
-
--pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7302
|
-
--pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7303
|
-
--pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
|
|
7304
|
-
--pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7305
|
-
--pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
|
|
7306
|
-
--pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7307
|
-
--pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
7308
|
-
}
|
|
7309
|
-
|
|
7310
|
-
.pf-v6-c-input-group {
|
|
7311
|
-
display: flex;
|
|
7312
|
-
gap: var(--pf-v6-c-input-group--Gap);
|
|
7313
|
-
width: 100%;
|
|
7314
|
-
}
|
|
7315
|
-
|
|
7316
|
-
.pf-v6-c-input-group__item {
|
|
7317
|
-
position: relative;
|
|
7318
|
-
display: flex;
|
|
7319
|
-
align-items: var(--pf-v6-c-input-group__item--AlignItems);
|
|
7320
|
-
min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
|
|
7321
|
-
max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
|
|
7322
|
-
background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
|
|
7323
|
-
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7324
|
-
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7325
|
-
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7326
|
-
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7327
|
-
}
|
|
7328
|
-
|
|
7329
|
-
.pf-v6-c-input-group__item.pf-m-box {
|
|
7330
|
-
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
|
|
7331
|
-
padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
|
|
7332
|
-
padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
|
|
7333
|
-
border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
|
|
7334
|
-
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7335
|
-
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7336
|
-
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7337
|
-
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7338
|
-
border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
|
|
7339
|
-
}
|
|
7340
|
-
|
|
7341
|
-
.pf-v6-c-input-group__item.pf-m-plain {
|
|
7342
|
-
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
|
|
7343
|
-
border: none;
|
|
7344
|
-
}
|
|
7345
|
-
|
|
7346
|
-
.pf-v6-c-input-group__item.pf-m-disabled {
|
|
7347
|
-
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
|
|
7348
|
-
--pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
|
|
7349
|
-
}
|
|
7350
|
-
|
|
7351
|
-
.pf-v6-c-input-group__item.pf-m-fill {
|
|
7352
|
-
flex-grow: 1;
|
|
7353
|
-
}
|
|
7354
|
-
|
|
7355
|
-
.pf-v6-c-input-group__text {
|
|
7356
|
-
align-self: center;
|
|
7357
|
-
font-size: var(--pf-v6-c-input-group__text--FontSize);
|
|
7358
|
-
color: var(--pf-v6-c-input-group__text--Color);
|
|
7359
|
-
}
|
|
7360
|
-
|
|
7361
|
-
label.pf-v6-c-input-group__text {
|
|
7362
|
-
cursor: pointer;
|
|
7363
|
-
}
|
|
7364
|
-
|
|
7365
|
-
.pf-v6-c-jump-links {
|
|
7366
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7367
|
-
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
|
7368
|
-
--pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
7369
|
-
--pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
|
|
7370
|
-
--pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
7371
|
-
--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
7372
|
-
--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd: 0;
|
|
7373
|
-
--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7374
|
-
--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart: 0;
|
|
7375
|
-
--pf-v6-c-jump-links__list--FlexDirection: row;
|
|
7376
|
-
--pf-v6-c-jump-links--m-vertical__list--FlexDirection: column;
|
|
7377
|
-
--pf-v6-c-jump-links__list--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
7378
|
-
--pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-t--global--border--width--box--default);
|
|
7379
|
-
--pf-v6-c-jump-links__list--before--BorderInlineEndWidth: 0;
|
|
7380
|
-
--pf-v6-c-jump-links__list--before--BorderBlockEndWidth: 0;
|
|
7381
|
-
--pf-v6-c-jump-links__list--before--BorderInlineStartWidth: 0;
|
|
7382
|
-
--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth: var(--pf-t--global--border--width--box--default);
|
|
7383
|
-
--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth: 0;
|
|
7384
|
-
--pf-v6-c-jump-links__list__list--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
7385
|
-
--pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7386
|
-
--pf-v6-c-jump-links__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7387
|
-
--pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7388
|
-
--pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7389
|
-
--pf-v6-c-jump-links__list__list__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7390
|
-
--pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
7391
|
-
--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7392
|
-
--pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
|
|
7393
|
-
--pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
|
|
7394
|
-
--pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
|
|
7395
|
-
--pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
|
|
7396
|
-
--pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
|
|
7397
|
-
--pf-v6-c-jump-links__link--before--BorderColor: transparent;
|
|
7398
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
7399
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
|
|
7400
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7401
|
-
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
|
|
7402
|
-
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
7403
|
-
--pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7404
|
-
--pf-v6-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7405
|
-
--pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
|
|
7406
|
-
--pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
7407
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7408
|
-
--pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
|
|
7409
|
-
--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7410
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7411
|
-
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7412
|
-
--pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
7413
|
-
--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7414
|
-
--pf-v6-c-jump-links__toggle-icon--Rotate: 0;
|
|
7415
|
-
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
7416
|
-
}
|
|
7417
|
-
|
|
7418
|
-
.pf-v6-c-jump-links {
|
|
7419
|
-
display: flex;
|
|
7160
|
+
.pf-v6-c-icon__content.pf-m-body-lg,
|
|
7161
|
+
.pf-v6-c-icon__progress.pf-m-body-lg {
|
|
7162
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-lg__content--FontSize);
|
|
7420
7163
|
}
|
|
7421
7164
|
|
|
7422
|
-
.pf-v6-c-
|
|
7423
|
-
|
|
7165
|
+
.pf-v6-c-icon__content.pf-m-heading-sm,
|
|
7166
|
+
.pf-v6-c-icon__progress.pf-m-heading-sm {
|
|
7167
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-sm__content--FontSize);
|
|
7424
7168
|
}
|
|
7425
7169
|
|
|
7426
|
-
.pf-v6-c-
|
|
7427
|
-
|
|
7170
|
+
.pf-v6-c-icon__content.pf-m-heading-md,
|
|
7171
|
+
.pf-v6-c-icon__progress.pf-m-heading-md {
|
|
7172
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-md__content--FontSize);
|
|
7428
7173
|
}
|
|
7429
7174
|
|
|
7430
|
-
.pf-v6-c-
|
|
7431
|
-
|
|
7432
|
-
--pf-v6-c-
|
|
7433
|
-
--pf-v6-c-jump-links__list--PaddingBlockEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd);
|
|
7434
|
-
--pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart);
|
|
7435
|
-
--pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
|
|
7436
|
-
--pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
|
|
7437
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth);
|
|
7438
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth);
|
|
7439
|
-
--pf-v6-c-jump-links__list--FlexDirection: var(--pf-v6-c-jump-links--m-vertical__list--FlexDirection);
|
|
7440
|
-
flex-direction: column;
|
|
7175
|
+
.pf-v6-c-icon__content.pf-m-heading-lg,
|
|
7176
|
+
.pf-v6-c-icon__progress.pf-m-heading-lg {
|
|
7177
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-lg__content--FontSize);
|
|
7441
7178
|
}
|
|
7442
7179
|
|
|
7443
|
-
.pf-v6-c-
|
|
7444
|
-
|
|
7445
|
-
--pf-v6-c-
|
|
7446
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7180
|
+
.pf-v6-c-icon__content.pf-m-heading-xl,
|
|
7181
|
+
.pf-v6-c-icon__progress.pf-m-heading-xl {
|
|
7182
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-xl__content--FontSize);
|
|
7447
7183
|
}
|
|
7448
7184
|
|
|
7449
|
-
.pf-v6-c-
|
|
7450
|
-
|
|
7451
|
-
--pf-v6-c-
|
|
7452
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7185
|
+
.pf-v6-c-icon__content.pf-m-heading-2xl,
|
|
7186
|
+
.pf-v6-c-icon__progress.pf-m-heading-2xl {
|
|
7187
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-2xl__content--FontSize);
|
|
7453
7188
|
}
|
|
7454
7189
|
|
|
7455
|
-
|
|
7456
|
-
|
|
7457
|
-
|
|
7458
|
-
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7459
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7460
|
-
}
|
|
7461
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-sm {
|
|
7462
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7463
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7464
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7465
|
-
}
|
|
7466
|
-
}
|
|
7467
|
-
@media (min-width: 48rem) {
|
|
7468
|
-
.pf-v6-c-jump-links.pf-m-expandable-on-md {
|
|
7469
|
-
--pf-v6-c-jump-links__list--Display: none;
|
|
7470
|
-
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7471
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7472
|
-
}
|
|
7473
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-md {
|
|
7474
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7475
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7476
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7477
|
-
}
|
|
7478
|
-
}
|
|
7479
|
-
@media (min-width: 62rem) {
|
|
7480
|
-
.pf-v6-c-jump-links.pf-m-expandable-on-lg {
|
|
7481
|
-
--pf-v6-c-jump-links__list--Display: none;
|
|
7482
|
-
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7483
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7484
|
-
}
|
|
7485
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-lg {
|
|
7486
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7487
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7488
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7489
|
-
}
|
|
7490
|
-
}
|
|
7491
|
-
@media (min-width: 75rem) {
|
|
7492
|
-
.pf-v6-c-jump-links.pf-m-expandable-on-xl {
|
|
7493
|
-
--pf-v6-c-jump-links__list--Display: none;
|
|
7494
|
-
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7495
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7496
|
-
}
|
|
7497
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-xl {
|
|
7498
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7499
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7500
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7501
|
-
}
|
|
7502
|
-
}
|
|
7503
|
-
@media (min-width: 90.625rem) {
|
|
7504
|
-
.pf-v6-c-jump-links.pf-m-expandable-on-2xl {
|
|
7505
|
-
--pf-v6-c-jump-links__list--Display: none;
|
|
7506
|
-
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7507
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7508
|
-
}
|
|
7509
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-2xl {
|
|
7510
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7511
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7512
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7513
|
-
}
|
|
7190
|
+
.pf-v6-c-icon__content.pf-m-heading-3xl,
|
|
7191
|
+
.pf-v6-c-icon__progress.pf-m-heading-3xl {
|
|
7192
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-3xl__content--FontSize);
|
|
7514
7193
|
}
|
|
7515
|
-
|
|
7516
|
-
|
|
7517
|
-
|
|
7518
|
-
|
|
7519
|
-
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Color);
|
|
7194
|
+
|
|
7195
|
+
.pf-v6-c-icon__content {
|
|
7196
|
+
color: var(--pf-v6-c-icon__content--Color, inherit);
|
|
7197
|
+
opacity: var(--pf-v6-c-icon__content--Opacity, 1);
|
|
7520
7198
|
}
|
|
7521
7199
|
|
|
7522
|
-
.pf-v6-c-
|
|
7523
|
-
|
|
7524
|
-
display: var(--pf-v6-c-jump-links__list--Display);
|
|
7525
|
-
flex-direction: var(--pf-v6-c-jump-links__list--FlexDirection);
|
|
7526
|
-
padding-block-start: var(--pf-v6-c-jump-links__list--PaddingBlockStart);
|
|
7527
|
-
padding-block-end: var(--pf-v6-c-jump-links__list--PaddingBlockEnd);
|
|
7528
|
-
padding-inline-start: var(--pf-v6-c-jump-links__list--PaddingInlineStart);
|
|
7529
|
-
padding-inline-end: var(--pf-v6-c-jump-links__list--PaddingInlineEnd);
|
|
7200
|
+
.pf-v6-c-icon__content.pf-m-danger {
|
|
7201
|
+
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-danger--Color);
|
|
7530
7202
|
}
|
|
7531
7203
|
|
|
7532
|
-
.pf-v6-c-
|
|
7533
|
-
|
|
7534
|
-
inset: 0;
|
|
7535
|
-
pointer-events: none;
|
|
7536
|
-
content: "";
|
|
7537
|
-
border: solid var(--pf-v6-c-jump-links__list--before--BorderColor);
|
|
7538
|
-
border-block-start-width: var(--pf-v6-c-jump-links__list--before--BorderBlockStartWidth);
|
|
7539
|
-
border-block-end-width: var(--pf-v6-c-jump-links__list--before--BorderBlockEndWidth);
|
|
7540
|
-
border-inline-start-width: var(--pf-v6-c-jump-links__list--before--BorderInlineStartWidth);
|
|
7541
|
-
border-inline-end-width: var(--pf-v6-c-jump-links__list--before--BorderInlineEndWidth);
|
|
7204
|
+
.pf-v6-c-icon__content.pf-m-warning {
|
|
7205
|
+
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-warning--Color);
|
|
7542
7206
|
}
|
|
7543
7207
|
|
|
7544
|
-
.pf-v6-c-
|
|
7545
|
-
--pf-v6-c-
|
|
7546
|
-
--pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
|
|
7547
|
-
--pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockStart);
|
|
7548
|
-
--pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd);
|
|
7549
|
-
--pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-v6-c-jump-links__list__list__link--PaddingInlineStart);
|
|
7550
|
-
margin-block-start: var(--pf-v6-c-jump-links__list__list--MarginBlockStart);
|
|
7208
|
+
.pf-v6-c-icon__content.pf-m-success {
|
|
7209
|
+
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-success--Color);
|
|
7551
7210
|
}
|
|
7552
7211
|
|
|
7553
|
-
.pf-v6-c-
|
|
7554
|
-
|
|
7555
|
-
display: flex;
|
|
7556
|
-
flex: 1;
|
|
7557
|
-
padding-block-start: var(--pf-v6-c-jump-links__link--PaddingBlockStart);
|
|
7558
|
-
padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
|
|
7559
|
-
padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
|
|
7560
|
-
padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
|
|
7561
|
-
text-decoration: none;
|
|
7562
|
-
outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
|
|
7212
|
+
.pf-v6-c-icon__content.pf-m-info {
|
|
7213
|
+
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-info--Color);
|
|
7563
7214
|
}
|
|
7564
7215
|
|
|
7565
|
-
.pf-v6-c-
|
|
7566
|
-
--pf-v6-c-
|
|
7216
|
+
.pf-v6-c-icon__content.pf-m-custom {
|
|
7217
|
+
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-custom--Color);
|
|
7567
7218
|
}
|
|
7568
7219
|
|
|
7569
|
-
.pf-v6-c-
|
|
7220
|
+
.pf-v6-c-icon__progress {
|
|
7570
7221
|
position: absolute;
|
|
7571
|
-
inset: 0;
|
|
7572
|
-
|
|
7573
|
-
|
|
7574
|
-
border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
|
|
7575
|
-
border-style: solid;
|
|
7576
|
-
border-block-start-width: var(--pf-v6-c-jump-links__link--before--BorderBlockStartWidth);
|
|
7577
|
-
border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
|
|
7578
|
-
border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
|
|
7579
|
-
border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
|
|
7222
|
+
inset-block-start: calc(50% + 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign));
|
|
7223
|
+
opacity: var(--pf-v6-c-icon__progress--Opacity, 0);
|
|
7224
|
+
transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
|
|
7580
7225
|
}
|
|
7581
7226
|
|
|
7582
|
-
.pf-v6-c-
|
|
7583
|
-
--pf-v6-c-
|
|
7227
|
+
.pf-v6-c-input-group {
|
|
7228
|
+
--pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
7229
|
+
--pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
|
|
7230
|
+
--pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
|
|
7231
|
+
--pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
|
|
7232
|
+
--pf-v6-c-input-group__item--BackgroundColor: transparent;
|
|
7233
|
+
--pf-v6-c-input-group__item--AlignItems: start;
|
|
7234
|
+
--pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7235
|
+
--pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7236
|
+
--pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7237
|
+
--pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
|
|
7238
|
+
--pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7239
|
+
--pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7240
|
+
--pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7241
|
+
--pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7242
|
+
--pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7243
|
+
--pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
|
|
7244
|
+
--pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7245
|
+
--pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
|
|
7246
|
+
--pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7247
|
+
--pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
7584
7248
|
}
|
|
7585
7249
|
|
|
7586
|
-
.pf-v6-c-
|
|
7587
|
-
|
|
7588
|
-
|
|
7589
|
-
|
|
7590
|
-
--pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__item--m-current__link-text--Color);
|
|
7250
|
+
.pf-v6-c-input-group {
|
|
7251
|
+
display: flex;
|
|
7252
|
+
gap: var(--pf-v6-c-input-group--Gap);
|
|
7253
|
+
width: 100%;
|
|
7591
7254
|
}
|
|
7592
7255
|
|
|
7593
|
-
.pf-v6-c-
|
|
7594
|
-
|
|
7256
|
+
.pf-v6-c-input-group__item {
|
|
7257
|
+
position: relative;
|
|
7258
|
+
display: flex;
|
|
7259
|
+
align-items: var(--pf-v6-c-input-group__item--AlignItems);
|
|
7260
|
+
min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
|
|
7261
|
+
max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
|
|
7262
|
+
background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
|
|
7263
|
+
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7264
|
+
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7265
|
+
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7266
|
+
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7595
7267
|
}
|
|
7596
7268
|
|
|
7597
|
-
.pf-v6-c-
|
|
7598
|
-
|
|
7599
|
-
|
|
7269
|
+
.pf-v6-c-input-group__item.pf-m-box {
|
|
7270
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
|
|
7271
|
+
padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
|
|
7272
|
+
padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
|
|
7273
|
+
border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
|
|
7274
|
+
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7275
|
+
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7276
|
+
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7277
|
+
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7278
|
+
border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
|
|
7600
7279
|
}
|
|
7601
7280
|
|
|
7602
|
-
.pf-v6-c-
|
|
7603
|
-
|
|
7604
|
-
|
|
7281
|
+
.pf-v6-c-input-group__item.pf-m-plain {
|
|
7282
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
|
|
7283
|
+
border: none;
|
|
7605
7284
|
}
|
|
7606
7285
|
|
|
7607
|
-
.pf-v6-c-
|
|
7608
|
-
|
|
7609
|
-
|
|
7286
|
+
.pf-v6-c-input-group__item.pf-m-disabled {
|
|
7287
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
|
|
7288
|
+
--pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
|
|
7610
7289
|
}
|
|
7611
7290
|
|
|
7612
|
-
.pf-v6-c-
|
|
7613
|
-
|
|
7614
|
-
|
|
7615
|
-
|
|
7616
|
-
|
|
7291
|
+
.pf-v6-c-input-group__item.pf-m-fill {
|
|
7292
|
+
flex-grow: 1;
|
|
7293
|
+
}
|
|
7294
|
+
|
|
7295
|
+
.pf-v6-c-input-group__text {
|
|
7296
|
+
align-self: center;
|
|
7297
|
+
font-size: var(--pf-v6-c-input-group__text--FontSize);
|
|
7298
|
+
color: var(--pf-v6-c-input-group__text--Color);
|
|
7617
7299
|
}
|
|
7618
7300
|
|
|
7619
|
-
|
|
7620
|
-
|
|
7301
|
+
label.pf-v6-c-input-group__text {
|
|
7302
|
+
cursor: pointer;
|
|
7621
7303
|
}
|
|
7622
7304
|
|
|
7623
7305
|
.pf-v6-c-sidebar {
|
|
@@ -7978,80 +7660,262 @@ label.pf-v6-c-input-group__text {
|
|
|
7978
7660
|
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
7979
7661
|
}
|
|
7980
7662
|
}
|
|
7981
|
-
.pf-v6-c-
|
|
7982
|
-
--pf-v6-c-
|
|
7983
|
-
--pf-v6-c-
|
|
7984
|
-
--pf-v6-c-
|
|
7985
|
-
--pf-v6-c-
|
|
7986
|
-
--pf-v6-c-
|
|
7987
|
-
--pf-v6-c-
|
|
7988
|
-
--pf-v6-c-
|
|
7989
|
-
--pf-v6-c-
|
|
7990
|
-
--pf-v6-c-
|
|
7991
|
-
--pf-v6-c-
|
|
7992
|
-
--pf-v6-c-
|
|
7993
|
-
--pf-v6-c-
|
|
7994
|
-
--pf-v6-c-
|
|
7995
|
-
--pf-v6-c-
|
|
7996
|
-
--pf-v6-c-
|
|
7997
|
-
--pf-v6-c-
|
|
7998
|
-
--pf-v6-c-
|
|
7999
|
-
--pf-v6-c-
|
|
8000
|
-
--pf-v6-c-
|
|
7663
|
+
.pf-v6-c-jump-links {
|
|
7664
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7665
|
+
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
|
7666
|
+
--pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
7667
|
+
--pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
|
|
7668
|
+
--pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
7669
|
+
--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
7670
|
+
--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd: 0;
|
|
7671
|
+
--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7672
|
+
--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart: 0;
|
|
7673
|
+
--pf-v6-c-jump-links__list--FlexDirection: row;
|
|
7674
|
+
--pf-v6-c-jump-links--m-vertical__list--FlexDirection: column;
|
|
7675
|
+
--pf-v6-c-jump-links__list--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
7676
|
+
--pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-t--global--border--width--box--default);
|
|
7677
|
+
--pf-v6-c-jump-links__list--before--BorderInlineEndWidth: 0;
|
|
7678
|
+
--pf-v6-c-jump-links__list--before--BorderBlockEndWidth: 0;
|
|
7679
|
+
--pf-v6-c-jump-links__list--before--BorderInlineStartWidth: 0;
|
|
7680
|
+
--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth: var(--pf-t--global--border--width--box--default);
|
|
7681
|
+
--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth: 0;
|
|
7682
|
+
--pf-v6-c-jump-links__list__list--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
7683
|
+
--pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7684
|
+
--pf-v6-c-jump-links__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7685
|
+
--pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7686
|
+
--pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7687
|
+
--pf-v6-c-jump-links__list__list__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7688
|
+
--pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
7689
|
+
--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7690
|
+
--pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
|
|
7691
|
+
--pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
|
|
7692
|
+
--pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
|
|
7693
|
+
--pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
|
|
7694
|
+
--pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
|
|
7695
|
+
--pf-v6-c-jump-links__link--before--BorderColor: transparent;
|
|
7696
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
7697
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
|
|
7698
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7699
|
+
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
|
|
7700
|
+
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
7701
|
+
--pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7702
|
+
--pf-v6-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7703
|
+
--pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
|
|
7704
|
+
--pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
7705
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7706
|
+
--pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
|
|
7707
|
+
--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7708
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7709
|
+
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7710
|
+
--pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
7711
|
+
--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7712
|
+
--pf-v6-c-jump-links__toggle-icon--Rotate: 0;
|
|
7713
|
+
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
8001
7714
|
}
|
|
8002
7715
|
|
|
8003
|
-
.pf-v6-c-
|
|
7716
|
+
.pf-v6-c-jump-links {
|
|
8004
7717
|
display: flex;
|
|
7718
|
+
}
|
|
7719
|
+
|
|
7720
|
+
.pf-v6-c-jump-links.pf-m-center {
|
|
7721
|
+
justify-content: center;
|
|
7722
|
+
}
|
|
7723
|
+
|
|
7724
|
+
.pf-v6-c-jump-links.pf-m-center .pf-v6-c-jump-links__main {
|
|
7725
|
+
align-items: center;
|
|
7726
|
+
}
|
|
7727
|
+
|
|
7728
|
+
.pf-v6-c-jump-links.pf-m-vertical, .pf-v6-c-jump-links.pf-m-expandable {
|
|
7729
|
+
--pf-v6-c-jump-links__list--PaddingBlockStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart);
|
|
7730
|
+
--pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd);
|
|
7731
|
+
--pf-v6-c-jump-links__list--PaddingBlockEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd);
|
|
7732
|
+
--pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart);
|
|
7733
|
+
--pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
|
|
7734
|
+
--pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
|
|
7735
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth);
|
|
7736
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth);
|
|
7737
|
+
--pf-v6-c-jump-links__list--FlexDirection: var(--pf-v6-c-jump-links--m-vertical__list--FlexDirection);
|
|
8005
7738
|
flex-direction: column;
|
|
8006
|
-
gap: var(--pf-v6-c-list--Gap);
|
|
8007
|
-
padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
|
|
8008
7739
|
}
|
|
8009
7740
|
|
|
8010
|
-
.pf-v6-c-
|
|
8011
|
-
|
|
7741
|
+
.pf-v6-c-jump-links.pf-m-expandable {
|
|
7742
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7743
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7744
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
8012
7745
|
}
|
|
8013
7746
|
|
|
8014
|
-
|
|
8015
|
-
|
|
7747
|
+
.pf-v6-c-jump-links.pf-m-non-expandable {
|
|
7748
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7749
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7750
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
8016
7751
|
}
|
|
8017
7752
|
|
|
8018
|
-
|
|
8019
|
-
|
|
8020
|
-
|
|
8021
|
-
|
|
8022
|
-
|
|
7753
|
+
@media (min-width: 36rem) {
|
|
7754
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-sm {
|
|
7755
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7756
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7757
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7758
|
+
}
|
|
7759
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-sm {
|
|
7760
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7761
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7762
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7763
|
+
}
|
|
7764
|
+
}
|
|
7765
|
+
@media (min-width: 48rem) {
|
|
7766
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-md {
|
|
7767
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7768
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7769
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7770
|
+
}
|
|
7771
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-md {
|
|
7772
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7773
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7774
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7775
|
+
}
|
|
7776
|
+
}
|
|
7777
|
+
@media (min-width: 62rem) {
|
|
7778
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-lg {
|
|
7779
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7780
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7781
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7782
|
+
}
|
|
7783
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-lg {
|
|
7784
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7785
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7786
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7787
|
+
}
|
|
7788
|
+
}
|
|
7789
|
+
@media (min-width: 75rem) {
|
|
7790
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-xl {
|
|
7791
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7792
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7793
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7794
|
+
}
|
|
7795
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-xl {
|
|
7796
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7797
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7798
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7799
|
+
}
|
|
7800
|
+
}
|
|
7801
|
+
@media (min-width: 90.625rem) {
|
|
7802
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-2xl {
|
|
7803
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7804
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7805
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7806
|
+
}
|
|
7807
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-2xl {
|
|
7808
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7809
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7810
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7811
|
+
}
|
|
7812
|
+
}
|
|
7813
|
+
.pf-v6-c-jump-links.pf-m-expanded {
|
|
7814
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7815
|
+
--pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd);
|
|
7816
|
+
--pf-v6-c-jump-links__toggle-icon--Rotate: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate);
|
|
7817
|
+
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Color);
|
|
7818
|
+
}
|
|
7819
|
+
|
|
7820
|
+
.pf-v6-c-jump-links__list {
|
|
7821
|
+
position: relative;
|
|
7822
|
+
display: var(--pf-v6-c-jump-links__list--Display);
|
|
7823
|
+
flex-direction: var(--pf-v6-c-jump-links__list--FlexDirection);
|
|
7824
|
+
padding-block-start: var(--pf-v6-c-jump-links__list--PaddingBlockStart);
|
|
7825
|
+
padding-block-end: var(--pf-v6-c-jump-links__list--PaddingBlockEnd);
|
|
7826
|
+
padding-inline-start: var(--pf-v6-c-jump-links__list--PaddingInlineStart);
|
|
7827
|
+
padding-inline-end: var(--pf-v6-c-jump-links__list--PaddingInlineEnd);
|
|
7828
|
+
}
|
|
7829
|
+
|
|
7830
|
+
.pf-v6-c-jump-links__list::before {
|
|
7831
|
+
position: absolute;
|
|
7832
|
+
inset: 0;
|
|
7833
|
+
pointer-events: none;
|
|
7834
|
+
content: "";
|
|
7835
|
+
border: solid var(--pf-v6-c-jump-links__list--before--BorderColor);
|
|
7836
|
+
border-block-start-width: var(--pf-v6-c-jump-links__list--before--BorderBlockStartWidth);
|
|
7837
|
+
border-block-end-width: var(--pf-v6-c-jump-links__list--before--BorderBlockEndWidth);
|
|
7838
|
+
border-inline-start-width: var(--pf-v6-c-jump-links__list--before--BorderInlineStartWidth);
|
|
7839
|
+
border-inline-end-width: var(--pf-v6-c-jump-links__list--before--BorderInlineEndWidth);
|
|
7840
|
+
}
|
|
7841
|
+
|
|
7842
|
+
.pf-v6-c-jump-links__list .pf-v6-c-jump-links__list {
|
|
7843
|
+
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
|
7844
|
+
--pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
|
|
7845
|
+
--pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockStart);
|
|
7846
|
+
--pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd);
|
|
7847
|
+
--pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-v6-c-jump-links__list__list__link--PaddingInlineStart);
|
|
7848
|
+
margin-block-start: var(--pf-v6-c-jump-links__list__list--MarginBlockStart);
|
|
7849
|
+
}
|
|
7850
|
+
|
|
7851
|
+
.pf-v6-c-jump-links__link {
|
|
7852
|
+
position: relative;
|
|
7853
|
+
display: flex;
|
|
7854
|
+
flex: 1;
|
|
7855
|
+
padding-block-start: var(--pf-v6-c-jump-links__link--PaddingBlockStart);
|
|
7856
|
+
padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
|
|
7857
|
+
padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
|
|
7858
|
+
padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
|
|
7859
|
+
text-decoration: none;
|
|
7860
|
+
outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
|
|
7861
|
+
}
|
|
7862
|
+
|
|
7863
|
+
.pf-v6-c-jump-links__link:is(:hover, :focus) {
|
|
7864
|
+
--pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
|
|
7865
|
+
}
|
|
7866
|
+
|
|
7867
|
+
.pf-v6-c-jump-links__link::before {
|
|
7868
|
+
position: absolute;
|
|
7869
|
+
inset: 0;
|
|
7870
|
+
pointer-events: none;
|
|
7871
|
+
content: "";
|
|
7872
|
+
border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
|
|
7873
|
+
border-style: solid;
|
|
7874
|
+
border-block-start-width: var(--pf-v6-c-jump-links__link--before--BorderBlockStartWidth);
|
|
7875
|
+
border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
|
|
7876
|
+
border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
|
|
7877
|
+
border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
|
|
7878
|
+
}
|
|
7879
|
+
|
|
7880
|
+
.pf-v6-c-jump-links__item {
|
|
7881
|
+
--pf-v6-c-jump-links__list--before--BorderColor: transparent;
|
|
7882
|
+
}
|
|
7883
|
+
|
|
7884
|
+
.pf-v6-c-jump-links__item.pf-m-current > .pf-v6-c-jump-links__link {
|
|
7885
|
+
--pf-v6-c-jump-links__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth);
|
|
7886
|
+
--pf-v6-c-jump-links__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth);
|
|
7887
|
+
--pf-v6-c-jump-links__link--before--BorderColor: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderColor);
|
|
7888
|
+
--pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__item--m-current__link-text--Color);
|
|
7889
|
+
}
|
|
7890
|
+
|
|
7891
|
+
.pf-v6-c-jump-links__link-text {
|
|
7892
|
+
color: var(--pf-v6-c-jump-links__link-text--Color);
|
|
8023
7893
|
}
|
|
8024
7894
|
|
|
8025
|
-
.pf-v6-c-
|
|
8026
|
-
|
|
8027
|
-
|
|
7895
|
+
.pf-v6-c-jump-links__label {
|
|
7896
|
+
display: var(--pf-v6-c-jump-links__label--Display);
|
|
7897
|
+
margin-block-end: var(--pf-v6-c-jump-links__label--MarginBlockEnd);
|
|
8028
7898
|
}
|
|
8029
7899
|
|
|
8030
|
-
.pf-v6-c-
|
|
8031
|
-
|
|
8032
|
-
|
|
8033
|
-
flex-direction: row;
|
|
8034
|
-
flex-wrap: wrap;
|
|
8035
|
-
list-style: none;
|
|
7900
|
+
.pf-v6-c-jump-links__main {
|
|
7901
|
+
display: flex;
|
|
7902
|
+
flex-direction: column;
|
|
8036
7903
|
}
|
|
8037
7904
|
|
|
8038
|
-
.pf-v6-c-
|
|
8039
|
-
|
|
8040
|
-
|
|
7905
|
+
.pf-v6-c-jump-links__toggle {
|
|
7906
|
+
display: var(--pf-v6-c-jump-links__toggle--Display);
|
|
7907
|
+
margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
|
|
8041
7908
|
}
|
|
8042
7909
|
|
|
8043
|
-
.pf-v6-c-
|
|
8044
|
-
display:
|
|
7910
|
+
.pf-v6-c-jump-links__toggle-icon {
|
|
7911
|
+
display: inline-block;
|
|
7912
|
+
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
7913
|
+
transition: transform var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration) var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
7914
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
8045
7915
|
}
|
|
8046
7916
|
|
|
8047
|
-
.pf-v6-c-
|
|
8048
|
-
|
|
8049
|
-
min-width: var(--pf-v6-c-list__item-icon--MinWidth);
|
|
8050
|
-
margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
|
|
8051
|
-
margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
|
|
8052
|
-
font-size: var(--pf-v6-c-list__item-icon--FontSize);
|
|
8053
|
-
line-height: 1;
|
|
8054
|
-
color: var(--pf-v6-c-list__item-icon--Color);
|
|
7917
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
7918
|
+
scale: -1 1;
|
|
8055
7919
|
}
|
|
8056
7920
|
|
|
8057
7921
|
.pf-v6-c-label {
|
|
@@ -8999,6 +8863,82 @@ input.pf-v6-c-label__content {
|
|
|
8999
8863
|
padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
|
|
9000
8864
|
}
|
|
9001
8865
|
|
|
8866
|
+
.pf-v6-c-list {
|
|
8867
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
8868
|
+
--pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
|
|
8869
|
+
--pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
|
|
8870
|
+
--pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
8871
|
+
--pf-v6-c-list--m-plain--PaddingInlineStart: 0;
|
|
8872
|
+
--pf-v6-c-list--m-inline--PaddingInlineStart: 0;
|
|
8873
|
+
--pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
8874
|
+
--pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
|
|
8875
|
+
--pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
8876
|
+
--pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
8877
|
+
--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
8878
|
+
--pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
|
|
8879
|
+
--pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
8880
|
+
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8881
|
+
--pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
8882
|
+
--pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
|
|
8883
|
+
--pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
|
|
8884
|
+
--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
8885
|
+
--pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
|
|
8886
|
+
}
|
|
8887
|
+
|
|
8888
|
+
.pf-v6-c-list {
|
|
8889
|
+
display: flex;
|
|
8890
|
+
flex-direction: column;
|
|
8891
|
+
gap: var(--pf-v6-c-list--Gap);
|
|
8892
|
+
padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
|
|
8893
|
+
}
|
|
8894
|
+
|
|
8895
|
+
.pf-v6-c-list .pf-v6-c-list {
|
|
8896
|
+
padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
|
|
8897
|
+
}
|
|
8898
|
+
|
|
8899
|
+
ul.pf-v6-c-list {
|
|
8900
|
+
list-style: var(--pf-v6-c-list--ul--ListStyle);
|
|
8901
|
+
}
|
|
8902
|
+
|
|
8903
|
+
.pf-v6-c-list.pf-m-icon-lg {
|
|
8904
|
+
--pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
|
|
8905
|
+
--pf-v6-c-list__item-icon--MarginBlockStart: 0;
|
|
8906
|
+
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
|
|
8907
|
+
--pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
|
|
8908
|
+
}
|
|
8909
|
+
|
|
8910
|
+
.pf-v6-c-list.pf-m-plain {
|
|
8911
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
|
|
8912
|
+
list-style: none;
|
|
8913
|
+
}
|
|
8914
|
+
|
|
8915
|
+
.pf-v6-c-list.pf-m-inline {
|
|
8916
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
|
|
8917
|
+
--pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
|
|
8918
|
+
flex-direction: row;
|
|
8919
|
+
flex-wrap: wrap;
|
|
8920
|
+
list-style: none;
|
|
8921
|
+
}
|
|
8922
|
+
|
|
8923
|
+
.pf-v6-c-list.pf-m-bordered > * + * {
|
|
8924
|
+
padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
|
|
8925
|
+
border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
|
|
8926
|
+
}
|
|
8927
|
+
|
|
8928
|
+
.pf-v6-c-list__item {
|
|
8929
|
+
display: flex;
|
|
8930
|
+
}
|
|
8931
|
+
|
|
8932
|
+
.pf-v6-c-list__item-icon {
|
|
8933
|
+
flex-shrink: 0;
|
|
8934
|
+
min-width: var(--pf-v6-c-list__item-icon--MinWidth);
|
|
8935
|
+
margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
|
|
8936
|
+
margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
|
|
8937
|
+
font-size: var(--pf-v6-c-list__item-icon--FontSize);
|
|
8938
|
+
line-height: 1;
|
|
8939
|
+
color: var(--pf-v6-c-list__item-icon--Color);
|
|
8940
|
+
}
|
|
8941
|
+
|
|
9002
8942
|
.pf-v6-c-masthead {
|
|
9003
8943
|
--pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
|
|
9004
8944
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
@@ -11718,6 +11658,66 @@ input.pf-v6-c-label__content {
|
|
|
11718
11658
|
transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
11719
11659
|
}
|
|
11720
11660
|
|
|
11661
|
+
.pf-v6-c-file-upload {
|
|
11662
|
+
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
11663
|
+
--pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
11664
|
+
--pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11665
|
+
--pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
11666
|
+
--pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
11667
|
+
--pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
11668
|
+
--pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
11669
|
+
--pf-v6-c-file-upload--BorderColor: transparent;
|
|
11670
|
+
--pf-v6-c-file-upload--BorderStyle: solid;
|
|
11671
|
+
--pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
|
|
11672
|
+
--pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
|
|
11673
|
+
--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
11674
|
+
--pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
|
|
11675
|
+
}
|
|
11676
|
+
|
|
11677
|
+
.pf-v6-c-file-upload {
|
|
11678
|
+
position: relative;
|
|
11679
|
+
display: flex;
|
|
11680
|
+
flex-direction: column;
|
|
11681
|
+
row-gap: var(--pf-v6-c-file-upload--RowGap);
|
|
11682
|
+
padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
|
|
11683
|
+
padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
|
|
11684
|
+
padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
|
|
11685
|
+
padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
|
|
11686
|
+
border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
|
|
11687
|
+
border-radius: var(--pf-v6-c-file-upload--BorderRadius);
|
|
11688
|
+
}
|
|
11689
|
+
|
|
11690
|
+
.pf-v6-c-file-upload.pf-m-drag-hover {
|
|
11691
|
+
--pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
|
|
11692
|
+
--pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
|
|
11693
|
+
}
|
|
11694
|
+
|
|
11695
|
+
.pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
|
|
11696
|
+
position: relative;
|
|
11697
|
+
}
|
|
11698
|
+
|
|
11699
|
+
.pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
|
|
11700
|
+
outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
|
|
11701
|
+
}
|
|
11702
|
+
|
|
11703
|
+
.pf-v6-c-file-upload__file-details {
|
|
11704
|
+
position: relative;
|
|
11705
|
+
display: flex;
|
|
11706
|
+
}
|
|
11707
|
+
|
|
11708
|
+
.pf-v6-c-file-upload__file-details .pf-v6-c-form-control {
|
|
11709
|
+
flex: 1 1 auto;
|
|
11710
|
+
min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
|
|
11711
|
+
border-block-start: 0;
|
|
11712
|
+
}
|
|
11713
|
+
|
|
11714
|
+
.pf-v6-c-file-upload__file-details-spinner {
|
|
11715
|
+
position: absolute;
|
|
11716
|
+
inset-block-start: 50%;
|
|
11717
|
+
inset-inline-start: 50%;
|
|
11718
|
+
transform: translate(-50%, -50%);
|
|
11719
|
+
}
|
|
11720
|
+
|
|
11721
11721
|
.pf-v6-c-overflow-menu {
|
|
11722
11722
|
--pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
|
|
11723
11723
|
--pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
|
|
@@ -14181,123 +14181,25 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14181
14181
|
text-decoration: none;
|
|
14182
14182
|
}
|
|
14183
14183
|
|
|
14184
|
-
.pf-v6-c-simple-list__item-link.pf-m-current {
|
|
14185
|
-
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
|
|
14186
|
-
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-current--Color);
|
|
14187
|
-
}
|
|
14188
|
-
|
|
14189
|
-
.pf-v6-c-simple-list__title {
|
|
14190
|
-
padding-block-start: var(--pf-v6-c-simple-list__title--PaddingBlockStart);
|
|
14191
|
-
padding-block-end: var(--pf-v6-c-simple-list__title--PaddingBlockEnd);
|
|
14192
|
-
padding-inline-start: var(--pf-v6-c-simple-list__title--PaddingInlineStart);
|
|
14193
|
-
padding-inline-end: var(--pf-v6-c-simple-list__title--PaddingInlineEnd);
|
|
14194
|
-
font-size: var(--pf-v6-c-simple-list__title--FontSize);
|
|
14195
|
-
font-weight: var(--pf-v6-c-simple-list__title--FontWeight);
|
|
14196
|
-
color: var(--pf-v6-c-simple-list__title--Color);
|
|
14197
|
-
}
|
|
14198
|
-
|
|
14199
|
-
.pf-v6-c-simple-list__section + .pf-v6-c-simple-list__section {
|
|
14200
|
-
margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
|
|
14201
|
-
}
|
|
14202
|
-
|
|
14203
|
-
.pf-v6-c-skip-to-content {
|
|
14204
|
-
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
14205
|
-
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
14206
|
-
--pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
|
|
14207
|
-
}
|
|
14208
|
-
|
|
14209
|
-
.pf-v6-c-skip-to-content {
|
|
14210
|
-
position: absolute;
|
|
14211
|
-
inset-block-start: var(--pf-v6-c-skip-to-content--InsetBlockStart);
|
|
14212
|
-
inset-inline-start: -300%;
|
|
14213
|
-
z-index: var(--pf-v6-c-skip-to-content--ZIndex);
|
|
14214
|
-
}
|
|
14215
|
-
|
|
14216
|
-
.pf-v6-c-skip-to-content:focus-within {
|
|
14217
|
-
inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
|
|
14218
|
-
}
|
|
14219
|
-
|
|
14220
|
-
.pf-v6-c-spinner {
|
|
14221
|
-
--pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
|
|
14222
|
-
--pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
|
|
14223
|
-
--pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
|
|
14224
|
-
--pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
|
|
14225
|
-
--pf-v6-c-spinner--AnimationDuration: 1.4s;
|
|
14226
|
-
--pf-v6-c-spinner--AnimationTimingFunction: linear;
|
|
14227
|
-
--pf-v6-c-spinner--StrokeWidth: 10;
|
|
14228
|
-
--pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
|
|
14229
|
-
--pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
|
|
14230
|
-
--pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
|
|
14231
|
-
--pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
|
|
14232
|
-
--pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
|
|
14233
|
-
--pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
|
|
14234
|
-
--pf-v6-c-spinner--m-inline--diameter: 1em;
|
|
14235
|
-
}
|
|
14236
|
-
|
|
14237
|
-
.pf-v6-c-spinner {
|
|
14238
|
-
width: var(--pf-v6-c-spinner--Width);
|
|
14239
|
-
height: var(--pf-v6-c-spinner--Height);
|
|
14240
|
-
overflow: hidden;
|
|
14241
|
-
animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
|
|
14242
|
-
}
|
|
14243
|
-
|
|
14244
|
-
.pf-v6-c-spinner.pf-m-inline {
|
|
14245
|
-
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
|
|
14246
|
-
}
|
|
14247
|
-
|
|
14248
|
-
.pf-v6-c-spinner.pf-m-sm {
|
|
14249
|
-
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
|
|
14250
|
-
}
|
|
14251
|
-
|
|
14252
|
-
.pf-v6-c-spinner.pf-m-md {
|
|
14253
|
-
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
|
|
14254
|
-
}
|
|
14255
|
-
|
|
14256
|
-
.pf-v6-c-spinner.pf-m-lg {
|
|
14257
|
-
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
|
|
14258
|
-
}
|
|
14259
|
-
|
|
14260
|
-
.pf-v6-c-spinner.pf-m-xl {
|
|
14261
|
-
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
|
|
14262
|
-
}
|
|
14263
|
-
|
|
14264
|
-
.pf-v6-c-spinner__path {
|
|
14265
|
-
width: 100%;
|
|
14266
|
-
height: 100%;
|
|
14267
|
-
stroke: var(--pf-v6-c-spinner--Color);
|
|
14268
|
-
stroke-dasharray: 283;
|
|
14269
|
-
stroke-dashoffset: 280;
|
|
14270
|
-
stroke-linecap: round;
|
|
14271
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
14272
|
-
transform-origin: 50% 50%;
|
|
14273
|
-
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
14184
|
+
.pf-v6-c-simple-list__item-link.pf-m-current {
|
|
14185
|
+
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
|
|
14186
|
+
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-current--Color);
|
|
14274
14187
|
}
|
|
14275
14188
|
|
|
14276
|
-
|
|
14277
|
-
|
|
14278
|
-
|
|
14279
|
-
|
|
14280
|
-
|
|
14281
|
-
|
|
14282
|
-
|
|
14189
|
+
.pf-v6-c-simple-list__title {
|
|
14190
|
+
padding-block-start: var(--pf-v6-c-simple-list__title--PaddingBlockStart);
|
|
14191
|
+
padding-block-end: var(--pf-v6-c-simple-list__title--PaddingBlockEnd);
|
|
14192
|
+
padding-inline-start: var(--pf-v6-c-simple-list__title--PaddingInlineStart);
|
|
14193
|
+
padding-inline-end: var(--pf-v6-c-simple-list__title--PaddingInlineEnd);
|
|
14194
|
+
font-size: var(--pf-v6-c-simple-list__title--FontSize);
|
|
14195
|
+
font-weight: var(--pf-v6-c-simple-list__title--FontWeight);
|
|
14196
|
+
color: var(--pf-v6-c-simple-list__title--Color);
|
|
14283
14197
|
}
|
|
14284
|
-
|
|
14285
|
-
|
|
14286
|
-
|
|
14287
|
-
transform: rotate(0);
|
|
14288
|
-
}
|
|
14289
|
-
15% {
|
|
14290
|
-
stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
|
|
14291
|
-
}
|
|
14292
|
-
40% {
|
|
14293
|
-
stroke-dasharray: 220;
|
|
14294
|
-
stroke-dashoffset: 150;
|
|
14295
|
-
}
|
|
14296
|
-
100% {
|
|
14297
|
-
stroke-dashoffset: 280;
|
|
14298
|
-
transform: rotate(720deg);
|
|
14299
|
-
}
|
|
14198
|
+
|
|
14199
|
+
.pf-v6-c-simple-list__section + .pf-v6-c-simple-list__section {
|
|
14200
|
+
margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
|
|
14300
14201
|
}
|
|
14202
|
+
|
|
14301
14203
|
.pf-v6-c-skeleton {
|
|
14302
14204
|
--pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
14303
14205
|
--pf-v6-c-skeleton--Width: auto;
|
|
@@ -14491,6 +14393,23 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14491
14393
|
transform: translateX(100%);
|
|
14492
14394
|
}
|
|
14493
14395
|
}
|
|
14396
|
+
.pf-v6-c-skip-to-content {
|
|
14397
|
+
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
14398
|
+
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
14399
|
+
--pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
|
|
14400
|
+
}
|
|
14401
|
+
|
|
14402
|
+
.pf-v6-c-skip-to-content {
|
|
14403
|
+
position: absolute;
|
|
14404
|
+
inset-block-start: var(--pf-v6-c-skip-to-content--InsetBlockStart);
|
|
14405
|
+
inset-inline-start: -300%;
|
|
14406
|
+
z-index: var(--pf-v6-c-skip-to-content--ZIndex);
|
|
14407
|
+
}
|
|
14408
|
+
|
|
14409
|
+
.pf-v6-c-skip-to-content:focus-within {
|
|
14410
|
+
inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
|
|
14411
|
+
}
|
|
14412
|
+
|
|
14494
14413
|
.pf-v6-c-slider {
|
|
14495
14414
|
--pf-v6-c-slider--value: 0;
|
|
14496
14415
|
--pf-v6-c-slider__step--InsetInlineStart: 0;
|
|
@@ -14728,6 +14647,87 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14728
14647
|
margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
|
|
14729
14648
|
}
|
|
14730
14649
|
|
|
14650
|
+
.pf-v6-c-spinner {
|
|
14651
|
+
--pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
|
|
14652
|
+
--pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
|
|
14653
|
+
--pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
|
|
14654
|
+
--pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
|
|
14655
|
+
--pf-v6-c-spinner--AnimationDuration: 1.4s;
|
|
14656
|
+
--pf-v6-c-spinner--AnimationTimingFunction: linear;
|
|
14657
|
+
--pf-v6-c-spinner--StrokeWidth: 10;
|
|
14658
|
+
--pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
|
|
14659
|
+
--pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
|
|
14660
|
+
--pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
|
|
14661
|
+
--pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
|
|
14662
|
+
--pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
|
|
14663
|
+
--pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
|
|
14664
|
+
--pf-v6-c-spinner--m-inline--diameter: 1em;
|
|
14665
|
+
}
|
|
14666
|
+
|
|
14667
|
+
.pf-v6-c-spinner {
|
|
14668
|
+
width: var(--pf-v6-c-spinner--Width);
|
|
14669
|
+
height: var(--pf-v6-c-spinner--Height);
|
|
14670
|
+
overflow: hidden;
|
|
14671
|
+
animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
|
|
14672
|
+
}
|
|
14673
|
+
|
|
14674
|
+
.pf-v6-c-spinner.pf-m-inline {
|
|
14675
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
|
|
14676
|
+
}
|
|
14677
|
+
|
|
14678
|
+
.pf-v6-c-spinner.pf-m-sm {
|
|
14679
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
|
|
14680
|
+
}
|
|
14681
|
+
|
|
14682
|
+
.pf-v6-c-spinner.pf-m-md {
|
|
14683
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
|
|
14684
|
+
}
|
|
14685
|
+
|
|
14686
|
+
.pf-v6-c-spinner.pf-m-lg {
|
|
14687
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
|
|
14688
|
+
}
|
|
14689
|
+
|
|
14690
|
+
.pf-v6-c-spinner.pf-m-xl {
|
|
14691
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
|
|
14692
|
+
}
|
|
14693
|
+
|
|
14694
|
+
.pf-v6-c-spinner__path {
|
|
14695
|
+
width: 100%;
|
|
14696
|
+
height: 100%;
|
|
14697
|
+
stroke: var(--pf-v6-c-spinner--Color);
|
|
14698
|
+
stroke-dasharray: 283;
|
|
14699
|
+
stroke-dashoffset: 280;
|
|
14700
|
+
stroke-linecap: round;
|
|
14701
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
14702
|
+
transform-origin: 50% 50%;
|
|
14703
|
+
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
14704
|
+
}
|
|
14705
|
+
|
|
14706
|
+
@keyframes pf-v6-c-spinner-animation-rotate {
|
|
14707
|
+
0% {
|
|
14708
|
+
transform: rotate(0deg);
|
|
14709
|
+
}
|
|
14710
|
+
100% {
|
|
14711
|
+
transform: rotate(360deg);
|
|
14712
|
+
}
|
|
14713
|
+
}
|
|
14714
|
+
@keyframes pf-v6-c-spinner-animation-dash {
|
|
14715
|
+
0% {
|
|
14716
|
+
stroke-dashoffset: 280;
|
|
14717
|
+
transform: rotate(0);
|
|
14718
|
+
}
|
|
14719
|
+
15% {
|
|
14720
|
+
stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
|
|
14721
|
+
}
|
|
14722
|
+
40% {
|
|
14723
|
+
stroke-dasharray: 220;
|
|
14724
|
+
stroke-dashoffset: 150;
|
|
14725
|
+
}
|
|
14726
|
+
100% {
|
|
14727
|
+
stroke-dashoffset: 280;
|
|
14728
|
+
transform: rotate(720deg);
|
|
14729
|
+
}
|
|
14730
|
+
}
|
|
14731
14731
|
.pf-v6-c-switch {
|
|
14732
14732
|
--pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
|
|
14733
14733
|
--pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
@@ -15910,62 +15910,192 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15910
15910
|
line-height: var(--pf-v6-c-title--m-2xl--LineHeight);
|
|
15911
15911
|
}
|
|
15912
15912
|
|
|
15913
|
-
.pf-v6-c-title.pf-m-xl {
|
|
15914
|
-
font-size: var(--pf-v6-c-title--m-xl--FontSize);
|
|
15915
|
-
font-weight: var(--pf-v6-c-title--m-xl--FontWeight);
|
|
15916
|
-
line-height: var(--pf-v6-c-title--m-xl--LineHeight);
|
|
15913
|
+
.pf-v6-c-title.pf-m-xl {
|
|
15914
|
+
font-size: var(--pf-v6-c-title--m-xl--FontSize);
|
|
15915
|
+
font-weight: var(--pf-v6-c-title--m-xl--FontWeight);
|
|
15916
|
+
line-height: var(--pf-v6-c-title--m-xl--LineHeight);
|
|
15917
|
+
}
|
|
15918
|
+
|
|
15919
|
+
.pf-v6-c-title.pf-m-lg {
|
|
15920
|
+
font-size: var(--pf-v6-c-title--m-lg--FontSize);
|
|
15921
|
+
font-weight: var(--pf-v6-c-title--m-lg--FontWeight);
|
|
15922
|
+
line-height: var(--pf-v6-c-title--m-lg--LineHeight);
|
|
15923
|
+
}
|
|
15924
|
+
|
|
15925
|
+
.pf-v6-c-title.pf-m-md {
|
|
15926
|
+
font-size: var(--pf-v6-c-title--m-md--FontSize);
|
|
15927
|
+
font-weight: var(--pf-v6-c-title--m-md--FontWeight);
|
|
15928
|
+
line-height: var(--pf-v6-c-title--m-md--LineHeight);
|
|
15929
|
+
}
|
|
15930
|
+
|
|
15931
|
+
.pf-v6-c-title.pf-m-h1 {
|
|
15932
|
+
font-size: var(--pf-v6-c-title--m-h1--FontSize);
|
|
15933
|
+
font-weight: var(--pf-v6-c-title--m-h1--FontWeight);
|
|
15934
|
+
line-height: var(--pf-v6-c-title--m-h1--LineHeight);
|
|
15935
|
+
}
|
|
15936
|
+
|
|
15937
|
+
.pf-v6-c-title.pf-m-h2 {
|
|
15938
|
+
font-size: var(--pf-v6-c-title--m-h2--FontSize);
|
|
15939
|
+
font-weight: var(--pf-v6-c-title--m-h2--FontWeight);
|
|
15940
|
+
line-height: var(--pf-v6-c-title--m-h2--LineHeight);
|
|
15941
|
+
}
|
|
15942
|
+
|
|
15943
|
+
.pf-v6-c-title.pf-m-h3 {
|
|
15944
|
+
font-size: var(--pf-v6-c-title--m-h3--FontSize);
|
|
15945
|
+
font-weight: var(--pf-v6-c-title--m-h3--FontWeight);
|
|
15946
|
+
line-height: var(--pf-v6-c-title--m-h3--LineHeight);
|
|
15947
|
+
}
|
|
15948
|
+
|
|
15949
|
+
.pf-v6-c-title.pf-m-h4 {
|
|
15950
|
+
font-size: var(--pf-v6-c-title--m-h4--FontSize);
|
|
15951
|
+
font-weight: var(--pf-v6-c-title--m-h4--FontWeight);
|
|
15952
|
+
line-height: var(--pf-v6-c-title--m-h4--LineHeight);
|
|
15953
|
+
}
|
|
15954
|
+
|
|
15955
|
+
.pf-v6-c-title.pf-m-h5 {
|
|
15956
|
+
font-size: var(--pf-v6-c-title--m-h5--FontSize);
|
|
15957
|
+
font-weight: var(--pf-v6-c-title--m-h5--FontWeight);
|
|
15958
|
+
line-height: var(--pf-v6-c-title--m-h5--LineHeight);
|
|
15959
|
+
}
|
|
15960
|
+
|
|
15961
|
+
.pf-v6-c-title.pf-m-h6 {
|
|
15962
|
+
font-size: var(--pf-v6-c-title--m-h6--FontSize);
|
|
15963
|
+
font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
|
|
15964
|
+
line-height: var(--pf-v6-c-title--m-h6--LineHeight);
|
|
15965
|
+
}
|
|
15966
|
+
|
|
15967
|
+
.pf-v6-c-title.pf-m-page-title {
|
|
15968
|
+
font-weight: var(--pf-v6-c-title--m-page-title--FontWeight);
|
|
15969
|
+
}
|
|
15970
|
+
|
|
15971
|
+
.pf-v6-c-toggle-group {
|
|
15972
|
+
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
15973
|
+
--pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
15974
|
+
--pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
15975
|
+
--pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
15976
|
+
--pf-v6-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
15977
|
+
--pf-v6-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
15978
|
+
--pf-v6-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
|
|
15979
|
+
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
15980
|
+
--pf-v6-c-toggle-group__button--ZIndex: auto;
|
|
15981
|
+
--pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
15982
|
+
--pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
|
|
15983
|
+
--pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
15984
|
+
--pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15985
|
+
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
15986
|
+
--pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
|
|
15987
|
+
--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--tiny);
|
|
15988
|
+
--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);
|
|
15989
|
+
--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--tiny);
|
|
15990
|
+
--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--tiny);
|
|
15991
|
+
--pf-v6-c-toggle-group__icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
15992
|
+
--pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
15993
|
+
--pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
15994
|
+
--pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
15995
|
+
--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
15996
|
+
--pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
|
|
15997
|
+
--pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
15998
|
+
--pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
15999
|
+
--pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
|
|
16000
|
+
--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
16001
|
+
--pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
|
|
16002
|
+
--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
|
|
16003
|
+
--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
16004
|
+
--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd: 0;
|
|
16005
|
+
--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
16006
|
+
--pf-v6-c-toggle-group--m-compact__button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
16007
|
+
}
|
|
16008
|
+
|
|
16009
|
+
.pf-v6-c-toggle-group {
|
|
16010
|
+
display: flex;
|
|
16011
|
+
}
|
|
16012
|
+
|
|
16013
|
+
.pf-v6-c-toggle-group.pf-m-compact {
|
|
16014
|
+
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart);
|
|
16015
|
+
--pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd);
|
|
16016
|
+
--pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd);
|
|
16017
|
+
--pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart);
|
|
16018
|
+
--pf-v6-c-toggle-group__button--FontSize: var(--pf-v6-c-toggle-group--m-compact__button--FontSize);
|
|
16019
|
+
}
|
|
16020
|
+
|
|
16021
|
+
.pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
|
|
16022
|
+
margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
|
|
16023
|
+
}
|
|
16024
|
+
|
|
16025
|
+
.pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button::before {
|
|
16026
|
+
border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
|
|
16027
|
+
border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
|
|
15917
16028
|
}
|
|
15918
16029
|
|
|
15919
|
-
.pf-v6-c-
|
|
15920
|
-
|
|
15921
|
-
|
|
15922
|
-
line-height: var(--pf-v6-c-title--m-lg--LineHeight);
|
|
16030
|
+
.pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button::before {
|
|
16031
|
+
border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
|
|
16032
|
+
border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
|
|
15923
16033
|
}
|
|
15924
16034
|
|
|
15925
|
-
.pf-v6-c-
|
|
15926
|
-
|
|
15927
|
-
|
|
15928
|
-
|
|
16035
|
+
.pf-v6-c-toggle-group__button {
|
|
16036
|
+
position: relative;
|
|
16037
|
+
z-index: var(--pf-v6-c-toggle-group__button--ZIndex);
|
|
16038
|
+
display: inline-flex;
|
|
16039
|
+
padding-block-start: var(--pf-v6-c-toggle-group__button--PaddingBlockStart);
|
|
16040
|
+
padding-block-end: var(--pf-v6-c-toggle-group__button--PaddingBlockEnd);
|
|
16041
|
+
padding-inline-start: var(--pf-v6-c-toggle-group__button--PaddingInlineStart);
|
|
16042
|
+
padding-inline-end: var(--pf-v6-c-toggle-group__button--PaddingInlineEnd);
|
|
16043
|
+
font-size: var(--pf-v6-c-toggle-group__button--FontSize);
|
|
16044
|
+
line-height: var(--pf-v6-c-toggle-group__button--LineHeight);
|
|
16045
|
+
color: var(--pf-v6-c-toggle-group__button--Color);
|
|
16046
|
+
background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
|
|
16047
|
+
border: 0;
|
|
15929
16048
|
}
|
|
15930
16049
|
|
|
15931
|
-
.pf-v6-c-
|
|
15932
|
-
|
|
15933
|
-
|
|
15934
|
-
|
|
16050
|
+
.pf-v6-c-toggle-group__button::before {
|
|
16051
|
+
position: absolute;
|
|
16052
|
+
inset-block-start: 0;
|
|
16053
|
+
inset-block-end: 0;
|
|
16054
|
+
inset-inline-start: 0;
|
|
16055
|
+
inset-inline-end: 0;
|
|
16056
|
+
pointer-events: none;
|
|
16057
|
+
content: "";
|
|
16058
|
+
border-style: solid;
|
|
16059
|
+
border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
|
|
16060
|
+
border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
16061
|
+
border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
16062
|
+
border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
16063
|
+
border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
15935
16064
|
}
|
|
15936
16065
|
|
|
15937
|
-
.pf-v6-c-
|
|
15938
|
-
|
|
15939
|
-
|
|
15940
|
-
|
|
16066
|
+
.pf-v6-c-toggle-group__button:is(:hover, :focus) {
|
|
16067
|
+
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
|
16068
|
+
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
|
16069
|
+
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
|
16070
|
+
text-decoration: none;
|
|
15941
16071
|
}
|
|
15942
16072
|
|
|
15943
|
-
.pf-v6-c-
|
|
15944
|
-
|
|
15945
|
-
|
|
15946
|
-
|
|
16073
|
+
.pf-v6-c-toggle-group__button.pf-m-selected {
|
|
16074
|
+
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
|
|
16075
|
+
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
|
|
16076
|
+
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
|
|
16077
|
+
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
|
|
15947
16078
|
}
|
|
15948
16079
|
|
|
15949
|
-
.pf-v6-c-
|
|
15950
|
-
|
|
15951
|
-
|
|
15952
|
-
|
|
16080
|
+
.pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
|
|
16081
|
+
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
|
|
16082
|
+
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
|
|
16083
|
+
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
|
|
16084
|
+
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--disabled--before--BorderColor);
|
|
16085
|
+
pointer-events: none;
|
|
15953
16086
|
}
|
|
15954
16087
|
|
|
15955
|
-
.pf-v6-c-
|
|
15956
|
-
|
|
15957
|
-
font-weight: var(--pf-v6-c-title--m-h5--FontWeight);
|
|
15958
|
-
line-height: var(--pf-v6-c-title--m-h5--LineHeight);
|
|
16088
|
+
.pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
|
|
16089
|
+
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor);
|
|
15959
16090
|
}
|
|
15960
16091
|
|
|
15961
|
-
.pf-v6-c-
|
|
15962
|
-
|
|
15963
|
-
font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
|
|
15964
|
-
line-height: var(--pf-v6-c-title--m-h6--LineHeight);
|
|
16092
|
+
.pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
|
|
16093
|
+
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor);
|
|
15965
16094
|
}
|
|
15966
16095
|
|
|
15967
|
-
.pf-v6-c-
|
|
15968
|
-
|
|
16096
|
+
.pf-v6-c-toggle-group__icon + .pf-v6-c-toggle-group__text,
|
|
16097
|
+
.pf-v6-c-toggle-group__text + .pf-v6-c-toggle-group__icon {
|
|
16098
|
+
margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
|
|
15969
16099
|
}
|
|
15970
16100
|
|
|
15971
16101
|
.pf-v6-c-toolbar {
|
|
@@ -17949,136 +18079,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17949
18079
|
display: inline-flex;
|
|
17950
18080
|
}
|
|
17951
18081
|
}
|
|
17952
|
-
.pf-v6-c-toggle-group {
|
|
17953
|
-
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
17954
|
-
--pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
17955
|
-
--pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
17956
|
-
--pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
17957
|
-
--pf-v6-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
17958
|
-
--pf-v6-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
17959
|
-
--pf-v6-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
|
|
17960
|
-
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
17961
|
-
--pf-v6-c-toggle-group__button--ZIndex: auto;
|
|
17962
|
-
--pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
17963
|
-
--pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
|
|
17964
|
-
--pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
17965
|
-
--pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
17966
|
-
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
17967
|
-
--pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
|
|
17968
|
-
--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--tiny);
|
|
17969
|
-
--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);
|
|
17970
|
-
--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--tiny);
|
|
17971
|
-
--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--tiny);
|
|
17972
|
-
--pf-v6-c-toggle-group__icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
17973
|
-
--pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
17974
|
-
--pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
17975
|
-
--pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
17976
|
-
--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
17977
|
-
--pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
|
|
17978
|
-
--pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
17979
|
-
--pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
17980
|
-
--pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
|
|
17981
|
-
--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
17982
|
-
--pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
|
|
17983
|
-
--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
|
|
17984
|
-
--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
17985
|
-
--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd: 0;
|
|
17986
|
-
--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
17987
|
-
--pf-v6-c-toggle-group--m-compact__button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
17988
|
-
}
|
|
17989
|
-
|
|
17990
|
-
.pf-v6-c-toggle-group {
|
|
17991
|
-
display: flex;
|
|
17992
|
-
}
|
|
17993
|
-
|
|
17994
|
-
.pf-v6-c-toggle-group.pf-m-compact {
|
|
17995
|
-
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart);
|
|
17996
|
-
--pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd);
|
|
17997
|
-
--pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd);
|
|
17998
|
-
--pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart);
|
|
17999
|
-
--pf-v6-c-toggle-group__button--FontSize: var(--pf-v6-c-toggle-group--m-compact__button--FontSize);
|
|
18000
|
-
}
|
|
18001
|
-
|
|
18002
|
-
.pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
|
|
18003
|
-
margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
|
|
18004
|
-
}
|
|
18005
|
-
|
|
18006
|
-
.pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button::before {
|
|
18007
|
-
border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
|
|
18008
|
-
border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
|
|
18009
|
-
}
|
|
18010
|
-
|
|
18011
|
-
.pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button::before {
|
|
18012
|
-
border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
|
|
18013
|
-
border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
|
|
18014
|
-
}
|
|
18015
|
-
|
|
18016
|
-
.pf-v6-c-toggle-group__button {
|
|
18017
|
-
position: relative;
|
|
18018
|
-
z-index: var(--pf-v6-c-toggle-group__button--ZIndex);
|
|
18019
|
-
display: inline-flex;
|
|
18020
|
-
padding-block-start: var(--pf-v6-c-toggle-group__button--PaddingBlockStart);
|
|
18021
|
-
padding-block-end: var(--pf-v6-c-toggle-group__button--PaddingBlockEnd);
|
|
18022
|
-
padding-inline-start: var(--pf-v6-c-toggle-group__button--PaddingInlineStart);
|
|
18023
|
-
padding-inline-end: var(--pf-v6-c-toggle-group__button--PaddingInlineEnd);
|
|
18024
|
-
font-size: var(--pf-v6-c-toggle-group__button--FontSize);
|
|
18025
|
-
line-height: var(--pf-v6-c-toggle-group__button--LineHeight);
|
|
18026
|
-
color: var(--pf-v6-c-toggle-group__button--Color);
|
|
18027
|
-
background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
|
|
18028
|
-
border: 0;
|
|
18029
|
-
}
|
|
18030
|
-
|
|
18031
|
-
.pf-v6-c-toggle-group__button::before {
|
|
18032
|
-
position: absolute;
|
|
18033
|
-
inset-block-start: 0;
|
|
18034
|
-
inset-block-end: 0;
|
|
18035
|
-
inset-inline-start: 0;
|
|
18036
|
-
inset-inline-end: 0;
|
|
18037
|
-
pointer-events: none;
|
|
18038
|
-
content: "";
|
|
18039
|
-
border-style: solid;
|
|
18040
|
-
border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
|
|
18041
|
-
border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
18042
|
-
border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
18043
|
-
border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
18044
|
-
border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
18045
|
-
}
|
|
18046
|
-
|
|
18047
|
-
.pf-v6-c-toggle-group__button:is(:hover, :focus) {
|
|
18048
|
-
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
|
18049
|
-
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
|
18050
|
-
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
|
18051
|
-
text-decoration: none;
|
|
18052
|
-
}
|
|
18053
|
-
|
|
18054
|
-
.pf-v6-c-toggle-group__button.pf-m-selected {
|
|
18055
|
-
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
|
|
18056
|
-
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
|
|
18057
|
-
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
|
|
18058
|
-
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
|
|
18059
|
-
}
|
|
18060
|
-
|
|
18061
|
-
.pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
|
|
18062
|
-
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
|
|
18063
|
-
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
|
|
18064
|
-
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
|
|
18065
|
-
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--disabled--before--BorderColor);
|
|
18066
|
-
pointer-events: none;
|
|
18067
|
-
}
|
|
18068
|
-
|
|
18069
|
-
.pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
|
|
18070
|
-
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor);
|
|
18071
|
-
}
|
|
18072
|
-
|
|
18073
|
-
.pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
|
|
18074
|
-
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor);
|
|
18075
|
-
}
|
|
18076
|
-
|
|
18077
|
-
.pf-v6-c-toggle-group__icon + .pf-v6-c-toggle-group__text,
|
|
18078
|
-
.pf-v6-c-toggle-group__text + .pf-v6-c-toggle-group__icon {
|
|
18079
|
-
margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
|
|
18080
|
-
}
|
|
18081
|
-
|
|
18082
18082
|
.pf-v6-c-tooltip {
|
|
18083
18083
|
--pf-v6-c-tooltip--MaxWidth: 18.75rem;
|
|
18084
18084
|
--pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
@@ -22310,6 +22310,21 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
22310
22310
|
font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
|
|
22311
22311
|
}
|
|
22312
22312
|
|
|
22313
|
+
.pf-v6-l-level {
|
|
22314
|
+
--pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
22315
|
+
}
|
|
22316
|
+
|
|
22317
|
+
.pf-v6-l-level {
|
|
22318
|
+
display: flex;
|
|
22319
|
+
flex-wrap: wrap;
|
|
22320
|
+
align-items: center;
|
|
22321
|
+
justify-content: space-between;
|
|
22322
|
+
}
|
|
22323
|
+
|
|
22324
|
+
.pf-v6-l-level.pf-m-gutter {
|
|
22325
|
+
gap: var(--pf-v6-l-level--m-gutter--Gap);
|
|
22326
|
+
}
|
|
22327
|
+
|
|
22313
22328
|
.pf-v6-l-grid {
|
|
22314
22329
|
--pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
|
|
22315
22330
|
--pf-v6-l-grid__item--GridColumnStart: auto;
|
|
@@ -23297,21 +23312,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23297
23312
|
grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
23298
23313
|
}
|
|
23299
23314
|
|
|
23300
|
-
.pf-v6-l-level {
|
|
23301
|
-
--pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
23302
|
-
}
|
|
23303
|
-
|
|
23304
|
-
.pf-v6-l-level {
|
|
23305
|
-
display: flex;
|
|
23306
|
-
flex-wrap: wrap;
|
|
23307
|
-
align-items: center;
|
|
23308
|
-
justify-content: space-between;
|
|
23309
|
-
}
|
|
23310
|
-
|
|
23311
|
-
.pf-v6-l-level.pf-m-gutter {
|
|
23312
|
-
gap: var(--pf-v6-l-level--m-gutter--Gap);
|
|
23313
|
-
}
|
|
23314
|
-
|
|
23315
23315
|
.pf-v6-l-split {
|
|
23316
23316
|
--pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
23317
23317
|
}
|