@patternfly/react-styles 6.0.0-alpha.30 → 6.0.0-alpha.31
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +6 -0
- package/css/components/AboutModalBox/about-modal-box.css +11 -11
- package/css/components/Accordion/accordion.css +2 -0
- package/css/components/Avatar/avatar.css +40 -40
- package/css/components/BackToTop/back-to-top.css +1 -1
- package/css/components/Banner/banner.css +1 -1
- package/css/components/Brand/brand.css +10 -10
- package/css/components/Breadcrumb/breadcrumb.css +9 -6
- package/css/components/Button/button.css +16 -7
- package/css/components/Card/card.css +1 -1
- package/css/components/Content/content.css +12 -9
- package/css/components/DataList/data-list-grid.css +19 -19
- package/css/components/DataList/data-list.css +37 -41
- package/css/components/DescriptionList/description-list-order.css +5 -5
- package/css/components/DescriptionList/description-list.css +26 -31
- package/css/components/Divider/divider.css +20 -20
- package/css/components/Drawer/drawer.css +12 -12
- package/css/components/Form/form.css +6 -6
- package/css/components/JumpLinks/jump-links.css +6 -6
- package/css/components/Label/label.css +18 -17
- package/css/components/Login/login.css +13 -13
- package/css/components/Masthead/masthead.css +7 -7
- package/css/components/Menu/menu.css +10 -10
- package/css/components/MenuToggle/menu-toggle.css +6 -0
- package/css/components/MenuToggle/menu-toggle.d.ts +2 -1
- package/css/components/MenuToggle/menu-toggle.js +2 -1
- package/css/components/MenuToggle/menu-toggle.mjs +2 -1
- package/css/components/ModalBox/modal-box.css +2 -2
- package/css/components/Page/page.css +16 -149
- package/css/components/Page/page.d.ts +0 -2
- package/css/components/Page/page.js +0 -2
- package/css/components/Page/page.mjs +0 -2
- package/css/components/Pagination/pagination.css +8 -8
- package/css/components/ProgressStepper/progress-stepper.css +14 -13
- package/css/components/Sidebar/sidebar.css +8 -8
- package/css/components/SimpleList/simple-list.css +1 -1
- package/css/components/TabContent/tab-content.css +1 -1
- package/css/components/Table/table-grid.css +14 -20
- package/css/components/Table/table-tree-view.css +44 -54
- package/css/components/Table/table-tree-view.d.ts +1 -3
- package/css/components/Table/table-tree-view.js +1 -3
- package/css/components/Table/table-tree-view.mjs +1 -3
- package/css/components/Table/table.css +5 -5
- package/css/components/Tabs/tabs.css +11 -11
- package/css/components/Timestamp/timestamp.css +8 -17
- package/css/components/ToggleGroup/toggle-group.css +2 -2
- package/css/components/Toolbar/toolbar.css +30 -29
- package/css/components/Wizard/wizard.css +6 -6
- package/css/components/_index.css +434 -575
- package/css/components/_index.d.ts +1 -3
- package/css/components/_index.js +1 -3
- package/css/components/_index.mjs +1 -3
- package/css/layouts/Flex/flex.css +35 -35
- package/css/layouts/Gallery/gallery.css +10 -10
- package/css/layouts/Grid/grid.css +15 -15
- package/css/layouts/_index.css +60 -60
- package/css/utilities/Accessibility/accessibility.css +15 -15
- package/css/utilities/Alignment/alignment.css +5 -5
- package/css/utilities/BackgroundColor/background-color.css +5 -5
- package/css/utilities/Display/display.css +5 -5
- package/css/utilities/Flex/flex.css +50 -50
- package/css/utilities/Float/float.css +5 -5
- package/css/utilities/Sizing/sizing.css +30 -30
- package/css/utilities/Spacing/spacing.css +700 -700
- package/css/utilities/Text/text.css +20 -20
- package/css/utilities/_index.css +835 -835
- package/package.json +3 -3
- package/css/components/Consoles/AccessConsoles.css +0 -14
- package/css/components/Consoles/AccessConsoles.d.ts +0 -6
- package/css/components/Consoles/AccessConsoles.js +0 -7
- package/css/components/Consoles/AccessConsoles.mjs +0 -5
- package/css/components/Consoles/DesktopViewer.css +0 -6
- package/css/components/Consoles/DesktopViewer.d.ts +0 -5
- package/css/components/Consoles/DesktopViewer.js +0 -6
- package/css/components/Consoles/DesktopViewer.mjs +0 -4
- package/css/components/Consoles/SerialConsole.css +0 -11
- package/css/components/Consoles/SerialConsole.d.ts +0 -6
- package/css/components/Consoles/SerialConsole.js +0 -7
- package/css/components/Consoles/SerialConsole.mjs +0 -5
- package/css/components/Consoles/VncConsole.css +0 -10
- package/css/components/Consoles/VncConsole.d.ts +0 -6
- package/css/components/Consoles/VncConsole.js +0 -7
- package/css/components/Consoles/VncConsole.mjs +0 -5
- package/css/components/Consoles/xterm.css +0 -171
- package/css/components/Consoles/xterm.d.ts +0 -26
- package/css/components/Consoles/xterm.js +0 -27
- package/css/components/Consoles/xterm.mjs +0 -25
- package/src/css/components/Consoles/AccessConsoles.css +0 -14
- package/src/css/components/Consoles/DesktopViewer.css +0 -6
- package/src/css/components/Consoles/SerialConsole.css +0 -11
- package/src/css/components/Consoles/VncConsole.css +0 -10
- package/src/css/components/Consoles/xterm.css +0 -171
@@ -116,7 +116,7 @@
|
|
116
116
|
.pf-v6-c-menu__group.pf-m-hidden {
|
117
117
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
118
118
|
}
|
119
|
-
@media screen and (min-width:
|
119
|
+
@media screen and (min-width: 36rem) {
|
120
120
|
.pf-v6-c-menu__list.pf-m-hidden-on-sm,
|
121
121
|
.pf-v6-c-menu__group.pf-m-hidden-on-sm {
|
122
122
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
@@ -126,7 +126,7 @@
|
|
126
126
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
127
127
|
}
|
128
128
|
}
|
129
|
-
@media screen and (min-width:
|
129
|
+
@media screen and (min-width: 48rem) {
|
130
130
|
.pf-v6-c-menu__list.pf-m-hidden-on-md,
|
131
131
|
.pf-v6-c-menu__group.pf-m-hidden-on-md {
|
132
132
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
@@ -136,7 +136,7 @@
|
|
136
136
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
137
137
|
}
|
138
138
|
}
|
139
|
-
@media screen and (min-width:
|
139
|
+
@media screen and (min-width: 62rem) {
|
140
140
|
.pf-v6-c-menu__list.pf-m-hidden-on-lg,
|
141
141
|
.pf-v6-c-menu__group.pf-m-hidden-on-lg {
|
142
142
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
@@ -146,7 +146,7 @@
|
|
146
146
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
147
147
|
}
|
148
148
|
}
|
149
|
-
@media screen and (min-width:
|
149
|
+
@media screen and (min-width: 75rem) {
|
150
150
|
.pf-v6-c-menu__list.pf-m-hidden-on-xl,
|
151
151
|
.pf-v6-c-menu__group.pf-m-hidden-on-xl {
|
152
152
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
@@ -156,7 +156,7 @@
|
|
156
156
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
157
157
|
}
|
158
158
|
}
|
159
|
-
@media screen and (min-width:
|
159
|
+
@media screen and (min-width: 90.625rem) {
|
160
160
|
.pf-v6-c-menu__list.pf-m-hidden-on-2xl,
|
161
161
|
.pf-v6-c-menu__group.pf-m-hidden-on-2xl {
|
162
162
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
@@ -442,7 +442,7 @@
|
|
442
442
|
.pf-v6-c-menu__item.pf-m-hidden {
|
443
443
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
444
444
|
}
|
445
|
-
@media screen and (min-width:
|
445
|
+
@media screen and (min-width: 36rem) {
|
446
446
|
.pf-v6-c-menu__item.pf-m-hidden-on-sm {
|
447
447
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
448
448
|
}
|
@@ -450,7 +450,7 @@
|
|
450
450
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
451
451
|
}
|
452
452
|
}
|
453
|
-
@media screen and (min-width:
|
453
|
+
@media screen and (min-width: 48rem) {
|
454
454
|
.pf-v6-c-menu__item.pf-m-hidden-on-md {
|
455
455
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
456
456
|
}
|
@@ -458,7 +458,7 @@
|
|
458
458
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
459
459
|
}
|
460
460
|
}
|
461
|
-
@media screen and (min-width:
|
461
|
+
@media screen and (min-width: 62rem) {
|
462
462
|
.pf-v6-c-menu__item.pf-m-hidden-on-lg {
|
463
463
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
464
464
|
}
|
@@ -466,7 +466,7 @@
|
|
466
466
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
467
467
|
}
|
468
468
|
}
|
469
|
-
@media screen and (min-width:
|
469
|
+
@media screen and (min-width: 75rem) {
|
470
470
|
.pf-v6-c-menu__item.pf-m-hidden-on-xl {
|
471
471
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
472
472
|
}
|
@@ -474,7 +474,7 @@
|
|
474
474
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
475
475
|
}
|
476
476
|
}
|
477
|
-
@media screen and (min-width:
|
477
|
+
@media screen and (min-width: 90.625rem) {
|
478
478
|
.pf-v6-c-menu__item.pf-m-hidden-on-2xl {
|
479
479
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
480
480
|
}
|
@@ -87,6 +87,7 @@
|
|
87
87
|
--pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
88
88
|
--pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
89
89
|
--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));
|
90
|
+
--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
90
91
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
91
92
|
--pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
92
93
|
--pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
|
@@ -350,6 +351,11 @@
|
|
350
351
|
.pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
|
351
352
|
padding-inline-start: 0;
|
352
353
|
}
|
354
|
+
.pf-v6-c-menu-toggle__button.pf-m-text {
|
355
|
+
display: inline-flex;
|
356
|
+
align-items: baseline;
|
357
|
+
padding-inline-start: var(--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart);
|
358
|
+
}
|
353
359
|
|
354
360
|
.pf-v6-c-menu-toggle__text {
|
355
361
|
overflow: hidden;
|
@@ -25,7 +25,8 @@ declare const _default: {
|
|
25
25
|
"danger": "pf-m-danger",
|
26
26
|
"splitButton": "pf-m-split-button",
|
27
27
|
"action": "pf-m-action",
|
28
|
-
"typeahead": "pf-m-typeahead"
|
28
|
+
"typeahead": "pf-m-typeahead",
|
29
|
+
"text": "pf-m-text"
|
29
30
|
},
|
30
31
|
"textInputGroup": "pf-v6-c-text-input-group"
|
31
32
|
};
|
@@ -27,7 +27,8 @@ exports.default = {
|
|
27
27
|
"danger": "pf-m-danger",
|
28
28
|
"splitButton": "pf-m-split-button",
|
29
29
|
"action": "pf-m-action",
|
30
|
-
"typeahead": "pf-m-typeahead"
|
30
|
+
"typeahead": "pf-m-typeahead",
|
31
|
+
"text": "pf-m-text"
|
31
32
|
},
|
32
33
|
"textInputGroup": "pf-v6-c-text-input-group"
|
33
34
|
};
|
@@ -25,7 +25,8 @@ export default {
|
|
25
25
|
"danger": "pf-m-danger",
|
26
26
|
"splitButton": "pf-m-split-button",
|
27
27
|
"action": "pf-m-action",
|
28
|
-
"typeahead": "pf-m-typeahead"
|
28
|
+
"typeahead": "pf-m-typeahead",
|
29
|
+
"text": "pf-m-text"
|
29
30
|
},
|
30
31
|
"textInputGroup": "pf-v6-c-text-input-group"
|
31
32
|
};
|
@@ -49,7 +49,7 @@
|
|
49
49
|
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
50
50
|
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
|
51
51
|
}
|
52
|
-
@media (min-width:
|
52
|
+
@media (min-width: 75rem) {
|
53
53
|
:where(:root, .pf-v6-c-modal-box) {
|
54
54
|
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
55
55
|
}
|
@@ -195,7 +195,7 @@
|
|
195
195
|
.pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
|
196
196
|
margin-inline-end: var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd);
|
197
197
|
}
|
198
|
-
@media screen and (min-width:
|
198
|
+
@media screen and (min-width: 36rem) {
|
199
199
|
.pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
|
200
200
|
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd);
|
201
201
|
}
|
@@ -47,7 +47,6 @@
|
|
47
47
|
--pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
48
48
|
--pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
49
49
|
--pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
50
|
-
--pf-v6-c-page__main-nav--page__main-tabs--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
51
50
|
--pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
|
52
51
|
--pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
|
53
52
|
--pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
@@ -57,13 +56,6 @@
|
|
57
56
|
--pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
|
58
57
|
--pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
59
58
|
--pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
|
60
|
-
--pf-v6-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
61
|
-
--pf-v6-c-page__main-nav--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
62
|
-
--pf-v6-c-page__main-nav--PaddingInlineEnd: 0;
|
63
|
-
--pf-v6-c-page__main-nav--PaddingInlineStart: 0;
|
64
|
-
--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
65
|
-
--pf-v6-c-page__main-nav--xl--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
66
|
-
--pf-v6-c-page__main-nav--xl--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
67
59
|
--pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
68
60
|
--pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
69
61
|
--pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
|
@@ -83,12 +75,12 @@
|
|
83
75
|
--pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
84
76
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
85
77
|
}
|
86
|
-
@media (min-width:
|
78
|
+
@media (min-width: 75rem) {
|
87
79
|
:where(:root, .pf-v6-c-page) {
|
88
80
|
--pf-v6-c-page--inset: var(--pf-v6-c-page--xl--inset);
|
89
81
|
}
|
90
82
|
}
|
91
|
-
@media screen and (min-width:
|
83
|
+
@media screen and (min-width: 75rem) {
|
92
84
|
:where(:root, .pf-v6-c-page) {
|
93
85
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
94
86
|
}
|
@@ -104,7 +96,7 @@
|
|
104
96
|
max-height: 100%;
|
105
97
|
background-color: var(--pf-v6-c-page--BackgroundColor);
|
106
98
|
}
|
107
|
-
@media (min-width:
|
99
|
+
@media (min-width: 75rem) {
|
108
100
|
.pf-v6-c-page {
|
109
101
|
grid-template-areas: "header header" "sidebar main";
|
110
102
|
grid-template-columns: max-content 1fr;
|
@@ -143,7 +135,7 @@
|
|
143
135
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--m-expanded--TranslateX);
|
144
136
|
box-shadow: var(--pf-v6-c-page__sidebar--BoxShadow);
|
145
137
|
}
|
146
|
-
@media screen and (min-width:
|
138
|
+
@media screen and (min-width: 75rem) {
|
147
139
|
.pf-v6-c-page__sidebar.pf-m-expanded {
|
148
140
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
149
141
|
}
|
@@ -193,21 +185,18 @@
|
|
193
185
|
flex-grow: 0;
|
194
186
|
}
|
195
187
|
|
196
|
-
.pf-v6-c-page__main-nav.pf-m-limit-width > .pf-v6-c-page__main-body,
|
197
188
|
.pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
|
198
189
|
.pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
|
199
190
|
.pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
|
200
191
|
.pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
|
201
192
|
max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
|
202
193
|
}
|
203
|
-
.pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center,
|
204
194
|
.pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center,
|
205
195
|
.pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center,
|
206
196
|
.pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center,
|
207
197
|
.pf-v6-c-page__main-wizard.pf-m-limit-width.pf-m-align-center {
|
208
198
|
align-items: center;
|
209
199
|
}
|
210
|
-
.pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
211
200
|
.pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
212
201
|
.pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
213
202
|
.pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
@@ -215,7 +204,6 @@
|
|
215
204
|
width: 100%;
|
216
205
|
}
|
217
206
|
|
218
|
-
.pf-v6-c-page__main-nav,
|
219
207
|
.pf-v6-c-page__main-breadcrumb,
|
220
208
|
.pf-v6-c-page__main-tabs,
|
221
209
|
.pf-v6-c-page__main-section,
|
@@ -226,7 +214,6 @@
|
|
226
214
|
flex-direction: column;
|
227
215
|
flex-shrink: 0;
|
228
216
|
}
|
229
|
-
.pf-v6-c-page__main-nav.pf-m-overflow-scroll,
|
230
217
|
.pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
|
231
218
|
.pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
|
232
219
|
.pf-v6-c-page__main-section.pf-m-overflow-scroll,
|
@@ -237,7 +224,6 @@
|
|
237
224
|
flex-shrink: 1;
|
238
225
|
overflow: auto;
|
239
226
|
}
|
240
|
-
.pf-v6-c-page__main-nav.pf-m-shadow-bottom,
|
241
227
|
.pf-v6-c-page__main-breadcrumb.pf-m-shadow-bottom,
|
242
228
|
.pf-v6-c-page__main-tabs.pf-m-shadow-bottom,
|
243
229
|
.pf-v6-c-page__main-section.pf-m-shadow-bottom,
|
@@ -247,7 +233,6 @@
|
|
247
233
|
z-index: var(--pf-v6-c-page--section--m-shadow-bottom--ZIndex);
|
248
234
|
box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
|
249
235
|
}
|
250
|
-
.pf-v6-c-page__main-nav.pf-m-shadow-top,
|
251
236
|
.pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
|
252
237
|
.pf-v6-c-page__main-tabs.pf-m-shadow-top,
|
253
238
|
.pf-v6-c-page__main-section.pf-m-shadow-top,
|
@@ -257,7 +242,6 @@
|
|
257
242
|
z-index: var(--pf-v6-c-page--section--m-shadow-top--ZIndex);
|
258
243
|
box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
|
259
244
|
}
|
260
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top,
|
261
245
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
|
262
246
|
.pf-v6-c-page__main-tabs.pf-m-sticky-top,
|
263
247
|
.pf-v6-c-page__main-section.pf-m-sticky-top,
|
@@ -269,7 +253,6 @@
|
|
269
253
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
270
254
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
271
255
|
}
|
272
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-bottom,
|
273
256
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
|
274
257
|
.pf-v6-c-page__main-tabs.pf-m-sticky-bottom,
|
275
258
|
.pf-v6-c-page__main-section.pf-m-sticky-bottom,
|
@@ -282,7 +265,6 @@
|
|
282
265
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
283
266
|
}
|
284
267
|
@media (min-height: 0) {
|
285
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top-on-sm-height,
|
286
268
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
|
287
269
|
.pf-v6-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
|
288
270
|
.pf-v6-c-page__main-section.pf-m-sticky-top-on-sm-height,
|
@@ -294,7 +276,6 @@
|
|
294
276
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
295
277
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
296
278
|
}
|
297
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
|
298
279
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
|
299
280
|
.pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
|
300
281
|
.pf-v6-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
|
@@ -308,7 +289,6 @@
|
|
308
289
|
}
|
309
290
|
}
|
310
291
|
@media (min-height: 40rem) {
|
311
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top-on-md-height,
|
312
292
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
|
313
293
|
.pf-v6-c-page__main-tabs.pf-m-sticky-top-on-md-height,
|
314
294
|
.pf-v6-c-page__main-section.pf-m-sticky-top-on-md-height,
|
@@ -320,7 +300,6 @@
|
|
320
300
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
321
301
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
322
302
|
}
|
323
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
|
324
303
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
|
325
304
|
.pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
|
326
305
|
.pf-v6-c-page__main-section.pf-m-sticky-bottom-on-md-height,
|
@@ -334,7 +313,6 @@
|
|
334
313
|
}
|
335
314
|
}
|
336
315
|
@media (min-height: 48rem) {
|
337
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top-on-lg-height,
|
338
316
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
|
339
317
|
.pf-v6-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
|
340
318
|
.pf-v6-c-page__main-section.pf-m-sticky-top-on-lg-height,
|
@@ -346,7 +324,6 @@
|
|
346
324
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
347
325
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
348
326
|
}
|
349
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
|
350
327
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
|
351
328
|
.pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
|
352
329
|
.pf-v6-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
|
@@ -360,7 +337,6 @@
|
|
360
337
|
}
|
361
338
|
}
|
362
339
|
@media (min-height: 60rem) {
|
363
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top-on-xl-height,
|
364
340
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
|
365
341
|
.pf-v6-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
|
366
342
|
.pf-v6-c-page__main-section.pf-m-sticky-top-on-xl-height,
|
@@ -372,7 +348,6 @@
|
|
372
348
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
373
349
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
374
350
|
}
|
375
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
|
376
351
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
|
377
352
|
.pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
|
378
353
|
.pf-v6-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
|
@@ -386,7 +361,6 @@
|
|
386
361
|
}
|
387
362
|
}
|
388
363
|
@media (min-height: 80rem) {
|
389
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
|
390
364
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
|
391
365
|
.pf-v6-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
|
392
366
|
.pf-v6-c-page__main-section.pf-m-sticky-top-on-2xl-height,
|
@@ -398,7 +372,6 @@
|
|
398
372
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
399
373
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
400
374
|
}
|
401
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
|
402
375
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
|
403
376
|
.pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
|
404
377
|
.pf-v6-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
|
@@ -444,48 +417,12 @@
|
|
444
417
|
|
445
418
|
.pf-v6-c-page__main,
|
446
419
|
.pf-v6-c-page__main-drawer,
|
447
|
-
.pf-v6-c-page__main-group
|
448
|
-
.pf-v6-c-page__main-list {
|
420
|
+
.pf-v6-c-page__main-group {
|
449
421
|
display: flex;
|
450
422
|
flex-direction: column;
|
451
423
|
flex-grow: 1;
|
452
424
|
}
|
453
425
|
|
454
|
-
.pf-v6-c-page__main-nav {
|
455
|
-
padding-block-start: var(--pf-v6-c-page__main-nav--PaddingBlockStart);
|
456
|
-
padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
|
457
|
-
padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
|
458
|
-
background-color: var(--pf-v6-c-page__main-nav--BackgroundColor);
|
459
|
-
}
|
460
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top, .pf-v6-c-page__main-group.pf-m-sticky-top .pf-v6-c-page__main-nav:last-child {
|
461
|
-
padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
|
462
|
-
}
|
463
|
-
@media (min-height: 0) {
|
464
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top-on-sm-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-v6-c-page__main-nav:last-child {
|
465
|
-
padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
|
466
|
-
}
|
467
|
-
}
|
468
|
-
@media (min-height: 40rem) {
|
469
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top-on-md-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-md-height .pf-v6-c-page__main-nav:last-child {
|
470
|
-
padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
|
471
|
-
}
|
472
|
-
}
|
473
|
-
@media (min-height: 48rem) {
|
474
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top-on-lg-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-v6-c-page__main-nav:last-child {
|
475
|
-
padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
|
476
|
-
}
|
477
|
-
}
|
478
|
-
@media (min-height: 60rem) {
|
479
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top-on-xl-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-v6-c-page__main-nav:last-child {
|
480
|
-
padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
|
481
|
-
}
|
482
|
-
}
|
483
|
-
@media (min-height: 80rem) {
|
484
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top-on-2xl-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-v6-c-page__main-nav:last-child {
|
485
|
-
padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
|
486
|
-
}
|
487
|
-
}
|
488
|
-
|
489
426
|
.pf-v6-c-page__main-subnav {
|
490
427
|
padding-block-start: var(--pf-v6-c-page__main-subnav--PaddingBlockStart);
|
491
428
|
padding-block-end: var(--pf-v6-c-page__main-subnav--PaddingBlockEnd);
|
@@ -540,9 +477,6 @@
|
|
540
477
|
padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
|
541
478
|
background-color: var(--pf-v6-c-page__main-tabs--BackgroundColor);
|
542
479
|
}
|
543
|
-
.pf-v6-c-page__main-nav + .pf-v6-c-page__main-tabs {
|
544
|
-
--pf-v6-c-page__main-tabs--PaddingBlockStart: var(--pf-v6-c-page__main-nav--page__main-tabs--PaddingBlockStart);
|
545
|
-
}
|
546
480
|
.pf-v6-c-page__main-breadcrumb + .pf-v6-c-page__main-tabs {
|
547
481
|
--pf-v6-c-page__main-tabs--PaddingBlockStart: var(--pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart);
|
548
482
|
}
|
@@ -575,115 +509,61 @@
|
|
575
509
|
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
576
510
|
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
577
511
|
}
|
578
|
-
.pf-v6-c-page__main-section.pf-m-padding
|
512
|
+
.pf-v6-c-page__main-section.pf-m-no-padding {
|
579
513
|
padding: 0;
|
580
514
|
}
|
581
|
-
|
582
|
-
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
583
|
-
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
584
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
585
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
586
|
-
}
|
587
|
-
.pf-v6-c-page__main-section.pf-m-no-padding, .pf-v6-c-page__main-section.pf-m-no-padding.pf-m-limit-width .pf-v6-c-page__main-body {
|
588
|
-
padding: 0;
|
589
|
-
}
|
590
|
-
@media (min-width: 576px) {
|
515
|
+
@media (min-width: 36rem) {
|
591
516
|
.pf-v6-c-page__main-section.pf-m-padding-on-sm {
|
592
517
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
593
518
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
594
519
|
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
595
520
|
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
596
521
|
}
|
597
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-sm
|
598
|
-
padding: 0;
|
599
|
-
}
|
600
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
|
601
|
-
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
602
|
-
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
603
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
604
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
605
|
-
}
|
606
|
-
.pf-v6-c-page__main-section.pf-m-no-padding-on-sm, .pf-v6-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
|
522
|
+
.pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
|
607
523
|
padding: 0;
|
608
524
|
}
|
609
525
|
}
|
610
|
-
@media (min-width:
|
526
|
+
@media (min-width: 48rem) {
|
611
527
|
.pf-v6-c-page__main-section.pf-m-padding-on-md {
|
612
528
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
613
529
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
614
530
|
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
615
531
|
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
616
532
|
}
|
617
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-md
|
618
|
-
padding: 0;
|
619
|
-
}
|
620
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
|
621
|
-
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
622
|
-
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
623
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
624
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
625
|
-
}
|
626
|
-
.pf-v6-c-page__main-section.pf-m-no-padding-on-md, .pf-v6-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
|
533
|
+
.pf-v6-c-page__main-section.pf-m-no-padding-on-md {
|
627
534
|
padding: 0;
|
628
535
|
}
|
629
536
|
}
|
630
|
-
@media (min-width:
|
537
|
+
@media (min-width: 62rem) {
|
631
538
|
.pf-v6-c-page__main-section.pf-m-padding-on-lg {
|
632
539
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
633
540
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
634
541
|
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
635
542
|
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
636
543
|
}
|
637
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-lg
|
638
|
-
padding: 0;
|
639
|
-
}
|
640
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
|
641
|
-
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
642
|
-
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
643
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
644
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
645
|
-
}
|
646
|
-
.pf-v6-c-page__main-section.pf-m-no-padding-on-lg, .pf-v6-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
|
544
|
+
.pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
|
647
545
|
padding: 0;
|
648
546
|
}
|
649
547
|
}
|
650
|
-
@media (min-width:
|
548
|
+
@media (min-width: 75rem) {
|
651
549
|
.pf-v6-c-page__main-section.pf-m-padding-on-xl {
|
652
550
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
653
551
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
654
552
|
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
655
553
|
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
656
554
|
}
|
657
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-xl
|
658
|
-
padding: 0;
|
659
|
-
}
|
660
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
|
661
|
-
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
662
|
-
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
663
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
664
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
665
|
-
}
|
666
|
-
.pf-v6-c-page__main-section.pf-m-no-padding-on-xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
|
555
|
+
.pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
|
667
556
|
padding: 0;
|
668
557
|
}
|
669
558
|
}
|
670
|
-
@media (min-width:
|
559
|
+
@media (min-width: 90.625rem) {
|
671
560
|
.pf-v6-c-page__main-section.pf-m-padding-on-2xl {
|
672
561
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
673
562
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
674
563
|
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
675
564
|
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
676
565
|
}
|
677
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-2xl
|
678
|
-
padding: 0;
|
679
|
-
}
|
680
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
|
681
|
-
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
682
|
-
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
683
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
684
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
685
|
-
}
|
686
|
-
.pf-v6-c-page__main-section.pf-m-no-padding-on-2xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
|
566
|
+
.pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
|
687
567
|
padding: 0;
|
688
568
|
}
|
689
569
|
}
|
@@ -706,19 +586,6 @@
|
|
706
586
|
flex-shrink: 0;
|
707
587
|
}
|
708
588
|
|
709
|
-
.pf-v6-c-page__main-nav .pf-v6-c-page__main-body {
|
710
|
-
padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
|
711
|
-
padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
|
712
|
-
}
|
713
|
-
.pf-v6-c-page__main-breadcrumb .pf-v6-c-page__main-body {
|
714
|
-
padding-inline-start: 0;
|
715
|
-
padding-inline-end: 0;
|
716
|
-
}
|
717
|
-
.pf-v6-c-page__main-tabs .pf-v6-c-page__main-body {
|
718
|
-
padding-inline-start: var(--pf-v6-c-page__main-tabs--PaddingInlineStart);
|
719
|
-
padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
|
720
|
-
}
|
721
|
-
|
722
589
|
.pf-v6-c-page__drawer {
|
723
590
|
grid-area: main;
|
724
591
|
}
|
@@ -50,8 +50,6 @@ declare const _default: {
|
|
50
50
|
"pageMainContainer": "pf-v6-c-page__main-container",
|
51
51
|
"pageMainDrawer": "pf-v6-c-page__main-drawer",
|
52
52
|
"pageMainGroup": "pf-v6-c-page__main-group",
|
53
|
-
"pageMainList": "pf-v6-c-page__main-list",
|
54
|
-
"pageMainNav": "pf-v6-c-page__main-nav",
|
55
53
|
"pageMainSection": "pf-v6-c-page__main-section",
|
56
54
|
"pageMainSubnav": "pf-v6-c-page__main-subnav",
|
57
55
|
"pageMainTabs": "pf-v6-c-page__main-tabs",
|
@@ -52,8 +52,6 @@ exports.default = {
|
|
52
52
|
"pageMainContainer": "pf-v6-c-page__main-container",
|
53
53
|
"pageMainDrawer": "pf-v6-c-page__main-drawer",
|
54
54
|
"pageMainGroup": "pf-v6-c-page__main-group",
|
55
|
-
"pageMainList": "pf-v6-c-page__main-list",
|
56
|
-
"pageMainNav": "pf-v6-c-page__main-nav",
|
57
55
|
"pageMainSection": "pf-v6-c-page__main-section",
|
58
56
|
"pageMainSubnav": "pf-v6-c-page__main-subnav",
|
59
57
|
"pageMainTabs": "pf-v6-c-page__main-tabs",
|
@@ -50,8 +50,6 @@ export default {
|
|
50
50
|
"pageMainContainer": "pf-v6-c-page__main-container",
|
51
51
|
"pageMainDrawer": "pf-v6-c-page__main-drawer",
|
52
52
|
"pageMainGroup": "pf-v6-c-page__main-group",
|
53
|
-
"pageMainList": "pf-v6-c-page__main-list",
|
54
|
-
"pageMainNav": "pf-v6-c-page__main-nav",
|
55
53
|
"pageMainSection": "pf-v6-c-page__main-section",
|
56
54
|
"pageMainSubnav": "pf-v6-c-page__main-subnav",
|
57
55
|
"pageMainTabs": "pf-v6-c-page__main-tabs",
|
@@ -35,7 +35,7 @@
|
|
35
35
|
--pf-v6-c-pagination--m-bottom__page-menu--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
|
36
36
|
--pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
|
37
37
|
}
|
38
|
-
@media screen and (min-width:
|
38
|
+
@media screen and (min-width: 48rem) {
|
39
39
|
:where(:root, .pf-v6-c-pagination) {
|
40
40
|
--pf-v6-c-pagination--m-bottom--BoxShadow: none;
|
41
41
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
|
@@ -43,7 +43,7 @@
|
|
43
43
|
--pf-v6-c-pagination__total-items--Display: none;
|
44
44
|
}
|
45
45
|
}
|
46
|
-
@media screen and (min-width:
|
46
|
+
@media screen and (min-width: 75rem) {
|
47
47
|
:where(:root, .pf-v6-c-pagination) {
|
48
48
|
--pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
|
49
49
|
}
|
@@ -92,7 +92,7 @@
|
|
92
92
|
flex-basis: 100%;
|
93
93
|
justify-content: space-between;
|
94
94
|
}
|
95
|
-
@media screen and (min-width:
|
95
|
+
@media screen and (min-width: 48rem) {
|
96
96
|
.pf-v6-c-pagination.pf-m-bottom {
|
97
97
|
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
98
98
|
--pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
|
@@ -194,7 +194,7 @@
|
|
194
194
|
.pf-v6-c-pagination.pf-m-inset-2xl {
|
195
195
|
--pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
|
196
196
|
}
|
197
|
-
@media (min-width:
|
197
|
+
@media (min-width: 36rem) {
|
198
198
|
.pf-v6-c-pagination.pf-m-display-summary-on-sm {
|
199
199
|
--pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
|
200
200
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
|
@@ -224,7 +224,7 @@
|
|
224
224
|
--pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
|
225
225
|
}
|
226
226
|
}
|
227
|
-
@media (min-width:
|
227
|
+
@media (min-width: 48rem) {
|
228
228
|
.pf-v6-c-pagination.pf-m-display-summary-on-md {
|
229
229
|
--pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
|
230
230
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
|
@@ -254,7 +254,7 @@
|
|
254
254
|
--pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
|
255
255
|
}
|
256
256
|
}
|
257
|
-
@media (min-width:
|
257
|
+
@media (min-width: 62rem) {
|
258
258
|
.pf-v6-c-pagination.pf-m-display-summary-on-lg {
|
259
259
|
--pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
|
260
260
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
|
@@ -284,7 +284,7 @@
|
|
284
284
|
--pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
|
285
285
|
}
|
286
286
|
}
|
287
|
-
@media (min-width:
|
287
|
+
@media (min-width: 75rem) {
|
288
288
|
.pf-v6-c-pagination.pf-m-display-summary-on-xl {
|
289
289
|
--pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
|
290
290
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
|
@@ -314,7 +314,7 @@
|
|
314
314
|
--pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
|
315
315
|
}
|
316
316
|
}
|
317
|
-
@media (min-width:
|
317
|
+
@media (min-width: 90.625rem) {
|
318
318
|
.pf-v6-c-pagination.pf-m-display-summary-on-2xl {
|
319
319
|
--pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
|
320
320
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
|