@patternfly/patternfly 6.0.0-prerelease.9 → 6.1.0-prerelease.1
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/README.md +1 -1
- package/base/normalize.scss +16 -0
- package/base/patternfly-variables.css +84 -62
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +12 -4
- package/base/tokens/tokens-default.scss +44 -27
- package/base/tokens/tokens-local.scss +30 -35
- package/base/tokens/tokens-palette.scss +1 -1
- package/components/AboutModalBox/about-modal-box.css +0 -7
- package/components/Accordion/accordion.css +0 -1
- package/components/ActionList/action-list.css +1 -2
- package/components/ActionList/action-list.scss +1 -1
- package/components/Alert/alert-group.css +0 -1
- package/components/Alert/alert.css +2 -7
- package/components/Alert/alert.scss +2 -7
- package/components/Avatar/avatar.css +0 -1
- package/components/BackToTop/back-to-top.css +0 -2
- package/components/Backdrop/backdrop.css +0 -1
- package/components/BackgroundImage/background-image.css +0 -1
- package/components/Badge/badge.css +0 -1
- package/components/Banner/banner.css +0 -2
- package/components/Brand/brand.css +0 -1
- package/components/Breadcrumb/breadcrumb.css +0 -1
- package/components/Button/button.css +8 -1
- package/components/Button/button.scss +8 -0
- package/components/CalendarMonth/calendar-month.css +0 -1
- package/components/Card/card.css +0 -1
- package/components/Check/check.css +0 -1
- package/components/ClipboardCopy/clipboard-copy.css +0 -1
- package/components/CodeBlock/code-block.css +0 -1
- package/components/CodeEditor/code-editor.css +0 -1
- package/components/Content/content.css +2 -3
- package/components/Content/content.scss +2 -2
- package/components/DataList/data-list.css +4 -16
- package/components/DataList/data-list.scss +4 -14
- package/components/DatePicker/date-picker.css +0 -1
- package/components/DescriptionList/description-list.css +2 -9
- package/components/DescriptionList/description-list.scss +2 -2
- package/components/Divider/divider.css +0 -1
- package/components/DragDrop/drag-drop.css +0 -2
- package/components/Drawer/drawer.css +0 -7
- package/components/Drawer/drawer.scss +0 -5
- package/components/DualListSelector/dual-list-selector.css +0 -1
- package/components/EmptyState/empty-state.css +1 -2
- package/components/EmptyState/empty-state.scss +1 -1
- package/components/ExpandableSection/expandable-section.css +0 -1
- package/components/FileUpload/file-upload.css +0 -1
- package/components/Form/form.css +1 -2
- package/components/Form/form.scss +1 -1
- package/components/FormControl/form-control.css +22 -4
- package/components/FormControl/form-control.scss +27 -4
- package/components/HelperText/helper-text.css +0 -1
- package/components/Hint/hint.css +0 -1
- package/components/Icon/icon.css +0 -1
- package/components/InlineEdit/inline-edit.css +0 -1
- package/components/InputGroup/input-group.css +0 -1
- package/components/JumpLinks/jump-links.css +0 -1
- package/components/Label/label-group.css +0 -1
- package/components/Label/label.css +0 -1
- package/components/List/list.css +0 -1
- package/components/Login/login.css +0 -9
- package/components/Masthead/masthead.css +0 -1
- package/components/Menu/menu.css +0 -1
- package/components/MenuToggle/menu-toggle.css +66 -56
- package/components/MenuToggle/menu-toggle.scss +76 -65
- package/components/ModalBox/modal-box.css +0 -2
- package/components/MultipleFileUpload/multiple-file-upload.css +0 -1
- package/components/Nav/nav.css +0 -1
- package/components/NotificationDrawer/notification-drawer.css +0 -1
- package/components/NumberInput/number-input.css +0 -1
- package/components/OverflowMenu/overflow-menu.css +0 -1
- package/components/Page/page.css +15 -10
- package/components/Page/page.scss +17 -8
- package/components/Pagination/pagination.css +31 -20
- package/components/Pagination/pagination.scss +35 -23
- package/components/Panel/panel.css +0 -1
- package/components/Popover/popover.css +0 -1
- package/components/Progress/progress.css +0 -1
- package/components/ProgressStepper/progress-stepper.css +0 -2
- package/components/Radio/radio.css +0 -1
- package/components/Sidebar/sidebar.css +0 -1
- package/components/SimpleList/simple-list.css +0 -1
- package/components/Skeleton/skeleton.css +0 -1
- package/components/SkipToContent/skip-to-content.css +0 -1
- package/components/Slider/slider.css +0 -1
- package/components/Spinner/spinner.css +0 -1
- package/components/Switch/switch.css +0 -1
- package/components/TabContent/tab-content.css +0 -1
- package/components/Table/table-grid.css +9 -5
- package/components/Table/table-grid.scss +5 -4
- package/components/Table/table-scrollable.css +0 -1
- package/components/Table/table-tree-view.css +0 -1
- package/components/Table/table.css +6 -6
- package/components/Table/table.scss +6 -5
- package/components/Tabs/tabs.css +0 -1
- package/components/TextInputGroup/text-input-group.css +2 -3
- package/components/TextInputGroup/text-input-group.scss +2 -2
- package/components/Tile/tile.css +0 -1
- package/components/Timestamp/timestamp.css +0 -1
- package/components/Title/title.css +0 -1
- package/components/ToggleGroup/toggle-group.css +0 -1
- package/components/Toolbar/toolbar.css +0 -1
- package/components/Tooltip/tooltip.css +0 -1
- package/components/TreeView/tree-view.css +0 -1
- package/components/Truncate/truncate.css +0 -1
- package/components/Wizard/wizard.css +0 -2
- package/components/_index.css +172 -239
- package/docs/components/Brand/examples/Brand.md +2 -2
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
- package/docs/components/Content/examples/Content.md +188 -204
- package/docs/components/DataList/examples/DataList.md +187 -221
- package/docs/components/DragDrop/examples/DragDrop.md +0 -1
- package/docs/components/FileUpload/examples/FileUpload.md +11 -7
- package/docs/components/Form/examples/Form.md +4 -2
- package/docs/components/FormControl/examples/FormControl.md +10 -10
- package/docs/components/InputGroup/examples/InputGroup.md +4 -4
- package/docs/components/Login/examples/Login.md +6 -6
- package/docs/components/MenuToggle/examples/MenuToggle.md +140 -139
- package/docs/components/Pagination/examples/Pagination.md +12 -12
- package/docs/components/Table/examples/Table.md +1 -1
- package/docs/components/Tile/{examples → deprecated}/Tile.md +1 -0
- package/docs/components/Toolbar/examples/Toolbar.md +37 -37
- package/docs/demos/Card/examples/Card.md +4 -4
- package/docs/demos/CardView/examples/CardView.md +10 -4
- package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
- package/docs/demos/DataList/examples/DataList.md +37 -13
- package/docs/demos/Masthead/examples/Masthead.md +5 -5
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +425 -435
- package/docs/demos/Page/examples/Page.md +2 -2
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +30 -18
- package/docs/demos/Table/examples/Table.md +235 -91
- package/docs/demos/Tabs/examples/Tabs.md +1 -1
- package/docs/demos/Toolbar/examples/Toolbar.md +42 -30
- package/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
- package/layouts/Bullseye/bullseye.css +0 -1
- package/layouts/Flex/flex.css +0 -1
- package/layouts/Gallery/gallery.css +0 -1
- package/layouts/Grid/grid.css +0 -1
- package/layouts/Level/level.css +0 -1
- package/layouts/Split/split.css +0 -1
- package/layouts/Stack/stack.css +0 -1
- package/layouts/_index.css +0 -7
- package/package.json +5 -5
- package/patternfly-base-no-globals.css +84 -62
- package/patternfly-base.css +99 -62
- package/patternfly-charts.css +2 -2
- package/patternfly-charts.scss +2 -2
- package/patternfly-no-globals.css +256 -308
- package/patternfly.css +271 -308
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +3 -3
- package/assets/images/PF-Masthead-Logo.svg +0 -1
- package/assets/images/background-filter.svg +0 -17
- package/assets/images/g_sizing.png +0 -0
- package/assets/images/img_avatar-dark.svg +0 -22
- package/assets/images/img_avatar.svg +0 -21
- package/assets/images/l_pf-reverse-164x11.png +0 -0
- package/assets/images/l_pf-reverse.svg +0 -1
- package/assets/images/logo-dropbox-old.svg +0 -1
- package/assets/images/logo-dropbox.svg +0 -6
- package/assets/images/logo-facebook.svg +0 -4
- package/assets/images/logo-github.svg +0 -4
- package/assets/images/logo-gitlab.svg +0 -4
- package/assets/images/logo-google.svg +0 -4
- package/assets/images/logo-google2.svg +0 -10
- package/assets/images/logo__pf--reverse--base.png +0 -0
- package/assets/images/logo__pf--reverse--base.svg +0 -40
- package/assets/images/logo__pf--reverse-on-md.svg +0 -40
- package/assets/images/pf-c-brand__logo-base.jpg +0 -0
- package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
- package/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
- package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
- package/assets/images/pf-c-brand__logo-on-md.svg +0 -42
- package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
- package/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
- package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
- package/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
- package/assets/images/pf-c-brand__logo.svg +0 -10
- package/assets/images/pf-logo.svg +0 -28
- package/assets/images/pf_logo.svg +0 -37
- package/assets/images/pf_logo_color.svg +0 -22
- package/assets/images/pf_logo_white.svg +0 -37
- package/assets/images/pf_mini_logo_white.svg +0 -1
- package/assets/images/pfbg_1200.jpg +0 -0
- package/assets/images/pfbg_2000.jpg +0 -0
- package/assets/images/pfbg_576.jpg +0 -0
- package/assets/images/pfbg_576@2x.jpg +0 -0
- package/assets/images/pfbg_768.jpg +0 -0
- package/assets/images/pfbg_768@2x.jpg +0 -0
- package/assets/images/pfbg_992.jpg +0 -0
- package/assets/images/pfbg_992@2x.jpg +0 -0
- package/assets/images/status-icon-sprite.svg +0 -38
- /package/docs/components/Tile/{examples → deprecated}/Tile.css +0 -0
package/components/_index.css
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
-
:root,
|
|
3
2
|
.pf-v6-c-about-modal-box {
|
|
4
3
|
--pf-v6-c-about-modal-box--BackgroundImage: none;
|
|
5
4
|
--pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
@@ -46,7 +45,6 @@
|
|
|
46
45
|
--pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
|
|
47
46
|
}
|
|
48
47
|
@media screen and (min-width: 36rem) {
|
|
49
|
-
:root,
|
|
50
48
|
.pf-v6-c-about-modal-box {
|
|
51
49
|
--pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd);
|
|
52
50
|
--pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart);
|
|
@@ -54,32 +52,27 @@
|
|
|
54
52
|
}
|
|
55
53
|
}
|
|
56
54
|
@media only screen and (min-width: 36rem) {
|
|
57
|
-
:root,
|
|
58
55
|
.pf-v6-c-about-modal-box {
|
|
59
56
|
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
|
|
60
57
|
}
|
|
61
58
|
}
|
|
62
59
|
@media only screen and (min-width: 62rem) {
|
|
63
|
-
:root,
|
|
64
60
|
.pf-v6-c-about-modal-box {
|
|
65
61
|
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
|
|
66
62
|
}
|
|
67
63
|
}
|
|
68
64
|
@media only screen and (min-width: 36rem) {
|
|
69
|
-
:root,
|
|
70
65
|
.pf-v6-c-about-modal-box {
|
|
71
66
|
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
|
|
72
67
|
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
|
|
73
68
|
}
|
|
74
69
|
}
|
|
75
70
|
@media only screen and (min-width: 36rem) {
|
|
76
|
-
:root,
|
|
77
71
|
.pf-v6-c-about-modal-box {
|
|
78
72
|
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
|
|
79
73
|
}
|
|
80
74
|
}
|
|
81
75
|
@media only screen and (min-width: 36rem) {
|
|
82
|
-
:root,
|
|
83
76
|
.pf-v6-c-about-modal-box {
|
|
84
77
|
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
|
|
85
78
|
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd);
|
|
@@ -198,7 +191,6 @@
|
|
|
198
191
|
font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
|
|
199
192
|
}
|
|
200
193
|
|
|
201
|
-
:root,
|
|
202
194
|
.pf-v6-c-accordion {
|
|
203
195
|
--pf-v6-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
204
196
|
--pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
|
|
@@ -351,10 +343,9 @@
|
|
|
351
343
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart);
|
|
352
344
|
}
|
|
353
345
|
|
|
354
|
-
:root,
|
|
355
346
|
.pf-v6-c-action-list {
|
|
356
347
|
--pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
357
|
-
--pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
|
|
348
|
+
--pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
|
|
358
349
|
--pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
359
350
|
--pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
360
351
|
}
|
|
@@ -382,7 +373,6 @@
|
|
|
382
373
|
column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
383
374
|
}
|
|
384
375
|
|
|
385
|
-
:root,
|
|
386
376
|
.pf-v6-c-alert {
|
|
387
377
|
--pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
388
378
|
--pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
@@ -401,6 +391,7 @@
|
|
|
401
391
|
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
|
402
392
|
--pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
403
393
|
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
394
|
+
--pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
|
|
404
395
|
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
405
396
|
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
|
406
397
|
--pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -520,6 +511,7 @@
|
|
|
520
511
|
.pf-v6-c-alert__toggle {
|
|
521
512
|
margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
|
|
522
513
|
margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
|
|
514
|
+
margin-inline-start: var(--pf-v6-c-alert__toggle--MarginInlineStart);
|
|
523
515
|
margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
|
|
524
516
|
}
|
|
525
517
|
|
|
@@ -533,9 +525,7 @@
|
|
|
533
525
|
}
|
|
534
526
|
|
|
535
527
|
.pf-v6-c-alert__icon {
|
|
536
|
-
display: flex;
|
|
537
528
|
grid-area: icon;
|
|
538
|
-
margin-block-start: var(--pf-v6-c-alert__icon--MarginBlockStart);
|
|
539
529
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
540
530
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
541
531
|
color: var(--pf-v6-c-alert__icon--Color);
|
|
@@ -568,10 +558,6 @@
|
|
|
568
558
|
margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
|
|
569
559
|
margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
|
|
570
560
|
margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
|
|
571
|
-
transform: translateY(var(--pf-v6-c-alert__action--TranslateY));
|
|
572
|
-
}
|
|
573
|
-
.pf-v6-c-alert__action > .pf-v6-c-button {
|
|
574
|
-
--pf-v6-c-button--LineHeight: 1;
|
|
575
561
|
}
|
|
576
562
|
|
|
577
563
|
.pf-v6-c-alert__action-group {
|
|
@@ -582,7 +568,6 @@
|
|
|
582
568
|
margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
|
|
583
569
|
}
|
|
584
570
|
|
|
585
|
-
:root,
|
|
586
571
|
.pf-v6-c-alert-group {
|
|
587
572
|
--pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
|
|
588
573
|
--pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
|
|
@@ -697,7 +682,6 @@
|
|
|
697
682
|
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
|
|
698
683
|
}
|
|
699
684
|
|
|
700
|
-
:root,
|
|
701
685
|
.pf-v6-c-avatar {
|
|
702
686
|
--pf-v6-c-avatar--BorderColor: transparent;
|
|
703
687
|
--pf-v6-c-avatar--BorderWidth: 0;
|
|
@@ -943,7 +927,6 @@
|
|
|
943
927
|
}
|
|
944
928
|
}
|
|
945
929
|
|
|
946
|
-
:root,
|
|
947
930
|
.pf-v6-c-backdrop {
|
|
948
931
|
--pf-v6-c-backdrop--Position: fixed;
|
|
949
932
|
--pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
|
|
@@ -964,7 +947,6 @@
|
|
|
964
947
|
overflow: hidden;
|
|
965
948
|
}
|
|
966
949
|
|
|
967
|
-
:root,
|
|
968
950
|
.pf-v6-c-background-image {
|
|
969
951
|
--pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
970
952
|
--pf-v6-c-background-image--BackgroundImage: none;
|
|
@@ -992,7 +974,6 @@
|
|
|
992
974
|
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
993
975
|
}
|
|
994
976
|
|
|
995
|
-
:root,
|
|
996
977
|
.pf-v6-c-back-to-top {
|
|
997
978
|
--pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
998
979
|
--pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -1005,7 +986,6 @@
|
|
|
1005
986
|
--pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
1006
987
|
}
|
|
1007
988
|
@media (min-width: 48rem) {
|
|
1008
|
-
:root,
|
|
1009
989
|
.pf-v6-c-back-to-top {
|
|
1010
990
|
--pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
|
|
1011
991
|
}
|
|
@@ -1028,7 +1008,6 @@
|
|
|
1028
1008
|
box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
|
|
1029
1009
|
}
|
|
1030
1010
|
|
|
1031
|
-
:root,
|
|
1032
1011
|
.pf-v6-c-badge {
|
|
1033
1012
|
--pf-v6-c-badge--BorderColor: transparent;
|
|
1034
1013
|
--pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
@@ -1097,7 +1076,6 @@
|
|
|
1097
1076
|
color: var(--pf-v6-c-badge__toggle-icon--Color);
|
|
1098
1077
|
}
|
|
1099
1078
|
|
|
1100
|
-
:root,
|
|
1101
1079
|
.pf-v6-c-banner {
|
|
1102
1080
|
--pf-v6-c-banner--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
1103
1081
|
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -1142,7 +1120,6 @@
|
|
|
1142
1120
|
--pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
1143
1121
|
}
|
|
1144
1122
|
@media (min-width: 48rem) {
|
|
1145
|
-
:root,
|
|
1146
1123
|
.pf-v6-c-banner {
|
|
1147
1124
|
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
|
|
1148
1125
|
--pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
|
|
@@ -1239,7 +1216,6 @@
|
|
|
1239
1216
|
cursor: not-allowed;
|
|
1240
1217
|
}
|
|
1241
1218
|
|
|
1242
|
-
:root,
|
|
1243
1219
|
.pf-v6-c-brand {
|
|
1244
1220
|
--pf-v6-c-brand--Width: auto;
|
|
1245
1221
|
--pf-v6-c-brand--Height: auto;
|
|
@@ -1306,7 +1282,6 @@
|
|
|
1306
1282
|
max-width: 100%;
|
|
1307
1283
|
}
|
|
1308
1284
|
|
|
1309
|
-
:root,
|
|
1310
1285
|
.pf-v6-c-breadcrumb {
|
|
1311
1286
|
--pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
1312
1287
|
--pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
@@ -1415,7 +1390,6 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1415
1390
|
display: none;
|
|
1416
1391
|
}
|
|
1417
1392
|
|
|
1418
|
-
:root,
|
|
1419
1393
|
.pf-v6-c-button {
|
|
1420
1394
|
--pf-v6-c-button--Display: inline-flex;
|
|
1421
1395
|
--pf-v6-c-button--AlignItems: baseline;
|
|
@@ -1458,6 +1432,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1458
1432
|
--pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
1459
1433
|
--pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
|
|
1460
1434
|
--pf-v6-c-button--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
1435
|
+
--pf-v6-c-button--m-secondary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
1461
1436
|
--pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
1462
1437
|
--pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
1463
1438
|
--pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
|
|
@@ -1476,6 +1451,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1476
1451
|
--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
|
|
1477
1452
|
--pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
|
|
1478
1453
|
--pf-v6-c-button--m-tertiary--BorderColor: var(--pf-t--global--border--color--default);
|
|
1454
|
+
--pf-v6-c-button--m-tertiary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
1479
1455
|
--pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
1480
1456
|
--pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
1481
1457
|
--pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
@@ -1544,7 +1520,9 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1544
1520
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
|
|
1545
1521
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
|
|
1546
1522
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
|
|
1523
|
+
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
1547
1524
|
--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
|
|
1525
|
+
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
1548
1526
|
--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
|
|
1549
1527
|
--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
|
|
1550
1528
|
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
|
|
@@ -1708,6 +1686,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1708
1686
|
.pf-v6-c-button.pf-m-secondary {
|
|
1709
1687
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
|
|
1710
1688
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
|
|
1689
|
+
--pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
|
|
1711
1690
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
|
|
1712
1691
|
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
|
|
1713
1692
|
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
|
|
@@ -1733,6 +1712,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1733
1712
|
.pf-v6-c-button.pf-m-tertiary {
|
|
1734
1713
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
|
|
1735
1714
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
|
|
1715
|
+
--pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
|
|
1736
1716
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
|
|
1737
1717
|
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
|
|
1738
1718
|
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
|
|
@@ -1896,6 +1876,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
1896
1876
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
|
|
1897
1877
|
}
|
|
1898
1878
|
.pf-v6-c-button.pf-m-plain.pf-m-no-padding {
|
|
1879
|
+
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
|
|
1899
1880
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
|
|
1900
1881
|
--pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
|
|
1901
1882
|
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
|
|
@@ -1927,6 +1908,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
1927
1908
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
|
1928
1909
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
|
|
1929
1910
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
|
|
1911
|
+
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
|
|
1930
1912
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
|
|
1931
1913
|
text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
|
|
1932
1914
|
}
|
|
@@ -2003,7 +1985,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2003
1985
|
align-items: center;
|
|
2004
1986
|
}
|
|
2005
1987
|
|
|
2006
|
-
:root,
|
|
2007
1988
|
.pf-v6-c-calendar-month {
|
|
2008
1989
|
--pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
2009
1990
|
--pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
@@ -2209,7 +2190,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2209
2190
|
pointer-events: none;
|
|
2210
2191
|
}
|
|
2211
2192
|
|
|
2212
|
-
:root,
|
|
2213
2193
|
.pf-v6-c-card {
|
|
2214
2194
|
--pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
2215
2195
|
--pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -2544,7 +2524,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2544
2524
|
color: var(--pf-v6-c-card__footer--Color);
|
|
2545
2525
|
}
|
|
2546
2526
|
|
|
2547
|
-
:root,
|
|
2548
2527
|
.pf-v6-c-check {
|
|
2549
2528
|
--pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
2550
2529
|
--pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
@@ -2624,7 +2603,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2624
2603
|
color: var(--pf-v6-c-check__label-required--Color);
|
|
2625
2604
|
}
|
|
2626
2605
|
|
|
2627
|
-
:root,
|
|
2628
2606
|
.pf-v6-c-clipboard-copy {
|
|
2629
2607
|
--pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
|
|
2630
2608
|
--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
|
|
@@ -2720,7 +2698,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2720
2698
|
--pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
|
|
2721
2699
|
}
|
|
2722
2700
|
|
|
2723
|
-
:root,
|
|
2724
2701
|
.pf-v6-c-code-block {
|
|
2725
2702
|
--pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2726
2703
|
--pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
@@ -2775,7 +2752,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2775
2752
|
font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
|
|
2776
2753
|
}
|
|
2777
2754
|
|
|
2778
|
-
:root,
|
|
2779
2755
|
.pf-v6-c-code-editor {
|
|
2780
2756
|
--pf-v6-c-code-editor__controls--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
2781
2757
|
--pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
@@ -2953,8 +2929,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2953
2929
|
margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart);
|
|
2954
2930
|
}
|
|
2955
2931
|
|
|
2956
|
-
:root
|
|
2957
|
-
.pf-v6-c-content {
|
|
2932
|
+
:root {
|
|
2958
2933
|
--pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
2959
2934
|
--pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
2960
2935
|
--pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
|
|
@@ -3018,7 +2993,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3018
2993
|
--pf-v6-c-content--dl--GridTemplateColumns--dt: 12ch;
|
|
3019
2994
|
--pf-v6-c-content--dl--GridTemplateColumns--dd: 1fr;
|
|
3020
2995
|
--pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
|
|
3021
|
-
--pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
|
|
2996
|
+
--pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
|
|
3022
2997
|
--pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
3023
2998
|
--pf-v6-c-content--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
3024
2999
|
--pf-v6-c-content--dt--sm--MarginBlockStart: 0;
|
|
@@ -3630,7 +3605,6 @@ ul) {
|
|
|
3630
3605
|
}
|
|
3631
3606
|
}
|
|
3632
3607
|
|
|
3633
|
-
:root,
|
|
3634
3608
|
.pf-v6-c-data-list {
|
|
3635
3609
|
--pf-v6-c-data-list--FontSize: var( --pf-t--global--font--size--body);
|
|
3636
3610
|
--pf-v6-c-data-list--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
@@ -3697,11 +3671,11 @@ ul) {
|
|
|
3697
3671
|
--pf-v6-c-data-list__item-action--Display: flex;
|
|
3698
3672
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
3699
3673
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
3674
|
+
--pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
|
|
3675
|
+
--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
|
|
3700
3676
|
--pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
3701
3677
|
--pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
3702
3678
|
--pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
3703
|
-
--pf-v6-c-data-list__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
3704
|
-
--pf-v6-c-data-list__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
3705
3679
|
--pf-v6-c-data-list__expandable-content--BackgroundColor: var( --pf-t--global--background--color--primary--default);
|
|
3706
3680
|
--pf-v6-c-data-list__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
3707
3681
|
--pf-v6-c-data-list__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -3731,8 +3705,6 @@ ul) {
|
|
|
3731
3705
|
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
3732
3706
|
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
3733
3707
|
--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
3734
|
-
--pf-v6-c-data-list--m-compact__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
|
|
3735
|
-
--pf-v6-c-data-list--m-compact__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
|
|
3736
3708
|
--pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
3737
3709
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
3738
3710
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
@@ -3741,14 +3713,12 @@ ul) {
|
|
|
3741
3713
|
--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
3742
3714
|
}
|
|
3743
3715
|
@media screen and (min-width: 36rem) {
|
|
3744
|
-
:root,
|
|
3745
3716
|
.pf-v6-c-data-list {
|
|
3746
3717
|
--pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
|
|
3747
3718
|
--pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
|
|
3748
3719
|
}
|
|
3749
3720
|
}
|
|
3750
3721
|
@media screen and (min-width: 36rem) {
|
|
3751
|
-
:root,
|
|
3752
3722
|
.pf-v6-c-data-list {
|
|
3753
3723
|
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
|
|
3754
3724
|
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
|
|
@@ -3767,8 +3737,6 @@ ul) {
|
|
|
3767
3737
|
--pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart);
|
|
3768
3738
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart);
|
|
3769
3739
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd);
|
|
3770
|
-
--pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
|
|
3771
|
-
--pf-v6-c-data-list__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__action--MarginBlockEnd);
|
|
3772
3740
|
--pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd);
|
|
3773
3741
|
--pf-v6-c-data-list__item-control--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart);
|
|
3774
3742
|
--pf-v6-c-data-list__item-control--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd);
|
|
@@ -3914,8 +3882,8 @@ ul) {
|
|
|
3914
3882
|
gap: var(--pf-v6-c-data-list__item-action--Gap);
|
|
3915
3883
|
align-content: flex-start;
|
|
3916
3884
|
align-items: flex-start;
|
|
3917
|
-
padding-block-start: var(--pf-v6-c-data-list__item-action--PaddingBlockStart);
|
|
3918
|
-
padding-block-end: var(--pf-v6-c-data-list__item-action--PaddingBlockEnd);
|
|
3885
|
+
padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
|
|
3886
|
+
padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
|
|
3919
3887
|
margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
|
|
3920
3888
|
}
|
|
3921
3889
|
.pf-v6-c-data-list__item-action.pf-m-hidden {
|
|
@@ -3962,11 +3930,6 @@ ul) {
|
|
|
3962
3930
|
}
|
|
3963
3931
|
}
|
|
3964
3932
|
|
|
3965
|
-
.pf-v6-c-data-list__action {
|
|
3966
|
-
margin-block-start: var(--pf-v6-c-data-list__action--MarginBlockStart);
|
|
3967
|
-
margin-block-end: var(--pf-v6-c-data-list__action--MarginBlockEnd);
|
|
3968
|
-
}
|
|
3969
|
-
|
|
3970
3933
|
.pf-v6-c-data-list__toggle {
|
|
3971
3934
|
margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
|
|
3972
3935
|
margin-block-end: var(--pf-v6-c-data-list__toggle--MarginBlockEnd);
|
|
@@ -4058,10 +4021,9 @@ ul) {
|
|
|
4058
4021
|
padding: 0;
|
|
4059
4022
|
}
|
|
4060
4023
|
|
|
4061
|
-
:root,
|
|
4062
4024
|
.pf-v6-c-description-list {
|
|
4063
|
-
--pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
|
|
4064
|
-
--pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
|
|
4025
|
+
--pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
|
|
4026
|
+
--pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
|
|
4065
4027
|
--pf-v6-c-description-list--GridTemplateColumns--count: 1;
|
|
4066
4028
|
--pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
|
|
4067
4029
|
--pf-v6-c-description-list--GridTemplateColumns--min: 0;
|
|
@@ -4106,37 +4068,31 @@ ul) {
|
|
|
4106
4068
|
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
4107
4069
|
}
|
|
4108
4070
|
@media screen and (min-width: 36rem) {
|
|
4109
|
-
:root,
|
|
4110
4071
|
.pf-v6-c-description-list {
|
|
4111
4072
|
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
|
4112
4073
|
}
|
|
4113
4074
|
}
|
|
4114
4075
|
@media (min-width: 36rem) {
|
|
4115
|
-
:root,
|
|
4116
4076
|
.pf-v6-c-description-list {
|
|
4117
4077
|
--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));
|
|
4118
4078
|
}
|
|
4119
4079
|
}
|
|
4120
4080
|
@media (min-width: 48rem) {
|
|
4121
|
-
:root,
|
|
4122
4081
|
.pf-v6-c-description-list {
|
|
4123
4082
|
--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)));
|
|
4124
4083
|
}
|
|
4125
4084
|
}
|
|
4126
4085
|
@media (min-width: 62rem) {
|
|
4127
|
-
:root,
|
|
4128
4086
|
.pf-v6-c-description-list {
|
|
4129
4087
|
--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))));
|
|
4130
4088
|
}
|
|
4131
4089
|
}
|
|
4132
4090
|
@media (min-width: 75rem) {
|
|
4133
|
-
:root,
|
|
4134
4091
|
.pf-v6-c-description-list {
|
|
4135
4092
|
--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)))));
|
|
4136
4093
|
}
|
|
4137
4094
|
}
|
|
4138
4095
|
@media (min-width: 90.625rem) {
|
|
4139
|
-
:root,
|
|
4140
4096
|
.pf-v6-c-description-list {
|
|
4141
4097
|
--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))))));
|
|
4142
4098
|
}
|
|
@@ -4385,7 +4341,6 @@ ul) {
|
|
|
4385
4341
|
}
|
|
4386
4342
|
}
|
|
4387
4343
|
|
|
4388
|
-
:root,
|
|
4389
4344
|
.pf-v6-c-draggable {
|
|
4390
4345
|
--pf-v6-c-draggable--Cursor: auto;
|
|
4391
4346
|
--pf-v6-c-draggable--m-dragging--Cursor: grabbing;
|
|
@@ -4422,7 +4377,6 @@ ul) {
|
|
|
4422
4377
|
--pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-v6-c-draggable--m-drag-outside--after--BorderColor);
|
|
4423
4378
|
}
|
|
4424
4379
|
|
|
4425
|
-
:root,
|
|
4426
4380
|
.pf-v6-c-droppable {
|
|
4427
4381
|
--pf-v6-c-droppable--before--BackgroundColor: transparent;
|
|
4428
4382
|
--pf-v6-c-droppable--before--Opacity: 0;
|
|
@@ -4464,7 +4418,6 @@ ul) {
|
|
|
4464
4418
|
--pf-v6-c-droppable--m-dragging--after--BorderColor: var(--pf-v6-c-droppable--m-drag-outside--after--BorderColor);
|
|
4465
4419
|
}
|
|
4466
4420
|
|
|
4467
|
-
:root,
|
|
4468
4421
|
.pf-v6-c-dual-list-selector {
|
|
4469
4422
|
--pf-v6-c-dual-list-selector__header--GridArea: pane-header;
|
|
4470
4423
|
--pf-v6-c-dual-list-selector__tools--GridArea: pane-tools;
|
|
@@ -4789,7 +4742,6 @@ ul) {
|
|
|
4789
4742
|
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
4790
4743
|
}
|
|
4791
4744
|
|
|
4792
|
-
:root,
|
|
4793
4745
|
.pf-v6-c-date-picker {
|
|
4794
4746
|
--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
|
|
4795
4747
|
--pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
|
|
@@ -4848,7 +4800,6 @@ ul) {
|
|
|
4848
4800
|
min-width: min-content;
|
|
4849
4801
|
}
|
|
4850
4802
|
|
|
4851
|
-
:root,
|
|
4852
4803
|
.pf-v6-c-divider {
|
|
4853
4804
|
--pf-v6-c-divider--Display: flex;
|
|
4854
4805
|
--pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
|
|
@@ -5154,7 +5105,6 @@ ul) {
|
|
|
5154
5105
|
}
|
|
5155
5106
|
}
|
|
5156
5107
|
|
|
5157
|
-
:root,
|
|
5158
5108
|
.pf-v6-c-drawer {
|
|
5159
5109
|
--pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
5160
5110
|
--pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
@@ -5264,11 +5214,9 @@ ul) {
|
|
|
5264
5214
|
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
|
|
5265
5215
|
}
|
|
5266
5216
|
@media screen and (min-width: 75rem) {
|
|
5267
|
-
:root,
|
|
5268
5217
|
.pf-v6-c-drawer {
|
|
5269
5218
|
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
|
5270
5219
|
}
|
|
5271
|
-
:root.pf-m-panel-bottom,
|
|
5272
5220
|
.pf-v6-c-drawer.pf-m-panel-bottom {
|
|
5273
5221
|
--pf-v6-c-drawer__panel--MinWidth: auto;
|
|
5274
5222
|
--pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
|
|
@@ -5498,10 +5446,6 @@ ul) {
|
|
|
5498
5446
|
flex: 1 1;
|
|
5499
5447
|
}
|
|
5500
5448
|
|
|
5501
|
-
.pf-v6-c-drawer__body > .pf-v6-c-page__main {
|
|
5502
|
-
height: 100%;
|
|
5503
|
-
}
|
|
5504
|
-
|
|
5505
5449
|
.pf-v6-c-drawer__splitter {
|
|
5506
5450
|
position: relative;
|
|
5507
5451
|
display: none;
|
|
@@ -5999,7 +5943,6 @@ ul) {
|
|
|
5999
5943
|
display: none;
|
|
6000
5944
|
}
|
|
6001
5945
|
}
|
|
6002
|
-
:root,
|
|
6003
5946
|
.pf-v6-c-empty-state {
|
|
6004
5947
|
--pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
6005
5948
|
--pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
@@ -6038,7 +5981,7 @@ ul) {
|
|
|
6038
5981
|
--pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
6039
5982
|
--pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
6040
5983
|
--pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
6041
|
-
--pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
|
|
5984
|
+
--pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
|
|
6042
5985
|
--pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
6043
5986
|
--pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
6044
5987
|
--pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
@@ -6139,7 +6082,6 @@ ul) {
|
|
|
6139
6082
|
justify-content: center;
|
|
6140
6083
|
}
|
|
6141
6084
|
|
|
6142
|
-
:root,
|
|
6143
6085
|
.pf-v6-c-expandable-section {
|
|
6144
6086
|
--pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
|
|
6145
6087
|
--pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
|
|
@@ -6221,7 +6163,6 @@ ul) {
|
|
|
6221
6163
|
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
|
|
6222
6164
|
}
|
|
6223
6165
|
|
|
6224
|
-
:root,
|
|
6225
6166
|
.pf-v6-c-file-upload {
|
|
6226
6167
|
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
6227
6168
|
--pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -6279,9 +6220,8 @@ ul) {
|
|
|
6279
6220
|
transform: translate(-50%, -50%);
|
|
6280
6221
|
}
|
|
6281
6222
|
|
|
6282
|
-
:root,
|
|
6283
6223
|
.pf-v6-c-form {
|
|
6284
|
-
--pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
|
|
6224
|
+
--pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
|
|
6285
6225
|
--pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
6286
6226
|
--pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
6287
6227
|
--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
|
|
@@ -6794,7 +6734,6 @@ ul) {
|
|
|
6794
6734
|
margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
|
|
6795
6735
|
}
|
|
6796
6736
|
|
|
6797
|
-
:root,
|
|
6798
6737
|
.pf-v6-c-form-control {
|
|
6799
6738
|
--pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
6800
6739
|
--pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -6858,6 +6797,10 @@ ul) {
|
|
|
6858
6797
|
--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
|
|
6859
6798
|
--pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
|
|
6860
6799
|
--pf-v6-c-form-control--textarea--Height: auto;
|
|
6800
|
+
--pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
6801
|
+
--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
6802
|
+
--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
6803
|
+
--pf-v6-c-form-control--textarea--PaddingInlineStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
6861
6804
|
--pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6862
6805
|
--pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
6863
6806
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -6913,18 +6856,33 @@ ul) {
|
|
|
6913
6856
|
background-color: transparent;
|
|
6914
6857
|
border: none;
|
|
6915
6858
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
6859
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
6916
6860
|
-moz-appearance: none;
|
|
6917
6861
|
-webkit-appearance: none;
|
|
6918
6862
|
}
|
|
6919
|
-
.pf-v6-c-form-control > :is(input, select, textarea):focus {
|
|
6920
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
6921
|
-
}
|
|
6922
6863
|
.pf-v6-c-form-control > ::placeholder {
|
|
6923
6864
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
6924
6865
|
}
|
|
6925
6866
|
.pf-v6-c-form-control > :is(input, select) {
|
|
6926
6867
|
text-overflow: ellipsis;
|
|
6927
6868
|
}
|
|
6869
|
+
.pf-v6-c-form-control.pf-m-textarea {
|
|
6870
|
+
padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
|
|
6871
|
+
padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
|
|
6872
|
+
padding-inline-start: var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset);
|
|
6873
|
+
padding-inline-end: var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset);
|
|
6874
|
+
}
|
|
6875
|
+
.pf-v6-c-form-control.pf-m-textarea.pf-m-success, .pf-v6-c-form-control.pf-m-textarea.pf-m-warning, .pf-v6-c-form-control.pf-m-textarea.pf-m-error {
|
|
6876
|
+
--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--ColumnGap));
|
|
6877
|
+
}
|
|
6878
|
+
.pf-v6-c-form-control.pf-m-textarea > textarea {
|
|
6879
|
+
padding-block-start: calc(var(--pf-v6-c-form-control--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
|
|
6880
|
+
padding-block-end: calc(var(--pf-v6-c-form-control--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
|
|
6881
|
+
padding-inline-start: calc(var(--pf-v6-c-form-control--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
|
|
6882
|
+
padding-inline-end: calc(var(--pf-v6-c-form-control--PaddingInlineEnd) - var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset) + var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset, 0));
|
|
6883
|
+
outline-offset: 0;
|
|
6884
|
+
scrollbar-gutter: stable;
|
|
6885
|
+
}
|
|
6928
6886
|
.pf-v6-c-form-control.pf-m-readonly {
|
|
6929
6887
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
|
|
6930
6888
|
--pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
|
|
@@ -7067,7 +7025,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7067
7025
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
|
|
7068
7026
|
}
|
|
7069
7027
|
|
|
7070
|
-
:root,
|
|
7071
7028
|
.pf-v6-c-hint {
|
|
7072
7029
|
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
|
7073
7030
|
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
@@ -7143,7 +7100,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7143
7100
|
margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
|
|
7144
7101
|
}
|
|
7145
7102
|
|
|
7146
|
-
:root,
|
|
7147
7103
|
.pf-v6-c-helper-text {
|
|
7148
7104
|
--pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
|
|
7149
7105
|
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
@@ -7216,7 +7172,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7216
7172
|
color: var(--pf-v6-c-helper-text__item-text--Color);
|
|
7217
7173
|
}
|
|
7218
7174
|
|
|
7219
|
-
:root,
|
|
7220
7175
|
.pf-v6-c-icon {
|
|
7221
7176
|
--pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
|
|
7222
7177
|
--pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
|
|
@@ -7473,7 +7428,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7473
7428
|
transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
|
|
7474
7429
|
}
|
|
7475
7430
|
|
|
7476
|
-
:root,
|
|
7477
7431
|
.pf-v6-c-inline-edit {
|
|
7478
7432
|
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
7479
7433
|
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
|
|
@@ -7557,7 +7511,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7557
7511
|
display: none;
|
|
7558
7512
|
}
|
|
7559
7513
|
|
|
7560
|
-
:root,
|
|
7561
7514
|
.pf-v6-c-input-group {
|
|
7562
7515
|
--pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
7563
7516
|
--pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
|
|
@@ -7631,7 +7584,6 @@ label.pf-v6-c-input-group__text {
|
|
|
7631
7584
|
cursor: pointer;
|
|
7632
7585
|
}
|
|
7633
7586
|
|
|
7634
|
-
:root,
|
|
7635
7587
|
.pf-v6-c-jump-links {
|
|
7636
7588
|
--pf-v6-c-jump-links__list--Display: flex;
|
|
7637
7589
|
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
|
@@ -7878,7 +7830,6 @@ label.pf-v6-c-input-group__text {
|
|
|
7878
7830
|
scale: -1 1;
|
|
7879
7831
|
}
|
|
7880
7832
|
|
|
7881
|
-
:root,
|
|
7882
7833
|
.pf-v6-c-label {
|
|
7883
7834
|
--pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
7884
7835
|
--pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -8373,7 +8324,6 @@ input.pf-v6-c-label__content {
|
|
|
8373
8324
|
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
8374
8325
|
}
|
|
8375
8326
|
|
|
8376
|
-
:root,
|
|
8377
8327
|
.pf-v6-c-label-group {
|
|
8378
8328
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
8379
8329
|
--pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
@@ -8509,7 +8459,6 @@ input.pf-v6-c-label__content {
|
|
|
8509
8459
|
display: none;
|
|
8510
8460
|
}
|
|
8511
8461
|
|
|
8512
|
-
:root,
|
|
8513
8462
|
.pf-v6-c-list {
|
|
8514
8463
|
--pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
8515
8464
|
--pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
|
|
@@ -8581,7 +8530,6 @@ ul.pf-v6-c-list {
|
|
|
8581
8530
|
color: var(--pf-v6-c-list__item-icon--Color);
|
|
8582
8531
|
}
|
|
8583
8532
|
|
|
8584
|
-
:root,
|
|
8585
8533
|
.pf-v6-c-login {
|
|
8586
8534
|
--pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
8587
8535
|
--pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -8638,33 +8586,28 @@ ul.pf-v6-c-list {
|
|
|
8638
8586
|
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8639
8587
|
}
|
|
8640
8588
|
@media (min-width: 75rem) {
|
|
8641
|
-
:root,
|
|
8642
8589
|
.pf-v6-c-login {
|
|
8643
8590
|
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
8644
8591
|
}
|
|
8645
8592
|
}
|
|
8646
8593
|
@media (min-width: 36rem) {
|
|
8647
|
-
:root,
|
|
8648
8594
|
.pf-v6-c-login {
|
|
8649
8595
|
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
8650
8596
|
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
8651
8597
|
}
|
|
8652
8598
|
}
|
|
8653
8599
|
@media (min-width: 75rem) {
|
|
8654
|
-
:root,
|
|
8655
8600
|
.pf-v6-c-login {
|
|
8656
8601
|
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
8657
8602
|
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
8658
8603
|
}
|
|
8659
8604
|
}
|
|
8660
8605
|
@media (min-width: 75rem) {
|
|
8661
|
-
:root,
|
|
8662
8606
|
.pf-v6-c-login {
|
|
8663
8607
|
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
8664
8608
|
}
|
|
8665
8609
|
}
|
|
8666
8610
|
@media (min-width: 48rem) {
|
|
8667
|
-
:root,
|
|
8668
8611
|
.pf-v6-c-login {
|
|
8669
8612
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
8670
8613
|
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
@@ -8672,21 +8615,18 @@ ul.pf-v6-c-list {
|
|
|
8672
8615
|
}
|
|
8673
8616
|
}
|
|
8674
8617
|
@media (min-width: 48rem) {
|
|
8675
|
-
:root,
|
|
8676
8618
|
.pf-v6-c-login {
|
|
8677
8619
|
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
8678
8620
|
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
8679
8621
|
}
|
|
8680
8622
|
}
|
|
8681
8623
|
@media (min-width: 36rem) {
|
|
8682
|
-
:root,
|
|
8683
8624
|
.pf-v6-c-login {
|
|
8684
8625
|
--pf-v6-c-login__footer--PaddingInlineEnd: 0;
|
|
8685
8626
|
--pf-v6-c-login__footer--PaddingInlineStart: 0;
|
|
8686
8627
|
}
|
|
8687
8628
|
}
|
|
8688
8629
|
@media (min-width: 75rem) {
|
|
8689
|
-
:root,
|
|
8690
8630
|
.pf-v6-c-login {
|
|
8691
8631
|
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
|
|
8692
8632
|
}
|
|
@@ -8842,7 +8782,6 @@ ul.pf-v6-c-list {
|
|
|
8842
8782
|
padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
|
|
8843
8783
|
}
|
|
8844
8784
|
|
|
8845
|
-
:root,
|
|
8846
8785
|
.pf-v6-c-masthead {
|
|
8847
8786
|
--pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
|
|
8848
8787
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
@@ -9378,7 +9317,6 @@ ul.pf-v6-c-list {
|
|
|
9378
9317
|
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
9379
9318
|
}
|
|
9380
9319
|
|
|
9381
|
-
:root,
|
|
9382
9320
|
.pf-v6-c-menu {
|
|
9383
9321
|
--pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
|
|
9384
9322
|
--pf-v6-c-menu--Width: auto;
|
|
@@ -9960,9 +9898,8 @@ ul.pf-v6-c-list {
|
|
|
9960
9898
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
9961
9899
|
}
|
|
9962
9900
|
|
|
9963
|
-
:root,
|
|
9964
9901
|
.pf-v6-c-menu-toggle {
|
|
9965
|
-
--pf-v6-c-menu-toggle--
|
|
9902
|
+
--pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
9966
9903
|
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
9967
9904
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
9968
9905
|
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
@@ -10027,26 +9964,30 @@ ul.pf-v6-c-list {
|
|
|
10027
9964
|
--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
10028
9965
|
--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
10029
9966
|
--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
10030
|
-
--pf-v6-c-menu-toggle__controls--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--sm));
|
|
10031
9967
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
10032
9968
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
10033
9969
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
10034
9970
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
10035
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
10036
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
10037
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
10038
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
10039
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
10040
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
10041
|
-
--pf-v6-c-menu-toggle--m-split-button--m-
|
|
10042
|
-
--pf-v6-c-menu-toggle--m-split-button--m-
|
|
10043
|
-
--pf-v6-c-menu-toggle--m-split-button--m-
|
|
9971
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
|
|
9972
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
9973
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
9974
|
+
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
|
|
9975
|
+
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
|
|
9976
|
+
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
|
|
9977
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
9978
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
9979
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
9980
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
9981
|
+
--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
|
|
10044
9982
|
--pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
|
|
9983
|
+
--pf-v6-c-menu-toggle__button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
10045
9984
|
--pf-v6-c-menu-toggle__button--AlignSelf: baseline;
|
|
10046
9985
|
--pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
|
|
10047
9986
|
--pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
|
|
10048
9987
|
--pf-v6-c-menu-toggle__button--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
|
|
10049
9988
|
--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
9989
|
+
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
9990
|
+
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
10050
9991
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
10051
9992
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
10052
9993
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -10054,14 +9995,15 @@ ul.pf-v6-c-list {
|
|
|
10054
9995
|
--pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
|
|
10055
9996
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
10056
9997
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
10057
|
-
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--
|
|
9998
|
+
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
9999
|
+
--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
10000
|
+
--pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
10058
10001
|
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
|
|
10059
10002
|
--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
|
10060
10003
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
10061
10004
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
10062
10005
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10063
10006
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10064
|
-
--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
10065
10007
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
10066
10008
|
--pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
10067
10009
|
--pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
@@ -10070,12 +10012,13 @@ ul.pf-v6-c-list {
|
|
|
10070
10012
|
--pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
10071
10013
|
--pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
10072
10014
|
--pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
10015
|
+
--pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
|
|
10073
10016
|
}
|
|
10074
10017
|
|
|
10075
10018
|
.pf-v6-c-menu-toggle {
|
|
10076
10019
|
position: relative;
|
|
10077
10020
|
display: inline-flex;
|
|
10078
|
-
|
|
10021
|
+
gap: var(--pf-v6-c-menu-toggle--Gap);
|
|
10079
10022
|
align-items: center;
|
|
10080
10023
|
justify-content: center;
|
|
10081
10024
|
min-width: var(--pf-v6-c-menu-toggle--MinWidth);
|
|
@@ -10161,6 +10104,8 @@ ul.pf-v6-c-list {
|
|
|
10161
10104
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
|
|
10162
10105
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
|
|
10163
10106
|
--pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
|
|
10107
|
+
--pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
|
|
10108
|
+
--pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
|
|
10164
10109
|
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
|
|
10165
10110
|
}
|
|
10166
10111
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
|
@@ -10189,9 +10134,6 @@ ul.pf-v6-c-list {
|
|
|
10189
10134
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
|
|
10190
10135
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
|
|
10191
10136
|
}
|
|
10192
|
-
.pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
|
|
10193
|
-
background-color: transparent;
|
|
10194
|
-
}
|
|
10195
10137
|
.pf-v6-c-menu-toggle.pf-m-success {
|
|
10196
10138
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
|
|
10197
10139
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
|
|
@@ -10220,7 +10162,8 @@ ul.pf-v6-c-list {
|
|
|
10220
10162
|
}
|
|
10221
10163
|
|
|
10222
10164
|
.pf-v6-c-menu-toggle.pf-m-split-button {
|
|
10223
|
-
--pf-v6-c-menu-toggle--
|
|
10165
|
+
--pf-v6-c-menu-toggle--Gap: 0;
|
|
10166
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
|
|
10224
10167
|
padding: 0;
|
|
10225
10168
|
}
|
|
10226
10169
|
.pf-v6-c-menu-toggle.pf-m-split-button > * {
|
|
@@ -10239,7 +10182,6 @@ ul.pf-v6-c-list {
|
|
|
10239
10182
|
border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
|
|
10240
10183
|
}
|
|
10241
10184
|
.pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
|
|
10242
|
-
--pf-v6-c-menu-toggle--PaddingInlineEnd: 0;
|
|
10243
10185
|
--pf-v6-c-check__label--Color: currentcolor;
|
|
10244
10186
|
--pf-v6-c-check__label--disabled--Color: currentcolor;
|
|
10245
10187
|
align-items: center;
|
|
@@ -10249,49 +10191,51 @@ ul.pf-v6-c-list {
|
|
|
10249
10191
|
--pf-v6-c-check__input--TranslateY: 0;
|
|
10250
10192
|
align-self: center;
|
|
10251
10193
|
}
|
|
10252
|
-
.pf-v6-c-menu-toggle.pf-m-split-button
|
|
10253
|
-
--pf-v6-c-menu-toggle--
|
|
10194
|
+
.pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
|
|
10195
|
+
border-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth) solid var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor);
|
|
10254
10196
|
}
|
|
10255
|
-
|
|
10256
|
-
|
|
10257
|
-
--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
|
|
10197
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
|
|
10198
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
|
|
10258
10199
|
}
|
|
10259
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
10260
|
-
|
|
10200
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
|
|
10201
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
|
|
10202
|
+
background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
|
|
10261
10203
|
}
|
|
10262
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
10263
|
-
|
|
10264
|
-
|
|
10265
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
|
|
10266
|
-
--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor);
|
|
10204
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
|
|
10205
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
|
|
10206
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor);
|
|
10267
10207
|
}
|
|
10268
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
10269
|
-
|
|
10208
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
|
|
10209
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor);
|
|
10270
10210
|
}
|
|
10271
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
10272
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
10211
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
|
|
10212
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
|
|
10273
10213
|
}
|
|
10274
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
10275
|
-
|
|
10214
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):first-child,
|
|
10215
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):first-child,
|
|
10216
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
|
|
10217
|
+
padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
|
|
10276
10218
|
}
|
|
10277
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
10278
|
-
|
|
10219
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):last-child,
|
|
10220
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):last-child,
|
|
10221
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
|
|
10222
|
+
padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
|
|
10279
10223
|
}
|
|
10280
|
-
.pf-v6-c-menu-toggle.pf-m-split-button
|
|
10281
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
10224
|
+
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
|
|
10225
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
|
|
10282
10226
|
}
|
|
10283
|
-
.pf-v6-c-menu-toggle.pf-m-split-button
|
|
10284
|
-
|
|
10285
|
-
}
|
|
10286
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :is(.pf-m-disabled, :disabled) {
|
|
10287
|
-
--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor);
|
|
10227
|
+
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
|
|
10228
|
+
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
|
|
10288
10229
|
color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
|
|
10289
10230
|
background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
|
|
10290
10231
|
}
|
|
10232
|
+
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
|
|
10233
|
+
content: none;
|
|
10234
|
+
}
|
|
10291
10235
|
|
|
10292
10236
|
.pf-v6-c-menu-toggle.pf-m-typeahead {
|
|
10293
10237
|
--pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
|
|
10294
|
-
--pf-v6-c-menu-toggle--
|
|
10238
|
+
--pf-v6-c-menu-toggle--Gap: 0;
|
|
10295
10239
|
align-items: stretch;
|
|
10296
10240
|
padding: 0;
|
|
10297
10241
|
}
|
|
@@ -10309,6 +10253,7 @@ ul.pf-v6-c-list {
|
|
|
10309
10253
|
}
|
|
10310
10254
|
|
|
10311
10255
|
.pf-v6-c-menu-toggle__button {
|
|
10256
|
+
gap: var(--pf-v6-c-menu-toggle__button--Gap);
|
|
10312
10257
|
align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
|
|
10313
10258
|
min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
|
|
10314
10259
|
padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
|
|
@@ -10317,13 +10262,13 @@ ul.pf-v6-c-list {
|
|
|
10317
10262
|
background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
|
|
10318
10263
|
border: 0;
|
|
10319
10264
|
}
|
|
10320
|
-
.pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
|
|
10321
|
-
padding-inline-start: 0;
|
|
10322
|
-
}
|
|
10323
10265
|
.pf-v6-c-menu-toggle__button.pf-m-text {
|
|
10324
10266
|
display: inline-flex;
|
|
10325
10267
|
align-items: baseline;
|
|
10326
|
-
|
|
10268
|
+
}
|
|
10269
|
+
.pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check.pf-m-standalone, .pf-v6-c-menu-toggle__button:has(> .pf-v6-c-menu-toggle__controls:only-child) {
|
|
10270
|
+
padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
|
|
10271
|
+
padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
|
|
10327
10272
|
}
|
|
10328
10273
|
|
|
10329
10274
|
.pf-v6-c-menu-toggle__text {
|
|
@@ -10338,7 +10283,6 @@ ul.pf-v6-c-list {
|
|
|
10338
10283
|
flex-wrap: nowrap;
|
|
10339
10284
|
}
|
|
10340
10285
|
|
|
10341
|
-
.pf-v6-c-menu-toggle__icon,
|
|
10342
10286
|
.pf-v6-c-menu-toggle__controls,
|
|
10343
10287
|
.pf-v6-c-menu-toggle__toggle-icon {
|
|
10344
10288
|
display: flex;
|
|
@@ -10348,11 +10292,16 @@ ul.pf-v6-c-list {
|
|
|
10348
10292
|
|
|
10349
10293
|
.pf-v6-c-menu-toggle__icon {
|
|
10350
10294
|
flex-shrink: 0;
|
|
10351
|
-
|
|
10295
|
+
}
|
|
10296
|
+
.pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
|
|
10297
|
+
.pf-v6-c-menu-toggle__icon.pf-m-avatar img,
|
|
10298
|
+
.pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
|
|
10299
|
+
margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
|
|
10300
|
+
margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
|
|
10352
10301
|
}
|
|
10353
10302
|
|
|
10354
10303
|
.pf-v6-c-menu-toggle__controls {
|
|
10355
|
-
|
|
10304
|
+
gap: var(--pf-v6-c-menu-toggle__controls--Gap);
|
|
10356
10305
|
margin-inline-start: auto;
|
|
10357
10306
|
}
|
|
10358
10307
|
|
|
@@ -10362,11 +10311,9 @@ ul.pf-v6-c-list {
|
|
|
10362
10311
|
}
|
|
10363
10312
|
|
|
10364
10313
|
.pf-v6-c-menu-toggle__status-icon {
|
|
10365
|
-
margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
|
|
10366
10314
|
color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
|
|
10367
10315
|
}
|
|
10368
10316
|
|
|
10369
|
-
:root,
|
|
10370
10317
|
.pf-v6-c-modal-box {
|
|
10371
10318
|
--pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
10372
10319
|
--pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
@@ -10420,7 +10367,6 @@ ul.pf-v6-c-list {
|
|
|
10420
10367
|
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
|
|
10421
10368
|
}
|
|
10422
10369
|
@media (min-width: 75rem) {
|
|
10423
|
-
:root,
|
|
10424
10370
|
.pf-v6-c-modal-box {
|
|
10425
10371
|
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
|
10426
10372
|
}
|
|
@@ -10573,7 +10519,6 @@ ul.pf-v6-c-list {
|
|
|
10573
10519
|
}
|
|
10574
10520
|
}
|
|
10575
10521
|
|
|
10576
|
-
:root,
|
|
10577
10522
|
.pf-v6-c-multiple-file-upload {
|
|
10578
10523
|
--pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
|
|
10579
10524
|
--pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
|
|
@@ -10784,7 +10729,6 @@ ul.pf-v6-c-list {
|
|
|
10784
10729
|
color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
|
|
10785
10730
|
}
|
|
10786
10731
|
|
|
10787
|
-
:root,
|
|
10788
10732
|
.pf-v6-c-nav {
|
|
10789
10733
|
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
10790
10734
|
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -11093,7 +11037,6 @@ ul.pf-v6-c-list {
|
|
|
11093
11037
|
--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
|
|
11094
11038
|
}
|
|
11095
11039
|
|
|
11096
|
-
:root,
|
|
11097
11040
|
.pf-v6-c-notification-drawer {
|
|
11098
11041
|
--pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
11099
11042
|
--pf-v6-c-notification-drawer__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -11369,7 +11312,6 @@ ul.pf-v6-c-list {
|
|
|
11369
11312
|
transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
11370
11313
|
}
|
|
11371
11314
|
|
|
11372
|
-
:root,
|
|
11373
11315
|
.pf-v6-c-overflow-menu {
|
|
11374
11316
|
--pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
|
|
11375
11317
|
--pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
|
|
@@ -11407,13 +11349,13 @@ ul.pf-v6-c-list {
|
|
|
11407
11349
|
column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
|
|
11408
11350
|
}
|
|
11409
11351
|
|
|
11410
|
-
:root,
|
|
11411
11352
|
.pf-v6-c-page {
|
|
11412
11353
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11413
11354
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
11414
11355
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
11415
11356
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
11416
11357
|
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
|
11358
|
+
--pf-v6-c-page__sidebar--xl--Width: auto;
|
|
11417
11359
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11418
11360
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
|
11419
11361
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
@@ -11422,7 +11364,7 @@ ul.pf-v6-c-list {
|
|
|
11422
11364
|
--pf-v6-c-page__sidebar--TranslateZ: 0;
|
|
11423
11365
|
--pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
|
|
11424
11366
|
--pf-v6-c-page__sidebar--xl--TranslateX: 0;
|
|
11425
|
-
--pf-v6-c-page__sidebar--MarginInlineEnd:
|
|
11367
|
+
--pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
|
|
11426
11368
|
--pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
11427
11369
|
--pf-v6-c-page__sidebar--PaddingInlineStart: 0;
|
|
11428
11370
|
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
@@ -11435,7 +11377,7 @@ ul.pf-v6-c-list {
|
|
|
11435
11377
|
--pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
11436
11378
|
--pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
11437
11379
|
--pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
11438
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
11380
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
|
|
11439
11381
|
--pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
11440
11382
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
|
|
11441
11383
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
|
@@ -11448,8 +11390,8 @@ ul.pf-v6-c-list {
|
|
|
11448
11390
|
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
11449
11391
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
11450
11392
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
|
11451
|
-
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--
|
|
11452
|
-
--pf-v6-c-page__main-container--BorderWidth:
|
|
11393
|
+
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
11394
|
+
--pf-v6-c-page__main-container--BorderWidth: 0.25rem;
|
|
11453
11395
|
--pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
11454
11396
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
11455
11397
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -11474,11 +11416,13 @@ ul.pf-v6-c-list {
|
|
|
11474
11416
|
--pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
|
|
11475
11417
|
--pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11476
11418
|
--pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11419
|
+
--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
11477
11420
|
--pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
11478
11421
|
--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11479
11422
|
--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
|
|
11480
11423
|
--pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11481
11424
|
--pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
11425
|
+
--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
11482
11426
|
--pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
|
|
11483
11427
|
--pf-v6-c-page__main-tabs--PaddingInlineEnd: 0;
|
|
11484
11428
|
--pf-v6-c-page__main-tabs--PaddingBlockEnd: 0;
|
|
@@ -11489,7 +11433,6 @@ ul.pf-v6-c-list {
|
|
|
11489
11433
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
11490
11434
|
}
|
|
11491
11435
|
@media screen and (min-width: 75rem) {
|
|
11492
|
-
:root,
|
|
11493
11436
|
.pf-v6-c-page {
|
|
11494
11437
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
11495
11438
|
}
|
|
@@ -11507,6 +11450,7 @@ ul.pf-v6-c-list {
|
|
|
11507
11450
|
}
|
|
11508
11451
|
@media (min-width: 75rem) {
|
|
11509
11452
|
.pf-v6-c-page {
|
|
11453
|
+
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
|
|
11510
11454
|
grid-template-areas: "header header" "sidebar main";
|
|
11511
11455
|
grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
|
|
11512
11456
|
}
|
|
@@ -11860,6 +11804,9 @@ ul.pf-v6-c-list {
|
|
|
11860
11804
|
padding-inline-end: var(--pf-v6-c-page__main-subnav--PaddingInlineEnd);
|
|
11861
11805
|
background-color: var(--pf-v6-c-page__main-subnav--BackgroundColor);
|
|
11862
11806
|
}
|
|
11807
|
+
.pf-v6-c-page__main-subnav.pf-m-sticky-top {
|
|
11808
|
+
padding-block-end: var(--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd);
|
|
11809
|
+
}
|
|
11863
11810
|
|
|
11864
11811
|
.pf-v6-c-page__main-breadcrumb {
|
|
11865
11812
|
padding-block-start: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockStart);
|
|
@@ -12016,14 +11963,13 @@ ul.pf-v6-c-list {
|
|
|
12016
11963
|
flex-shrink: 0;
|
|
12017
11964
|
}
|
|
12018
11965
|
|
|
12019
|
-
.pf-v6-c-page__drawer {
|
|
12020
|
-
|
|
11966
|
+
.pf-v6-c-page__drawer .pf-v6-c-page__main-container {
|
|
11967
|
+
align-self: revert;
|
|
12021
11968
|
}
|
|
12022
|
-
.pf-v6-c-page__drawer
|
|
12023
|
-
flex: 1
|
|
11969
|
+
.pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
|
|
11970
|
+
flex-grow: 1;
|
|
12024
11971
|
}
|
|
12025
11972
|
|
|
12026
|
-
:root,
|
|
12027
11973
|
.pf-v6-c-pagination {
|
|
12028
11974
|
--pf-v6-c-pagination--inset: 0;
|
|
12029
11975
|
--pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
@@ -12043,17 +11989,23 @@ ul.pf-v6-c-list {
|
|
|
12043
11989
|
--pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
12044
11990
|
--pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
12045
11991
|
--pf-v6-c-pagination--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
12046
|
-
--pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
12047
11992
|
--pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
12048
11993
|
--pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
12049
|
-
--pf-v6-c-pagination--m-sticky--
|
|
11994
|
+
--pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
11995
|
+
--pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
|
|
12050
11996
|
--pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
|
|
12051
11997
|
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
12052
11998
|
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
12053
|
-
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
12054
|
-
--pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
12055
|
-
--pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
12056
11999
|
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
12000
|
+
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
12001
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
12002
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
12003
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
12004
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
12005
|
+
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
|
|
12006
|
+
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
|
|
12007
|
+
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
12008
|
+
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
12057
12009
|
--pf-v6-c-pagination__page-menu--Display--base: block;
|
|
12058
12010
|
--pf-v6-c-pagination__page-menu--Display: none;
|
|
12059
12011
|
--pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
|
|
@@ -12062,7 +12014,6 @@ ul.pf-v6-c-list {
|
|
|
12062
12014
|
--pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
|
|
12063
12015
|
}
|
|
12064
12016
|
@media screen and (min-width: 48rem) {
|
|
12065
|
-
:root,
|
|
12066
12017
|
.pf-v6-c-pagination {
|
|
12067
12018
|
--pf-v6-c-pagination--m-bottom--BoxShadow: none;
|
|
12068
12019
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
|
|
@@ -12071,7 +12022,6 @@ ul.pf-v6-c-list {
|
|
|
12071
12022
|
}
|
|
12072
12023
|
}
|
|
12073
12024
|
@media screen and (min-width: 75rem) {
|
|
12074
|
-
:root,
|
|
12075
12025
|
.pf-v6-c-pagination {
|
|
12076
12026
|
--pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
|
|
12077
12027
|
}
|
|
@@ -12095,17 +12045,13 @@ ul.pf-v6-c-list {
|
|
|
12095
12045
|
position: sticky;
|
|
12096
12046
|
inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
|
|
12097
12047
|
justify-content: center;
|
|
12098
|
-
padding-
|
|
12099
|
-
padding-
|
|
12048
|
+
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
|
|
12049
|
+
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
|
|
12050
|
+
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
|
|
12051
|
+
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
|
|
12100
12052
|
background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
|
|
12101
12053
|
box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
|
|
12102
12054
|
}
|
|
12103
|
-
.pf-v6-c-pagination.pf-m-bottom.pf-m-static {
|
|
12104
|
-
--pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
|
|
12105
|
-
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
|
12106
|
-
position: relative;
|
|
12107
|
-
box-shadow: none;
|
|
12108
|
-
}
|
|
12109
12055
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
|
|
12110
12056
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
|
|
12111
12057
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
|
|
@@ -12127,6 +12073,10 @@ ul.pf-v6-c-list {
|
|
|
12127
12073
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
|
|
12128
12074
|
position: relative;
|
|
12129
12075
|
justify-content: flex-end;
|
|
12076
|
+
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
|
12077
|
+
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
|
|
12078
|
+
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
|
|
12079
|
+
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
|
|
12130
12080
|
}
|
|
12131
12081
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
|
|
12132
12082
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
|
|
@@ -12144,15 +12094,23 @@ ul.pf-v6-c-list {
|
|
|
12144
12094
|
flex-basis: auto;
|
|
12145
12095
|
}
|
|
12146
12096
|
}
|
|
12097
|
+
.pf-v6-c-pagination.pf-m-static {
|
|
12098
|
+
position: relative;
|
|
12099
|
+
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
|
12100
|
+
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
|
|
12101
|
+
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
|
|
12102
|
+
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
|
|
12103
|
+
box-shadow: none;
|
|
12104
|
+
}
|
|
12147
12105
|
.pf-v6-c-pagination.pf-m-sticky {
|
|
12148
12106
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
12149
12107
|
position: sticky;
|
|
12150
12108
|
inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
|
|
12151
12109
|
z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
|
|
12152
|
-
padding-block-start: var(--pf-v6-c-pagination--m-sticky--PaddingBlockStart);
|
|
12153
|
-
padding-block-end: var(--pf-v6-c-pagination--m-sticky--PaddingBlockEnd);
|
|
12154
|
-
padding-inline-start: var(--pf-v6-c-pagination--m-sticky--PaddingInlineStart);
|
|
12155
|
-
padding-inline-end: var(--pf-v6-c-pagination--m-sticky--PaddingInlineEnd);
|
|
12110
|
+
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
|
|
12111
|
+
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
|
|
12112
|
+
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
|
|
12113
|
+
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
|
|
12156
12114
|
background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
|
|
12157
12115
|
box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
|
|
12158
12116
|
}
|
|
@@ -12373,7 +12331,6 @@ ul.pf-v6-c-list {
|
|
|
12373
12331
|
}
|
|
12374
12332
|
}
|
|
12375
12333
|
|
|
12376
|
-
:root,
|
|
12377
12334
|
.pf-v6-c-panel {
|
|
12378
12335
|
--pf-v6-c-panel--Width: auto;
|
|
12379
12336
|
--pf-v6-c-panel--MinWidth: auto;
|
|
@@ -12471,7 +12428,6 @@ ul.pf-v6-c-list {
|
|
|
12471
12428
|
box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
|
|
12472
12429
|
}
|
|
12473
12430
|
|
|
12474
|
-
:root,
|
|
12475
12431
|
.pf-v6-c-popover {
|
|
12476
12432
|
--pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
12477
12433
|
--pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
|
@@ -12674,7 +12630,6 @@ ul.pf-v6-c-list {
|
|
|
12674
12630
|
margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
|
|
12675
12631
|
}
|
|
12676
12632
|
|
|
12677
|
-
:root,
|
|
12678
12633
|
.pf-v6-c-progress {
|
|
12679
12634
|
--pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
|
|
12680
12635
|
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
@@ -12839,7 +12794,6 @@ ul.pf-v6-c-list {
|
|
|
12839
12794
|
font-variant-numeric: tabular-nums;
|
|
12840
12795
|
}
|
|
12841
12796
|
|
|
12842
|
-
:root,
|
|
12843
12797
|
.pf-v6-c-progress-stepper {
|
|
12844
12798
|
--pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
|
|
12845
12799
|
--pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
|
|
@@ -12961,7 +12915,6 @@ ul.pf-v6-c-list {
|
|
|
12961
12915
|
--pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
|
|
12962
12916
|
}
|
|
12963
12917
|
@media screen and (min-width: 48rem) {
|
|
12964
|
-
:root,
|
|
12965
12918
|
.pf-v6-c-progress-stepper {
|
|
12966
12919
|
--pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
|
|
12967
12920
|
--pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
|
|
@@ -13451,7 +13404,6 @@ ul.pf-v6-c-list {
|
|
|
13451
13404
|
}
|
|
13452
13405
|
}
|
|
13453
13406
|
|
|
13454
|
-
:root,
|
|
13455
13407
|
.pf-v6-c-radio {
|
|
13456
13408
|
--pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
13457
13409
|
--pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
|
|
@@ -13533,7 +13485,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
13533
13485
|
cursor: not-allowed;
|
|
13534
13486
|
}
|
|
13535
13487
|
|
|
13536
|
-
:root,
|
|
13537
13488
|
.pf-v6-c-sidebar {
|
|
13538
13489
|
--pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
|
|
13539
13490
|
--pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
|
|
@@ -13878,7 +13829,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
13878
13829
|
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
13879
13830
|
}
|
|
13880
13831
|
}
|
|
13881
|
-
:root,
|
|
13882
13832
|
.pf-v6-c-simple-list {
|
|
13883
13833
|
--pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
13884
13834
|
--pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -13949,7 +13899,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
13949
13899
|
margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
|
|
13950
13900
|
}
|
|
13951
13901
|
|
|
13952
|
-
:root,
|
|
13953
13902
|
.pf-v6-c-skeleton {
|
|
13954
13903
|
--pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
13955
13904
|
--pf-v6-c-skeleton--Width: auto;
|
|
@@ -14115,7 +14064,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14115
14064
|
transform: translateX(100%);
|
|
14116
14065
|
}
|
|
14117
14066
|
}
|
|
14118
|
-
:root,
|
|
14119
14067
|
.pf-v6-c-skip-to-content {
|
|
14120
14068
|
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
14121
14069
|
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
@@ -14132,7 +14080,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14132
14080
|
inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
|
|
14133
14081
|
}
|
|
14134
14082
|
|
|
14135
|
-
:root,
|
|
14136
14083
|
.pf-v6-c-slider {
|
|
14137
14084
|
--pf-v6-c-slider--value: 0;
|
|
14138
14085
|
--pf-v6-c-slider__step--InsetInlineStart: 0;
|
|
@@ -14354,7 +14301,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14354
14301
|
margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
|
|
14355
14302
|
}
|
|
14356
14303
|
|
|
14357
|
-
:root,
|
|
14358
14304
|
.pf-v6-c-spinner {
|
|
14359
14305
|
--pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
|
|
14360
14306
|
--pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
|
|
@@ -14431,7 +14377,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14431
14377
|
transform: rotate(720deg);
|
|
14432
14378
|
}
|
|
14433
14379
|
}
|
|
14434
|
-
:root,
|
|
14435
14380
|
.pf-v6-c-switch {
|
|
14436
14381
|
--pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
|
|
14437
14382
|
--pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
@@ -14580,7 +14525,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14580
14525
|
vertical-align: top;
|
|
14581
14526
|
}
|
|
14582
14527
|
|
|
14583
|
-
:root,
|
|
14584
14528
|
.pf-v6-c-tab-content {
|
|
14585
14529
|
--pf-v6-c-tab-content__body--PaddingBlockStart: 0;
|
|
14586
14530
|
--pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
|
|
@@ -14626,7 +14570,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14626
14570
|
--pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
|
|
14627
14571
|
}
|
|
14628
14572
|
|
|
14629
|
-
:root,
|
|
14630
14573
|
.pf-v6-c-table {
|
|
14631
14574
|
--pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
|
|
14632
14575
|
--pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
|
|
@@ -14639,9 +14582,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14639
14582
|
--pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
|
|
14640
14583
|
--pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
|
|
14641
14584
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
14642
|
-
--pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
14585
|
+
--pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
14643
14586
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
14644
|
-
--pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
14587
|
+
--pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
14645
14588
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
14646
14589
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
14647
14590
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
@@ -14671,8 +14614,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14671
14614
|
--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
14672
14615
|
--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
14673
14616
|
--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
14674
|
-
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
14675
|
-
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
14617
|
+
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
14618
|
+
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
14676
14619
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
14677
14620
|
--pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
|
|
14678
14621
|
--pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
|
|
@@ -14690,6 +14633,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14690
14633
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
14691
14634
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
14692
14635
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
|
14636
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
|
14693
14637
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
14694
14638
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
14695
14639
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -14989,6 +14933,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14989
14933
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
14990
14934
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
14991
14935
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
|
14936
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
|
14992
14937
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
14993
14938
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
14994
14939
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -15291,6 +15236,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15291
15236
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
15292
15237
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
15293
15238
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
|
15239
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
|
15294
15240
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
15295
15241
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
15296
15242
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -15593,6 +15539,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15593
15539
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
15594
15540
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
15595
15541
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
|
15542
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
|
15596
15543
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
15597
15544
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
15598
15545
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -15895,6 +15842,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15895
15842
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
15896
15843
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
15897
15844
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
|
15845
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
|
15898
15846
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
15899
15847
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
15900
15848
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -16191,7 +16139,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16191
16139
|
}
|
|
16192
16140
|
}
|
|
16193
16141
|
|
|
16194
|
-
:root,
|
|
16195
16142
|
.pf-v6-c-table {
|
|
16196
16143
|
--pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
16197
16144
|
--pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -16201,7 +16148,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16201
16148
|
--pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
16202
16149
|
--pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
16203
16150
|
--pf-v6-c-table__caption--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
16204
|
-
--pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
16151
|
+
--pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
16205
16152
|
--pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
16206
16153
|
--pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
16207
16154
|
--pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -16219,7 +16166,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16219
16166
|
--pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
16220
16167
|
--pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
16221
16168
|
--pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
|
|
16222
|
-
--pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--
|
|
16169
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
|
16223
16170
|
--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
|
|
16224
16171
|
--pf-v6-c-table--cell--MinWidth: 0;
|
|
16225
16172
|
--pf-v6-c-table--cell--MaxWidth: none;
|
|
@@ -16448,10 +16395,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16448
16395
|
}
|
|
16449
16396
|
}
|
|
16450
16397
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
|
16451
|
-
padding-inline-start:
|
|
16398
|
+
padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
|
16452
16399
|
}
|
|
16453
16400
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
|
|
16454
|
-
padding-inline-end:
|
|
16401
|
+
padding-inline-end: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
|
16455
16402
|
}
|
|
16456
16403
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
|
|
16457
16404
|
text-align: center;
|
|
@@ -16684,7 +16631,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16684
16631
|
.pf-v6-c-table__column-help {
|
|
16685
16632
|
display: inline-grid;
|
|
16686
16633
|
grid-template-columns: auto max-content;
|
|
16687
|
-
align-items: baseline;
|
|
16634
|
+
align-items: last baseline;
|
|
16688
16635
|
justify-content: start;
|
|
16689
16636
|
}
|
|
16690
16637
|
.pf-v6-c-table__button-content .pf-v6-c-table__text,
|
|
@@ -16849,6 +16796,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
16849
16796
|
}
|
|
16850
16797
|
|
|
16851
16798
|
.pf-v6-c-table__column-help-action {
|
|
16799
|
+
align-self: last baseline;
|
|
16852
16800
|
margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
|
|
16853
16801
|
}
|
|
16854
16802
|
|
|
@@ -17055,7 +17003,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17055
17003
|
--pf-v6-c-table--cell--Width: 100%;
|
|
17056
17004
|
}
|
|
17057
17005
|
|
|
17058
|
-
:root,
|
|
17059
17006
|
.pf-v6-c-table {
|
|
17060
17007
|
--pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
|
|
17061
17008
|
--pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
|
|
@@ -17120,7 +17067,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17120
17067
|
overflow: auto;
|
|
17121
17068
|
}
|
|
17122
17069
|
|
|
17123
|
-
:root,
|
|
17124
17070
|
.pf-v6-c-table {
|
|
17125
17071
|
--pf-v6-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-table__tree-view-icon--MinWidth));
|
|
17126
17072
|
--pf-v6-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v6-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
|
|
@@ -17941,7 +17887,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17941
17887
|
}
|
|
17942
17888
|
}
|
|
17943
17889
|
|
|
17944
|
-
:root,
|
|
17945
17890
|
.pf-v6-c-tabs {
|
|
17946
17891
|
--pf-v6-c-tabs--inset: 0;
|
|
17947
17892
|
--pf-v6-c-tabs--Width: auto;
|
|
@@ -18754,7 +18699,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18754
18699
|
}
|
|
18755
18700
|
}
|
|
18756
18701
|
|
|
18757
|
-
:root,
|
|
18758
18702
|
.pf-v6-c-text-input-group {
|
|
18759
18703
|
--pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
18760
18704
|
--pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -18796,9 +18740,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18796
18740
|
--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
18797
18741
|
--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
|
|
18798
18742
|
--pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18799
|
-
--pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
18743
|
+
--pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
18800
18744
|
--pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
|
18801
|
-
--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--disabled);
|
|
18745
|
+
--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
18802
18746
|
--pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
18803
18747
|
--pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
18804
18748
|
--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
@@ -18956,7 +18900,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18956
18900
|
display: flex;
|
|
18957
18901
|
}
|
|
18958
18902
|
|
|
18959
|
-
:root,
|
|
18960
18903
|
.pf-v6-c-tile {
|
|
18961
18904
|
--pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
18962
18905
|
--pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -19060,7 +19003,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19060
19003
|
color: var(--pf-v6-c-tile__icon--Color);
|
|
19061
19004
|
}
|
|
19062
19005
|
|
|
19063
|
-
:root,
|
|
19064
19006
|
.pf-v6-c-timestamp {
|
|
19065
19007
|
--pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
19066
19008
|
--pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -19092,7 +19034,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19092
19034
|
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
|
19093
19035
|
}
|
|
19094
19036
|
|
|
19095
|
-
:root,
|
|
19096
19037
|
.pf-v6-c-title {
|
|
19097
19038
|
--pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
19098
19039
|
--pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
@@ -19198,7 +19139,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19198
19139
|
line-height: var(--pf-v6-c-title--m-h6--LineHeight);
|
|
19199
19140
|
}
|
|
19200
19141
|
|
|
19201
|
-
:root,
|
|
19202
19142
|
.pf-v6-c-toggle-group {
|
|
19203
19143
|
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
19204
19144
|
--pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -19322,7 +19262,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19322
19262
|
margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
|
|
19323
19263
|
}
|
|
19324
19264
|
|
|
19325
|
-
:root,
|
|
19326
19265
|
.pf-v6-c-toolbar {
|
|
19327
19266
|
--pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
|
|
19328
19267
|
--pf-v6-c-toolbar--PaddingBlockStart: 0;
|
|
@@ -21226,7 +21165,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21226
21165
|
display: inline-flex;
|
|
21227
21166
|
}
|
|
21228
21167
|
}
|
|
21229
|
-
:root,
|
|
21230
21168
|
.pf-v6-c-tooltip {
|
|
21231
21169
|
--pf-v6-c-tooltip--MaxWidth: 18.75rem;
|
|
21232
21170
|
--pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
@@ -21349,7 +21287,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21349
21287
|
transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
|
|
21350
21288
|
}
|
|
21351
21289
|
|
|
21352
|
-
:root,
|
|
21353
21290
|
.pf-v6-c-truncate {
|
|
21354
21291
|
--pf-v6-c-truncate--MinWidth: 6ch;
|
|
21355
21292
|
--pf-v6-c-truncate__start--MinWidth: 6ch;
|
|
@@ -21396,7 +21333,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21396
21333
|
direction: rtl;
|
|
21397
21334
|
}
|
|
21398
21335
|
}
|
|
21399
|
-
:root,
|
|
21400
21336
|
.pf-v6-c-number-input {
|
|
21401
21337
|
--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
21402
21338
|
--pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
|
|
@@ -21436,7 +21372,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21436
21372
|
font-size: var(--pf-v6-c-number-input__icon--FontSize);
|
|
21437
21373
|
}
|
|
21438
21374
|
|
|
21439
|
-
:root,
|
|
21440
21375
|
.pf-v6-c-tree-view {
|
|
21441
21376
|
--pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
|
|
21442
21377
|
--pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
|
|
@@ -21890,7 +21825,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
21890
21825
|
--pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
|
|
21891
21826
|
}
|
|
21892
21827
|
|
|
21893
|
-
:root,
|
|
21894
21828
|
.pf-v6-c-wizard {
|
|
21895
21829
|
--pf-v6-c-wizard--Height: initial;
|
|
21896
21830
|
--pf-v6-c-wizard--Height--base: 100%;
|
|
@@ -22007,7 +21941,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
22007
21941
|
--pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
22008
21942
|
}
|
|
22009
21943
|
@media screen and (min-width: 62rem) {
|
|
22010
|
-
:root,
|
|
22011
21944
|
.pf-v6-c-wizard {
|
|
22012
21945
|
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
22013
21946
|
--pf-v6-c-wizard__nav--BoxShadow: none;
|