@patternfly/patternfly 6.0.0-prerelease.9 → 6.0.0
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 +10 -10
- package/components/Page/page.scss +11 -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 +167 -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/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 +251 -308
- package/patternfly.css +266 -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/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--
|
|
10254
|
-
}
|
|
10255
|
-
|
|
10256
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action {
|
|
10257
|
-
--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
|
|
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);
|
|
10258
10196
|
}
|
|
10259
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
10260
|
-
|
|
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);
|
|
10261
10199
|
}
|
|
10262
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
10263
|
-
|
|
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);
|
|
10264
10203
|
}
|
|
10265
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
10266
|
-
|
|
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--
|
|
10282
|
-
}
|
|
10283
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled)::before {
|
|
10284
|
-
content: none;
|
|
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);
|
|
10285
10226
|
}
|
|
10286
|
-
.pf-v6-c-menu-toggle.pf-m-split-button
|
|
10287
|
-
|
|
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);
|
|
@@ -11489,7 +11431,6 @@ ul.pf-v6-c-list {
|
|
|
11489
11431
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
11490
11432
|
}
|
|
11491
11433
|
@media screen and (min-width: 75rem) {
|
|
11492
|
-
:root,
|
|
11493
11434
|
.pf-v6-c-page {
|
|
11494
11435
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
11495
11436
|
}
|
|
@@ -11507,6 +11448,7 @@ ul.pf-v6-c-list {
|
|
|
11507
11448
|
}
|
|
11508
11449
|
@media (min-width: 75rem) {
|
|
11509
11450
|
.pf-v6-c-page {
|
|
11451
|
+
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
|
|
11510
11452
|
grid-template-areas: "header header" "sidebar main";
|
|
11511
11453
|
grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
|
|
11512
11454
|
}
|
|
@@ -12016,14 +11958,13 @@ ul.pf-v6-c-list {
|
|
|
12016
11958
|
flex-shrink: 0;
|
|
12017
11959
|
}
|
|
12018
11960
|
|
|
12019
|
-
.pf-v6-c-page__drawer {
|
|
12020
|
-
|
|
11961
|
+
.pf-v6-c-page__drawer .pf-v6-c-page__main-container {
|
|
11962
|
+
align-self: revert;
|
|
12021
11963
|
}
|
|
12022
|
-
.pf-v6-c-page__drawer
|
|
12023
|
-
flex: 1
|
|
11964
|
+
.pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
|
|
11965
|
+
flex-grow: 1;
|
|
12024
11966
|
}
|
|
12025
11967
|
|
|
12026
|
-
:root,
|
|
12027
11968
|
.pf-v6-c-pagination {
|
|
12028
11969
|
--pf-v6-c-pagination--inset: 0;
|
|
12029
11970
|
--pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
@@ -12043,17 +11984,23 @@ ul.pf-v6-c-list {
|
|
|
12043
11984
|
--pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
12044
11985
|
--pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
12045
11986
|
--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
11987
|
--pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
12048
11988
|
--pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
12049
|
-
--pf-v6-c-pagination--m-sticky--
|
|
11989
|
+
--pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
11990
|
+
--pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
|
|
12050
11991
|
--pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
|
|
12051
11992
|
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
12052
11993
|
--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
11994
|
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
11995
|
+
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
11996
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
11997
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11998
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
11999
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
12000
|
+
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
|
|
12001
|
+
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
|
|
12002
|
+
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
12003
|
+
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
12057
12004
|
--pf-v6-c-pagination__page-menu--Display--base: block;
|
|
12058
12005
|
--pf-v6-c-pagination__page-menu--Display: none;
|
|
12059
12006
|
--pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
|
|
@@ -12062,7 +12009,6 @@ ul.pf-v6-c-list {
|
|
|
12062
12009
|
--pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
|
|
12063
12010
|
}
|
|
12064
12011
|
@media screen and (min-width: 48rem) {
|
|
12065
|
-
:root,
|
|
12066
12012
|
.pf-v6-c-pagination {
|
|
12067
12013
|
--pf-v6-c-pagination--m-bottom--BoxShadow: none;
|
|
12068
12014
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
|
|
@@ -12071,7 +12017,6 @@ ul.pf-v6-c-list {
|
|
|
12071
12017
|
}
|
|
12072
12018
|
}
|
|
12073
12019
|
@media screen and (min-width: 75rem) {
|
|
12074
|
-
:root,
|
|
12075
12020
|
.pf-v6-c-pagination {
|
|
12076
12021
|
--pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
|
|
12077
12022
|
}
|
|
@@ -12095,17 +12040,13 @@ ul.pf-v6-c-list {
|
|
|
12095
12040
|
position: sticky;
|
|
12096
12041
|
inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
|
|
12097
12042
|
justify-content: center;
|
|
12098
|
-
padding-
|
|
12099
|
-
padding-
|
|
12043
|
+
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
|
|
12044
|
+
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
|
|
12045
|
+
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
|
|
12046
|
+
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
|
|
12100
12047
|
background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
|
|
12101
12048
|
box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
|
|
12102
12049
|
}
|
|
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
12050
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
|
|
12110
12051
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
|
|
12111
12052
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
|
|
@@ -12127,6 +12068,10 @@ ul.pf-v6-c-list {
|
|
|
12127
12068
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
|
|
12128
12069
|
position: relative;
|
|
12129
12070
|
justify-content: flex-end;
|
|
12071
|
+
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
|
12072
|
+
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
|
|
12073
|
+
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
|
|
12074
|
+
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
|
|
12130
12075
|
}
|
|
12131
12076
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
|
|
12132
12077
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
|
|
@@ -12144,15 +12089,23 @@ ul.pf-v6-c-list {
|
|
|
12144
12089
|
flex-basis: auto;
|
|
12145
12090
|
}
|
|
12146
12091
|
}
|
|
12092
|
+
.pf-v6-c-pagination.pf-m-static {
|
|
12093
|
+
position: relative;
|
|
12094
|
+
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
|
12095
|
+
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
|
|
12096
|
+
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
|
|
12097
|
+
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
|
|
12098
|
+
box-shadow: none;
|
|
12099
|
+
}
|
|
12147
12100
|
.pf-v6-c-pagination.pf-m-sticky {
|
|
12148
12101
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
12149
12102
|
position: sticky;
|
|
12150
12103
|
inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
|
|
12151
12104
|
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);
|
|
12105
|
+
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
|
|
12106
|
+
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
|
|
12107
|
+
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
|
|
12108
|
+
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
|
|
12156
12109
|
background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
|
|
12157
12110
|
box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
|
|
12158
12111
|
}
|
|
@@ -12373,7 +12326,6 @@ ul.pf-v6-c-list {
|
|
|
12373
12326
|
}
|
|
12374
12327
|
}
|
|
12375
12328
|
|
|
12376
|
-
:root,
|
|
12377
12329
|
.pf-v6-c-panel {
|
|
12378
12330
|
--pf-v6-c-panel--Width: auto;
|
|
12379
12331
|
--pf-v6-c-panel--MinWidth: auto;
|
|
@@ -12471,7 +12423,6 @@ ul.pf-v6-c-list {
|
|
|
12471
12423
|
box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
|
|
12472
12424
|
}
|
|
12473
12425
|
|
|
12474
|
-
:root,
|
|
12475
12426
|
.pf-v6-c-popover {
|
|
12476
12427
|
--pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
12477
12428
|
--pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
|
@@ -12674,7 +12625,6 @@ ul.pf-v6-c-list {
|
|
|
12674
12625
|
margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
|
|
12675
12626
|
}
|
|
12676
12627
|
|
|
12677
|
-
:root,
|
|
12678
12628
|
.pf-v6-c-progress {
|
|
12679
12629
|
--pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
|
|
12680
12630
|
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
@@ -12839,7 +12789,6 @@ ul.pf-v6-c-list {
|
|
|
12839
12789
|
font-variant-numeric: tabular-nums;
|
|
12840
12790
|
}
|
|
12841
12791
|
|
|
12842
|
-
:root,
|
|
12843
12792
|
.pf-v6-c-progress-stepper {
|
|
12844
12793
|
--pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
|
|
12845
12794
|
--pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
|
|
@@ -12961,7 +12910,6 @@ ul.pf-v6-c-list {
|
|
|
12961
12910
|
--pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
|
|
12962
12911
|
}
|
|
12963
12912
|
@media screen and (min-width: 48rem) {
|
|
12964
|
-
:root,
|
|
12965
12913
|
.pf-v6-c-progress-stepper {
|
|
12966
12914
|
--pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
|
|
12967
12915
|
--pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
|
|
@@ -13451,7 +13399,6 @@ ul.pf-v6-c-list {
|
|
|
13451
13399
|
}
|
|
13452
13400
|
}
|
|
13453
13401
|
|
|
13454
|
-
:root,
|
|
13455
13402
|
.pf-v6-c-radio {
|
|
13456
13403
|
--pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
13457
13404
|
--pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
|
|
@@ -13533,7 +13480,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
13533
13480
|
cursor: not-allowed;
|
|
13534
13481
|
}
|
|
13535
13482
|
|
|
13536
|
-
:root,
|
|
13537
13483
|
.pf-v6-c-sidebar {
|
|
13538
13484
|
--pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
|
|
13539
13485
|
--pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
|
|
@@ -13878,7 +13824,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
13878
13824
|
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
13879
13825
|
}
|
|
13880
13826
|
}
|
|
13881
|
-
:root,
|
|
13882
13827
|
.pf-v6-c-simple-list {
|
|
13883
13828
|
--pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
13884
13829
|
--pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -13949,7 +13894,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
13949
13894
|
margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
|
|
13950
13895
|
}
|
|
13951
13896
|
|
|
13952
|
-
:root,
|
|
13953
13897
|
.pf-v6-c-skeleton {
|
|
13954
13898
|
--pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
13955
13899
|
--pf-v6-c-skeleton--Width: auto;
|
|
@@ -14115,7 +14059,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14115
14059
|
transform: translateX(100%);
|
|
14116
14060
|
}
|
|
14117
14061
|
}
|
|
14118
|
-
:root,
|
|
14119
14062
|
.pf-v6-c-skip-to-content {
|
|
14120
14063
|
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
14121
14064
|
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
@@ -14132,7 +14075,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14132
14075
|
inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
|
|
14133
14076
|
}
|
|
14134
14077
|
|
|
14135
|
-
:root,
|
|
14136
14078
|
.pf-v6-c-slider {
|
|
14137
14079
|
--pf-v6-c-slider--value: 0;
|
|
14138
14080
|
--pf-v6-c-slider__step--InsetInlineStart: 0;
|
|
@@ -14354,7 +14296,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14354
14296
|
margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
|
|
14355
14297
|
}
|
|
14356
14298
|
|
|
14357
|
-
:root,
|
|
14358
14299
|
.pf-v6-c-spinner {
|
|
14359
14300
|
--pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
|
|
14360
14301
|
--pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
|
|
@@ -14431,7 +14372,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14431
14372
|
transform: rotate(720deg);
|
|
14432
14373
|
}
|
|
14433
14374
|
}
|
|
14434
|
-
:root,
|
|
14435
14375
|
.pf-v6-c-switch {
|
|
14436
14376
|
--pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
|
|
14437
14377
|
--pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
@@ -14580,7 +14520,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14580
14520
|
vertical-align: top;
|
|
14581
14521
|
}
|
|
14582
14522
|
|
|
14583
|
-
:root,
|
|
14584
14523
|
.pf-v6-c-tab-content {
|
|
14585
14524
|
--pf-v6-c-tab-content__body--PaddingBlockStart: 0;
|
|
14586
14525
|
--pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
|
|
@@ -14626,7 +14565,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14626
14565
|
--pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
|
|
14627
14566
|
}
|
|
14628
14567
|
|
|
14629
|
-
:root,
|
|
14630
14568
|
.pf-v6-c-table {
|
|
14631
14569
|
--pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
|
|
14632
14570
|
--pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
|
|
@@ -14639,9 +14577,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14639
14577
|
--pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
|
|
14640
14578
|
--pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
|
|
14641
14579
|
--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--
|
|
14580
|
+
--pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
14643
14581
|
--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--
|
|
14582
|
+
--pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
14645
14583
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
14646
14584
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
14647
14585
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
@@ -14671,8 +14609,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14671
14609
|
--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
14672
14610
|
--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
14673
14611
|
--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--
|
|
14612
|
+
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
14613
|
+
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
14676
14614
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
14677
14615
|
--pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
|
|
14678
14616
|
--pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
|
|
@@ -14690,6 +14628,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14690
14628
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
14691
14629
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
14692
14630
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
|
14631
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
|
14693
14632
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
14694
14633
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
14695
14634
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -14989,6 +14928,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14989
14928
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
14990
14929
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
14991
14930
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
|
14931
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
|
14992
14932
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
14993
14933
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
14994
14934
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -15291,6 +15231,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15291
15231
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
15292
15232
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
15293
15233
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
|
15234
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
|
15294
15235
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
15295
15236
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
15296
15237
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -15593,6 +15534,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15593
15534
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
15594
15535
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
15595
15536
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
|
15537
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
|
15596
15538
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
15597
15539
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
15598
15540
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -15895,6 +15837,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15895
15837
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
15896
15838
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
15897
15839
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
|
15840
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
|
15898
15841
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
15899
15842
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
15900
15843
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -16191,7 +16134,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16191
16134
|
}
|
|
16192
16135
|
}
|
|
16193
16136
|
|
|
16194
|
-
:root,
|
|
16195
16137
|
.pf-v6-c-table {
|
|
16196
16138
|
--pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
16197
16139
|
--pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -16201,7 +16143,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16201
16143
|
--pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
16202
16144
|
--pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
16203
16145
|
--pf-v6-c-table__caption--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
16204
|
-
--pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
16146
|
+
--pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
16205
16147
|
--pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
16206
16148
|
--pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
16207
16149
|
--pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -16219,7 +16161,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16219
16161
|
--pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
16220
16162
|
--pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
16221
16163
|
--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--
|
|
16164
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
|
16223
16165
|
--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
|
|
16224
16166
|
--pf-v6-c-table--cell--MinWidth: 0;
|
|
16225
16167
|
--pf-v6-c-table--cell--MaxWidth: none;
|
|
@@ -16448,10 +16390,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16448
16390
|
}
|
|
16449
16391
|
}
|
|
16450
16392
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
|
16451
|
-
padding-inline-start:
|
|
16393
|
+
padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
|
16452
16394
|
}
|
|
16453
16395
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
|
|
16454
|
-
padding-inline-end:
|
|
16396
|
+
padding-inline-end: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
|
16455
16397
|
}
|
|
16456
16398
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
|
|
16457
16399
|
text-align: center;
|
|
@@ -16684,7 +16626,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16684
16626
|
.pf-v6-c-table__column-help {
|
|
16685
16627
|
display: inline-grid;
|
|
16686
16628
|
grid-template-columns: auto max-content;
|
|
16687
|
-
align-items: baseline;
|
|
16629
|
+
align-items: last baseline;
|
|
16688
16630
|
justify-content: start;
|
|
16689
16631
|
}
|
|
16690
16632
|
.pf-v6-c-table__button-content .pf-v6-c-table__text,
|
|
@@ -16849,6 +16791,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
16849
16791
|
}
|
|
16850
16792
|
|
|
16851
16793
|
.pf-v6-c-table__column-help-action {
|
|
16794
|
+
align-self: last baseline;
|
|
16852
16795
|
margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
|
|
16853
16796
|
}
|
|
16854
16797
|
|
|
@@ -17055,7 +16998,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17055
16998
|
--pf-v6-c-table--cell--Width: 100%;
|
|
17056
16999
|
}
|
|
17057
17000
|
|
|
17058
|
-
:root,
|
|
17059
17001
|
.pf-v6-c-table {
|
|
17060
17002
|
--pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
|
|
17061
17003
|
--pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
|
|
@@ -17120,7 +17062,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17120
17062
|
overflow: auto;
|
|
17121
17063
|
}
|
|
17122
17064
|
|
|
17123
|
-
:root,
|
|
17124
17065
|
.pf-v6-c-table {
|
|
17125
17066
|
--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
17067
|
--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 +17882,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17941
17882
|
}
|
|
17942
17883
|
}
|
|
17943
17884
|
|
|
17944
|
-
:root,
|
|
17945
17885
|
.pf-v6-c-tabs {
|
|
17946
17886
|
--pf-v6-c-tabs--inset: 0;
|
|
17947
17887
|
--pf-v6-c-tabs--Width: auto;
|
|
@@ -18754,7 +18694,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18754
18694
|
}
|
|
18755
18695
|
}
|
|
18756
18696
|
|
|
18757
|
-
:root,
|
|
18758
18697
|
.pf-v6-c-text-input-group {
|
|
18759
18698
|
--pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
18760
18699
|
--pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -18796,9 +18735,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18796
18735
|
--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
18797
18736
|
--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
|
|
18798
18737
|
--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);
|
|
18738
|
+
--pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
18800
18739
|
--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);
|
|
18740
|
+
--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
18802
18741
|
--pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
18803
18742
|
--pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
18804
18743
|
--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
@@ -18956,7 +18895,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18956
18895
|
display: flex;
|
|
18957
18896
|
}
|
|
18958
18897
|
|
|
18959
|
-
:root,
|
|
18960
18898
|
.pf-v6-c-tile {
|
|
18961
18899
|
--pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
18962
18900
|
--pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -19060,7 +18998,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19060
18998
|
color: var(--pf-v6-c-tile__icon--Color);
|
|
19061
18999
|
}
|
|
19062
19000
|
|
|
19063
|
-
:root,
|
|
19064
19001
|
.pf-v6-c-timestamp {
|
|
19065
19002
|
--pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
19066
19003
|
--pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -19092,7 +19029,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19092
19029
|
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
|
19093
19030
|
}
|
|
19094
19031
|
|
|
19095
|
-
:root,
|
|
19096
19032
|
.pf-v6-c-title {
|
|
19097
19033
|
--pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
19098
19034
|
--pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
@@ -19198,7 +19134,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19198
19134
|
line-height: var(--pf-v6-c-title--m-h6--LineHeight);
|
|
19199
19135
|
}
|
|
19200
19136
|
|
|
19201
|
-
:root,
|
|
19202
19137
|
.pf-v6-c-toggle-group {
|
|
19203
19138
|
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
19204
19139
|
--pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -19322,7 +19257,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19322
19257
|
margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
|
|
19323
19258
|
}
|
|
19324
19259
|
|
|
19325
|
-
:root,
|
|
19326
19260
|
.pf-v6-c-toolbar {
|
|
19327
19261
|
--pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
|
|
19328
19262
|
--pf-v6-c-toolbar--PaddingBlockStart: 0;
|
|
@@ -21226,7 +21160,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21226
21160
|
display: inline-flex;
|
|
21227
21161
|
}
|
|
21228
21162
|
}
|
|
21229
|
-
:root,
|
|
21230
21163
|
.pf-v6-c-tooltip {
|
|
21231
21164
|
--pf-v6-c-tooltip--MaxWidth: 18.75rem;
|
|
21232
21165
|
--pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
@@ -21349,7 +21282,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21349
21282
|
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
21283
|
}
|
|
21351
21284
|
|
|
21352
|
-
:root,
|
|
21353
21285
|
.pf-v6-c-truncate {
|
|
21354
21286
|
--pf-v6-c-truncate--MinWidth: 6ch;
|
|
21355
21287
|
--pf-v6-c-truncate__start--MinWidth: 6ch;
|
|
@@ -21396,7 +21328,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21396
21328
|
direction: rtl;
|
|
21397
21329
|
}
|
|
21398
21330
|
}
|
|
21399
|
-
:root,
|
|
21400
21331
|
.pf-v6-c-number-input {
|
|
21401
21332
|
--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
21402
21333
|
--pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
|
|
@@ -21436,7 +21367,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21436
21367
|
font-size: var(--pf-v6-c-number-input__icon--FontSize);
|
|
21437
21368
|
}
|
|
21438
21369
|
|
|
21439
|
-
:root,
|
|
21440
21370
|
.pf-v6-c-tree-view {
|
|
21441
21371
|
--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
21372
|
--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 +21820,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
21890
21820
|
--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
21821
|
}
|
|
21892
21822
|
|
|
21893
|
-
:root,
|
|
21894
21823
|
.pf-v6-c-wizard {
|
|
21895
21824
|
--pf-v6-c-wizard--Height: initial;
|
|
21896
21825
|
--pf-v6-c-wizard--Height--base: 100%;
|
|
@@ -22007,7 +21936,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
22007
21936
|
--pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
22008
21937
|
}
|
|
22009
21938
|
@media screen and (min-width: 62rem) {
|
|
22010
|
-
:root,
|
|
22011
21939
|
.pf-v6-c-wizard {
|
|
22012
21940
|
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
22013
21941
|
--pf-v6-c-wizard__nav--BoxShadow: none;
|