@patternfly/react-core 6.0.0-prerelease.7 → 6.0.0-prerelease.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/AboutModal/package.json +1 -1
- package/dist/dynamic/components/Accordion/package.json +1 -1
- package/dist/dynamic/components/ActionList/package.json +1 -1
- package/dist/dynamic/components/Alert/package.json +1 -1
- package/dist/dynamic/components/Avatar/package.json +1 -1
- package/dist/dynamic/components/BackToTop/package.json +1 -1
- package/dist/dynamic/components/Backdrop/package.json +1 -1
- package/dist/dynamic/components/BackgroundImage/package.json +1 -1
- package/dist/dynamic/components/Badge/package.json +1 -1
- package/dist/dynamic/components/Banner/package.json +1 -1
- package/dist/dynamic/components/Brand/package.json +1 -1
- package/dist/dynamic/components/Breadcrumb/package.json +1 -1
- package/dist/dynamic/components/Button/package.json +1 -1
- package/dist/dynamic/components/CalendarMonth/package.json +1 -1
- package/dist/dynamic/components/Card/package.json +1 -1
- package/dist/dynamic/components/Checkbox/package.json +1 -1
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
- package/dist/dynamic/components/CodeBlock/package.json +1 -1
- package/dist/dynamic/components/Content/package.json +1 -1
- package/dist/dynamic/components/DataList/package.json +1 -1
- package/dist/dynamic/components/DatePicker/package.json +1 -1
- package/dist/dynamic/components/DescriptionList/package.json +1 -1
- package/dist/dynamic/components/Divider/package.json +1 -1
- package/dist/dynamic/components/Drawer/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/components/EmptyState/package.json +1 -1
- package/dist/dynamic/components/ExpandableSection/package.json +1 -1
- package/dist/dynamic/components/FileUpload/package.json +1 -1
- package/dist/dynamic/components/Form/package.json +1 -1
- package/dist/dynamic/components/FormSelect/package.json +1 -1
- package/dist/dynamic/components/HelperText/package.json +1 -1
- package/dist/dynamic/components/Hint/package.json +1 -1
- package/dist/dynamic/components/Icon/package.json +1 -1
- package/dist/dynamic/components/InputGroup/package.json +1 -1
- package/dist/dynamic/components/JumpLinks/package.json +1 -1
- package/dist/dynamic/components/Label/package.json +1 -1
- package/dist/dynamic/components/List/package.json +1 -1
- package/dist/dynamic/components/LoginPage/package.json +1 -1
- package/dist/dynamic/components/Masthead/package.json +1 -1
- package/dist/dynamic/components/Menu/package.json +1 -1
- package/dist/dynamic/components/MenuToggle/package.json +1 -1
- package/dist/dynamic/components/Modal/package.json +1 -1
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
- package/dist/dynamic/components/Nav/package.json +1 -1
- package/dist/dynamic/components/NotificationBadge/package.json +1 -1
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
- package/dist/dynamic/components/NumberInput/package.json +1 -1
- package/dist/dynamic/components/OverflowMenu/package.json +1 -1
- package/dist/dynamic/components/Page/package.json +1 -1
- package/dist/dynamic/components/Pagination/package.json +1 -1
- package/dist/dynamic/components/Panel/package.json +1 -1
- package/dist/dynamic/components/Popover/package.json +1 -1
- package/dist/dynamic/components/Progress/package.json +1 -1
- package/dist/dynamic/components/ProgressStepper/package.json +1 -1
- package/dist/dynamic/components/Radio/package.json +1 -1
- package/dist/dynamic/components/SearchInput/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic/components/Sidebar/package.json +1 -1
- package/dist/dynamic/components/SimpleList/package.json +1 -1
- package/dist/dynamic/components/Skeleton/package.json +1 -1
- package/dist/dynamic/components/SkipToContent/package.json +1 -1
- package/dist/dynamic/components/Slider/package.json +1 -1
- package/dist/dynamic/components/Spinner/package.json +1 -1
- package/dist/dynamic/components/Switch/package.json +1 -1
- package/dist/dynamic/components/Tabs/package.json +1 -1
- package/dist/dynamic/components/TextArea/package.json +1 -1
- package/dist/dynamic/components/TextInput/package.json +1 -1
- package/dist/dynamic/components/TextInputGroup/package.json +1 -1
- package/dist/dynamic/components/Tile/package.json +1 -1
- package/dist/dynamic/components/TimePicker/package.json +1 -1
- package/dist/dynamic/components/Timestamp/package.json +1 -1
- package/dist/dynamic/components/Title/package.json +1 -1
- package/dist/dynamic/components/ToggleGroup/package.json +1 -1
- package/dist/dynamic/components/Toolbar/package.json +1 -1
- package/dist/dynamic/components/Tooltip/package.json +1 -1
- package/dist/dynamic/components/TreeView/package.json +1 -1
- package/dist/dynamic/components/Truncate/package.json +1 -1
- package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
- package/dist/dynamic/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
- package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
- package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
- package/dist/dynamic/helpers/constants/package.json +1 -1
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
- package/dist/dynamic/helpers/fileUtils/package.json +1 -1
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
- package/dist/dynamic/helpers/package.json +1 -1
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
- package/dist/dynamic/helpers/typeUtils/package.json +1 -1
- package/dist/dynamic/helpers/useInterval/package.json +1 -1
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
- package/dist/dynamic/helpers/util/package.json +1 -1
- package/dist/dynamic/layouts/Bullseye/package.json +1 -1
- package/dist/dynamic/layouts/Flex/package.json +1 -1
- package/dist/dynamic/layouts/Gallery/package.json +1 -1
- package/dist/dynamic/layouts/Grid/package.json +1 -1
- package/dist/dynamic/layouts/Level/package.json +1 -1
- package/dist/dynamic/layouts/Split/package.json +1 -1
- package/dist/dynamic/layouts/Stack/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/esm/components/Slider/Slider.d.ts.map +1 -1
- package/dist/esm/components/Slider/Slider.js +1 -1
- package/dist/esm/components/Slider/Slider.js.map +1 -1
- package/dist/js/components/Slider/Slider.d.ts.map +1 -1
- package/dist/js/components/Slider/Slider.js +1 -1
- package/dist/js/components/Slider/Slider.js.map +1 -1
- package/dist/umd/assets/{output-CSuSPDOa.css → output-DFGG_Rgw.css} +1817 -1817
- package/dist/umd/react-core.min.js +1 -1
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +2 -2
- package/src/components/Slider/Slider.tsx +6 -1
|
@@ -200,6 +200,220 @@
|
|
|
200
200
|
column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
201
201
|
}
|
|
202
202
|
|
|
203
|
+
:root,
|
|
204
|
+
.pf-v6-c-alert {
|
|
205
|
+
--pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
206
|
+
--pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
207
|
+
--pf-v6-c-alert--GridTemplateColumns: max-content 1fr max-content;
|
|
208
|
+
--pf-v6-c-alert--GridTemplateAreas:
|
|
209
|
+
"icon title action"
|
|
210
|
+
". description description"
|
|
211
|
+
". actiongroup actiongroup";
|
|
212
|
+
--pf-v6-c-alert--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
213
|
+
--pf-v6-c-alert--BorderColor: transparent;
|
|
214
|
+
--pf-v6-c-alert--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
215
|
+
--pf-v6-c-alert--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
216
|
+
--pf-v6-c-alert--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
217
|
+
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
218
|
+
--pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
219
|
+
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
|
220
|
+
--pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
221
|
+
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
222
|
+
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
223
|
+
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
|
224
|
+
--pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
225
|
+
--pf-v6-c-alert__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
226
|
+
--pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
227
|
+
--pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
|
|
228
|
+
--pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
229
|
+
--pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
|
|
230
|
+
--pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
231
|
+
--pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
|
|
232
|
+
--pf-v6-c-alert__title--max-lines: 1;
|
|
233
|
+
--pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
234
|
+
--pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
235
|
+
--pf-v6-c-alert__action--TranslateY: 0.125rem;
|
|
236
|
+
--pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
237
|
+
--pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
238
|
+
--pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
|
|
239
|
+
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
|
|
240
|
+
--pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
|
|
241
|
+
--pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
|
|
242
|
+
--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
243
|
+
--pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
|
|
244
|
+
--pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
245
|
+
--pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
|
|
246
|
+
--pf-v6-c-alert--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
247
|
+
--pf-v6-c-alert--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
248
|
+
--pf-v6-c-alert--m-success__title--Color: var(--pf-t--global--text--color--regular);
|
|
249
|
+
--pf-v6-c-alert--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
250
|
+
--pf-v6-c-alert--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
251
|
+
--pf-v6-c-alert--m-danger__title--Color: var(--pf-t--global--text--color--regular);
|
|
252
|
+
--pf-v6-c-alert--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
253
|
+
--pf-v6-c-alert--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
254
|
+
--pf-v6-c-alert--m-warning__title--Color: var(--pf-t--global--text--color--regular);
|
|
255
|
+
--pf-v6-c-alert--m-info--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
256
|
+
--pf-v6-c-alert--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
257
|
+
--pf-v6-c-alert--m-info__title--Color: var(--pf-t--global--text--color--regular);
|
|
258
|
+
--pf-v6-c-alert--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
259
|
+
--pf-v6-c-alert--m-inline--BoxShadow: none;
|
|
260
|
+
--pf-v6-c-alert--m-inline--m-plain--BorderWidth: 0;
|
|
261
|
+
--pf-v6-c-alert--m-inline--m-plain--BackgroundColor: transparent;
|
|
262
|
+
--pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart: 0;
|
|
263
|
+
--pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd: 0;
|
|
264
|
+
--pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd: 0;
|
|
265
|
+
--pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart: 0;
|
|
266
|
+
--pf-v6-c-alert--m-expandable--GridTemplateColumns: auto max-content 1fr max-content;
|
|
267
|
+
--pf-v6-c-alert--m-expandable--GridTemplateAreas:
|
|
268
|
+
"toggle icon title action"
|
|
269
|
+
". . description description"
|
|
270
|
+
". . actiongroup actiongroup";
|
|
271
|
+
--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
|
|
272
|
+
--pf-v6-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
|
|
273
|
+
--pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
.pf-v6-c-alert {
|
|
277
|
+
position: relative;
|
|
278
|
+
display: grid;
|
|
279
|
+
grid-template-areas: var(--pf-v6-c-alert--GridTemplateAreas);
|
|
280
|
+
grid-template-columns: var(--pf-v6-c-alert--GridTemplateColumns);
|
|
281
|
+
padding-block-start: var(--pf-v6-c-alert--PaddingBlockStart);
|
|
282
|
+
padding-block-end: var(--pf-v6-c-alert--PaddingBlockEnd);
|
|
283
|
+
padding-inline-start: var(--pf-v6-c-alert--PaddingInlineStart);
|
|
284
|
+
padding-inline-end: var(--pf-v6-c-alert--PaddingInlineEnd);
|
|
285
|
+
font-size: var(--pf-v6-c-alert--FontSize);
|
|
286
|
+
background-color: var(--pf-v6-c-alert--BackgroundColor);
|
|
287
|
+
border: var(--pf-v6-c-alert--BorderWidth) solid var(--pf-v6-c-alert--BorderColor);
|
|
288
|
+
border-radius: var(--pf-v6-c-alert--BorderRadius);
|
|
289
|
+
box-shadow: var(--pf-v6-c-alert--BoxShadow);
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
.pf-v6-c-alert.pf-m-custom {
|
|
293
|
+
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-custom--BorderColor);
|
|
294
|
+
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-custom__icon--Color);
|
|
295
|
+
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-custom__title--Color);
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
.pf-v6-c-alert.pf-m-success {
|
|
299
|
+
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-success--BorderColor);
|
|
300
|
+
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-success__icon--Color);
|
|
301
|
+
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-success__title--Color);
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
.pf-v6-c-alert.pf-m-danger {
|
|
305
|
+
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-danger--BorderColor);
|
|
306
|
+
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-danger__icon--Color);
|
|
307
|
+
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-danger__title--Color);
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
.pf-v6-c-alert.pf-m-warning {
|
|
311
|
+
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-warning--BorderColor);
|
|
312
|
+
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-warning__icon--Color);
|
|
313
|
+
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-warning__title--Color);
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
.pf-v6-c-alert.pf-m-info {
|
|
317
|
+
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-info--BorderColor);
|
|
318
|
+
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-info__icon--Color);
|
|
319
|
+
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-info__title--Color);
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
.pf-v6-c-alert.pf-m-inline {
|
|
323
|
+
--pf-v6-c-alert--BoxShadow: var(--pf-v6-c-alert--m-inline--BoxShadow);
|
|
324
|
+
--pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--BackgroundColor);
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
.pf-v6-c-alert.pf-m-plain {
|
|
328
|
+
--pf-v6-c-alert--BorderWidth: var(--pf-v6-c-alert--m-inline--m-plain--BorderWidth);
|
|
329
|
+
--pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--m-plain--BackgroundColor);
|
|
330
|
+
--pf-v6-c-alert--PaddingBlockStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart);
|
|
331
|
+
--pf-v6-c-alert--PaddingInlineEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd);
|
|
332
|
+
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd);
|
|
333
|
+
--pf-v6-c-alert--PaddingInlineStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart);
|
|
334
|
+
}
|
|
335
|
+
|
|
336
|
+
.pf-v6-c-alert.pf-m-expandable {
|
|
337
|
+
--pf-v6-c-alert--GridTemplateColumns: var(--pf-v6-c-alert--m-expandable--GridTemplateColumns);
|
|
338
|
+
--pf-v6-c-alert--GridTemplateAreas: var(--pf-v6-c-alert--m-expandable--GridTemplateAreas);
|
|
339
|
+
--pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart);
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
.pf-v6-c-alert.pf-m-expanded {
|
|
343
|
+
--pf-v6-c-alert__toggle-icon--Rotate: var(--pf-v6-c-alert--m-expanded__toggle-icon--Rotate);
|
|
344
|
+
--pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart);
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
.pf-v6-c-alert__toggle {
|
|
348
|
+
margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
|
|
349
|
+
margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
|
|
350
|
+
margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
.pf-v6-c-alert__toggle-icon {
|
|
354
|
+
display: inline-block;
|
|
355
|
+
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
356
|
+
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
|
|
360
|
+
scale: -1 1;
|
|
361
|
+
}
|
|
362
|
+
|
|
363
|
+
.pf-v6-c-alert__icon {
|
|
364
|
+
display: flex;
|
|
365
|
+
grid-area: icon;
|
|
366
|
+
margin-block-start: var(--pf-v6-c-alert__icon--MarginBlockStart);
|
|
367
|
+
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
368
|
+
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
369
|
+
color: var(--pf-v6-c-alert__icon--Color);
|
|
370
|
+
}
|
|
371
|
+
|
|
372
|
+
.pf-v6-c-alert__title {
|
|
373
|
+
grid-area: title;
|
|
374
|
+
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
375
|
+
color: var(--pf-v6-c-alert__title--Color);
|
|
376
|
+
word-break: break-word;
|
|
377
|
+
}
|
|
378
|
+
|
|
379
|
+
.pf-v6-c-alert__title.pf-m-truncate {
|
|
380
|
+
display: -webkit-box;
|
|
381
|
+
-webkit-box-orient: vertical;
|
|
382
|
+
-webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
|
|
383
|
+
overflow: hidden;
|
|
384
|
+
}
|
|
385
|
+
|
|
386
|
+
.pf-v6-c-alert__description {
|
|
387
|
+
grid-area: description;
|
|
388
|
+
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
389
|
+
word-break: break-word;
|
|
390
|
+
}
|
|
391
|
+
|
|
392
|
+
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
393
|
+
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
394
|
+
}
|
|
395
|
+
|
|
396
|
+
.pf-v6-c-alert__action {
|
|
397
|
+
grid-area: action;
|
|
398
|
+
margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
|
|
399
|
+
margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
|
|
400
|
+
margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
|
|
401
|
+
transform: translateY(var(--pf-v6-c-alert__action--TranslateY));
|
|
402
|
+
}
|
|
403
|
+
|
|
404
|
+
.pf-v6-c-alert__action > .pf-v6-c-button {
|
|
405
|
+
--pf-v6-c-button--LineHeight: 1;
|
|
406
|
+
}
|
|
407
|
+
|
|
408
|
+
.pf-v6-c-alert__action-group {
|
|
409
|
+
grid-area: actiongroup;
|
|
410
|
+
padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
|
|
411
|
+
}
|
|
412
|
+
|
|
413
|
+
.pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
|
|
414
|
+
margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
|
|
415
|
+
}
|
|
416
|
+
|
|
203
417
|
:root,
|
|
204
418
|
.pf-v6-c-avatar {
|
|
205
419
|
--pf-v6-c-avatar--BorderColor: transparent;
|
|
@@ -451,6 +665,27 @@
|
|
|
451
665
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
|
|
452
666
|
}
|
|
453
667
|
}
|
|
668
|
+
:root,
|
|
669
|
+
.pf-v6-c-backdrop {
|
|
670
|
+
--pf-v6-c-backdrop--Position: fixed;
|
|
671
|
+
--pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
|
|
672
|
+
--pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
.pf-v6-c-backdrop {
|
|
676
|
+
position: var(--pf-v6-c-backdrop--Position);
|
|
677
|
+
inset-block-start: 0;
|
|
678
|
+
inset-inline-start: 0;
|
|
679
|
+
z-index: var(--pf-v6-c-backdrop--ZIndex);
|
|
680
|
+
width: 100%;
|
|
681
|
+
height: 100%;
|
|
682
|
+
background-color: var(--pf-v6-c-backdrop--BackgroundColor);
|
|
683
|
+
}
|
|
684
|
+
|
|
685
|
+
.pf-v6-c-backdrop__open {
|
|
686
|
+
overflow: hidden;
|
|
687
|
+
}
|
|
688
|
+
|
|
454
689
|
:root,
|
|
455
690
|
.pf-v6-c-back-to-top {
|
|
456
691
|
--pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
@@ -489,27 +724,6 @@
|
|
|
489
724
|
box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
|
|
490
725
|
}
|
|
491
726
|
|
|
492
|
-
:root,
|
|
493
|
-
.pf-v6-c-backdrop {
|
|
494
|
-
--pf-v6-c-backdrop--Position: fixed;
|
|
495
|
-
--pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
|
|
496
|
-
--pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
|
|
497
|
-
}
|
|
498
|
-
|
|
499
|
-
.pf-v6-c-backdrop {
|
|
500
|
-
position: var(--pf-v6-c-backdrop--Position);
|
|
501
|
-
inset-block-start: 0;
|
|
502
|
-
inset-inline-start: 0;
|
|
503
|
-
z-index: var(--pf-v6-c-backdrop--ZIndex);
|
|
504
|
-
width: 100%;
|
|
505
|
-
height: 100%;
|
|
506
|
-
background-color: var(--pf-v6-c-backdrop--BackgroundColor);
|
|
507
|
-
}
|
|
508
|
-
|
|
509
|
-
.pf-v6-c-backdrop__open {
|
|
510
|
-
overflow: hidden;
|
|
511
|
-
}
|
|
512
|
-
|
|
513
727
|
:root,
|
|
514
728
|
.pf-v6-c-background-image {
|
|
515
729
|
--pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
@@ -3542,220 +3756,6 @@ ul) {
|
|
|
3542
3756
|
padding: 0;
|
|
3543
3757
|
}
|
|
3544
3758
|
|
|
3545
|
-
:root,
|
|
3546
|
-
.pf-v6-c-alert {
|
|
3547
|
-
--pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
3548
|
-
--pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
3549
|
-
--pf-v6-c-alert--GridTemplateColumns: max-content 1fr max-content;
|
|
3550
|
-
--pf-v6-c-alert--GridTemplateAreas:
|
|
3551
|
-
"icon title action"
|
|
3552
|
-
". description description"
|
|
3553
|
-
". actiongroup actiongroup";
|
|
3554
|
-
--pf-v6-c-alert--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
3555
|
-
--pf-v6-c-alert--BorderColor: transparent;
|
|
3556
|
-
--pf-v6-c-alert--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
3557
|
-
--pf-v6-c-alert--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
3558
|
-
--pf-v6-c-alert--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
3559
|
-
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
3560
|
-
--pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
3561
|
-
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
|
3562
|
-
--pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
3563
|
-
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
3564
|
-
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
3565
|
-
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
|
3566
|
-
--pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
3567
|
-
--pf-v6-c-alert__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
3568
|
-
--pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
3569
|
-
--pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
|
|
3570
|
-
--pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
3571
|
-
--pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
|
|
3572
|
-
--pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
3573
|
-
--pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
|
|
3574
|
-
--pf-v6-c-alert__title--max-lines: 1;
|
|
3575
|
-
--pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
3576
|
-
--pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
3577
|
-
--pf-v6-c-alert__action--TranslateY: 0.125rem;
|
|
3578
|
-
--pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
3579
|
-
--pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
3580
|
-
--pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
|
|
3581
|
-
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
|
|
3582
|
-
--pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
|
|
3583
|
-
--pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
|
|
3584
|
-
--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
3585
|
-
--pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
|
|
3586
|
-
--pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
3587
|
-
--pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
|
|
3588
|
-
--pf-v6-c-alert--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
3589
|
-
--pf-v6-c-alert--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
3590
|
-
--pf-v6-c-alert--m-success__title--Color: var(--pf-t--global--text--color--regular);
|
|
3591
|
-
--pf-v6-c-alert--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
3592
|
-
--pf-v6-c-alert--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
3593
|
-
--pf-v6-c-alert--m-danger__title--Color: var(--pf-t--global--text--color--regular);
|
|
3594
|
-
--pf-v6-c-alert--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
3595
|
-
--pf-v6-c-alert--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
3596
|
-
--pf-v6-c-alert--m-warning__title--Color: var(--pf-t--global--text--color--regular);
|
|
3597
|
-
--pf-v6-c-alert--m-info--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
3598
|
-
--pf-v6-c-alert--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
3599
|
-
--pf-v6-c-alert--m-info__title--Color: var(--pf-t--global--text--color--regular);
|
|
3600
|
-
--pf-v6-c-alert--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
3601
|
-
--pf-v6-c-alert--m-inline--BoxShadow: none;
|
|
3602
|
-
--pf-v6-c-alert--m-inline--m-plain--BorderWidth: 0;
|
|
3603
|
-
--pf-v6-c-alert--m-inline--m-plain--BackgroundColor: transparent;
|
|
3604
|
-
--pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart: 0;
|
|
3605
|
-
--pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd: 0;
|
|
3606
|
-
--pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd: 0;
|
|
3607
|
-
--pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart: 0;
|
|
3608
|
-
--pf-v6-c-alert--m-expandable--GridTemplateColumns: auto max-content 1fr max-content;
|
|
3609
|
-
--pf-v6-c-alert--m-expandable--GridTemplateAreas:
|
|
3610
|
-
"toggle icon title action"
|
|
3611
|
-
". . description description"
|
|
3612
|
-
". . actiongroup actiongroup";
|
|
3613
|
-
--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
|
|
3614
|
-
--pf-v6-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
|
|
3615
|
-
--pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
|
|
3616
|
-
}
|
|
3617
|
-
|
|
3618
|
-
.pf-v6-c-alert {
|
|
3619
|
-
position: relative;
|
|
3620
|
-
display: grid;
|
|
3621
|
-
grid-template-areas: var(--pf-v6-c-alert--GridTemplateAreas);
|
|
3622
|
-
grid-template-columns: var(--pf-v6-c-alert--GridTemplateColumns);
|
|
3623
|
-
padding-block-start: var(--pf-v6-c-alert--PaddingBlockStart);
|
|
3624
|
-
padding-block-end: var(--pf-v6-c-alert--PaddingBlockEnd);
|
|
3625
|
-
padding-inline-start: var(--pf-v6-c-alert--PaddingInlineStart);
|
|
3626
|
-
padding-inline-end: var(--pf-v6-c-alert--PaddingInlineEnd);
|
|
3627
|
-
font-size: var(--pf-v6-c-alert--FontSize);
|
|
3628
|
-
background-color: var(--pf-v6-c-alert--BackgroundColor);
|
|
3629
|
-
border: var(--pf-v6-c-alert--BorderWidth) solid var(--pf-v6-c-alert--BorderColor);
|
|
3630
|
-
border-radius: var(--pf-v6-c-alert--BorderRadius);
|
|
3631
|
-
box-shadow: var(--pf-v6-c-alert--BoxShadow);
|
|
3632
|
-
}
|
|
3633
|
-
|
|
3634
|
-
.pf-v6-c-alert.pf-m-custom {
|
|
3635
|
-
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-custom--BorderColor);
|
|
3636
|
-
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-custom__icon--Color);
|
|
3637
|
-
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-custom__title--Color);
|
|
3638
|
-
}
|
|
3639
|
-
|
|
3640
|
-
.pf-v6-c-alert.pf-m-success {
|
|
3641
|
-
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-success--BorderColor);
|
|
3642
|
-
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-success__icon--Color);
|
|
3643
|
-
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-success__title--Color);
|
|
3644
|
-
}
|
|
3645
|
-
|
|
3646
|
-
.pf-v6-c-alert.pf-m-danger {
|
|
3647
|
-
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-danger--BorderColor);
|
|
3648
|
-
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-danger__icon--Color);
|
|
3649
|
-
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-danger__title--Color);
|
|
3650
|
-
}
|
|
3651
|
-
|
|
3652
|
-
.pf-v6-c-alert.pf-m-warning {
|
|
3653
|
-
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-warning--BorderColor);
|
|
3654
|
-
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-warning__icon--Color);
|
|
3655
|
-
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-warning__title--Color);
|
|
3656
|
-
}
|
|
3657
|
-
|
|
3658
|
-
.pf-v6-c-alert.pf-m-info {
|
|
3659
|
-
--pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-info--BorderColor);
|
|
3660
|
-
--pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-info__icon--Color);
|
|
3661
|
-
--pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-info__title--Color);
|
|
3662
|
-
}
|
|
3663
|
-
|
|
3664
|
-
.pf-v6-c-alert.pf-m-inline {
|
|
3665
|
-
--pf-v6-c-alert--BoxShadow: var(--pf-v6-c-alert--m-inline--BoxShadow);
|
|
3666
|
-
--pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--BackgroundColor);
|
|
3667
|
-
}
|
|
3668
|
-
|
|
3669
|
-
.pf-v6-c-alert.pf-m-plain {
|
|
3670
|
-
--pf-v6-c-alert--BorderWidth: var(--pf-v6-c-alert--m-inline--m-plain--BorderWidth);
|
|
3671
|
-
--pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--m-plain--BackgroundColor);
|
|
3672
|
-
--pf-v6-c-alert--PaddingBlockStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart);
|
|
3673
|
-
--pf-v6-c-alert--PaddingInlineEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd);
|
|
3674
|
-
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd);
|
|
3675
|
-
--pf-v6-c-alert--PaddingInlineStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart);
|
|
3676
|
-
}
|
|
3677
|
-
|
|
3678
|
-
.pf-v6-c-alert.pf-m-expandable {
|
|
3679
|
-
--pf-v6-c-alert--GridTemplateColumns: var(--pf-v6-c-alert--m-expandable--GridTemplateColumns);
|
|
3680
|
-
--pf-v6-c-alert--GridTemplateAreas: var(--pf-v6-c-alert--m-expandable--GridTemplateAreas);
|
|
3681
|
-
--pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart);
|
|
3682
|
-
}
|
|
3683
|
-
|
|
3684
|
-
.pf-v6-c-alert.pf-m-expanded {
|
|
3685
|
-
--pf-v6-c-alert__toggle-icon--Rotate: var(--pf-v6-c-alert--m-expanded__toggle-icon--Rotate);
|
|
3686
|
-
--pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart);
|
|
3687
|
-
}
|
|
3688
|
-
|
|
3689
|
-
.pf-v6-c-alert__toggle {
|
|
3690
|
-
margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
|
|
3691
|
-
margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
|
|
3692
|
-
margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
|
|
3693
|
-
}
|
|
3694
|
-
|
|
3695
|
-
.pf-v6-c-alert__toggle-icon {
|
|
3696
|
-
display: inline-block;
|
|
3697
|
-
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
3698
|
-
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
3699
|
-
}
|
|
3700
|
-
|
|
3701
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
|
|
3702
|
-
scale: -1 1;
|
|
3703
|
-
}
|
|
3704
|
-
|
|
3705
|
-
.pf-v6-c-alert__icon {
|
|
3706
|
-
display: flex;
|
|
3707
|
-
grid-area: icon;
|
|
3708
|
-
margin-block-start: var(--pf-v6-c-alert__icon--MarginBlockStart);
|
|
3709
|
-
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
3710
|
-
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
3711
|
-
color: var(--pf-v6-c-alert__icon--Color);
|
|
3712
|
-
}
|
|
3713
|
-
|
|
3714
|
-
.pf-v6-c-alert__title {
|
|
3715
|
-
grid-area: title;
|
|
3716
|
-
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
3717
|
-
color: var(--pf-v6-c-alert__title--Color);
|
|
3718
|
-
word-break: break-word;
|
|
3719
|
-
}
|
|
3720
|
-
|
|
3721
|
-
.pf-v6-c-alert__title.pf-m-truncate {
|
|
3722
|
-
display: -webkit-box;
|
|
3723
|
-
-webkit-box-orient: vertical;
|
|
3724
|
-
-webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
|
|
3725
|
-
overflow: hidden;
|
|
3726
|
-
}
|
|
3727
|
-
|
|
3728
|
-
.pf-v6-c-alert__description {
|
|
3729
|
-
grid-area: description;
|
|
3730
|
-
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
3731
|
-
word-break: break-word;
|
|
3732
|
-
}
|
|
3733
|
-
|
|
3734
|
-
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
3735
|
-
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
3736
|
-
}
|
|
3737
|
-
|
|
3738
|
-
.pf-v6-c-alert__action {
|
|
3739
|
-
grid-area: action;
|
|
3740
|
-
margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
|
|
3741
|
-
margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
|
|
3742
|
-
margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
|
|
3743
|
-
transform: translateY(var(--pf-v6-c-alert__action--TranslateY));
|
|
3744
|
-
}
|
|
3745
|
-
|
|
3746
|
-
.pf-v6-c-alert__action > .pf-v6-c-button {
|
|
3747
|
-
--pf-v6-c-button--LineHeight: 1;
|
|
3748
|
-
}
|
|
3749
|
-
|
|
3750
|
-
.pf-v6-c-alert__action-group {
|
|
3751
|
-
grid-area: actiongroup;
|
|
3752
|
-
padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
|
|
3753
|
-
}
|
|
3754
|
-
|
|
3755
|
-
.pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
|
|
3756
|
-
margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
|
|
3757
|
-
}
|
|
3758
|
-
|
|
3759
3759
|
:root,
|
|
3760
3760
|
.pf-v6-c-date-picker {
|
|
3761
3761
|
--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
|
|
@@ -5848,28 +5848,117 @@ ul) {
|
|
|
5848
5848
|
}
|
|
5849
5849
|
|
|
5850
5850
|
:root,
|
|
5851
|
-
.pf-v6-c-
|
|
5852
|
-
--pf-v6-c-
|
|
5853
|
-
--pf-v6-c-
|
|
5854
|
-
--pf-v6-c-
|
|
5855
|
-
--pf-v6-c-
|
|
5856
|
-
--pf-v6-c-
|
|
5857
|
-
--pf-v6-c-
|
|
5858
|
-
--pf-v6-c-
|
|
5859
|
-
--pf-v6-c-
|
|
5860
|
-
--pf-v6-c-
|
|
5861
|
-
--pf-v6-c-
|
|
5862
|
-
--pf-v6-c-
|
|
5863
|
-
--pf-v6-c-
|
|
5864
|
-
--pf-v6-c-
|
|
5851
|
+
.pf-v6-c-expandable-section {
|
|
5852
|
+
--pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
|
|
5853
|
+
--pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
|
|
5854
|
+
--pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
5855
|
+
--pf-v6-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
|
|
5856
|
+
--pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
|
|
5857
|
+
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
|
5858
|
+
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
|
|
5859
|
+
--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
|
|
5860
|
+
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
|
5861
|
+
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
5862
|
+
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
5863
|
+
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
5864
|
+
--pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
5865
|
+
--pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
5866
|
+
--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
5867
|
+
--pf-v6-c-expandable-section--m-display-lg--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
5868
|
+
--pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
5869
|
+
--pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
|
|
5870
|
+
--pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
5871
|
+
--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) + var(--pf-t--global--spacer--gap--text-to-element--default) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
|
|
5872
|
+
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
5873
|
+
--pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
|
|
5865
5874
|
}
|
|
5866
5875
|
|
|
5867
|
-
.pf-v6-c-
|
|
5868
|
-
position: relative;
|
|
5876
|
+
.pf-v6-c-expandable-section {
|
|
5869
5877
|
display: flex;
|
|
5870
5878
|
flex-direction: column;
|
|
5871
|
-
|
|
5872
|
-
|
|
5879
|
+
gap: var(--pf-v6-c-expandable-section--Gap);
|
|
5880
|
+
}
|
|
5881
|
+
|
|
5882
|
+
.pf-v6-c-expandable-section.pf-m-expanded {
|
|
5883
|
+
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
|
|
5884
|
+
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
|
|
5885
|
+
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
|
|
5886
|
+
}
|
|
5887
|
+
|
|
5888
|
+
.pf-v6-c-expandable-section.pf-m-limit-width {
|
|
5889
|
+
--pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
|
|
5890
|
+
}
|
|
5891
|
+
|
|
5892
|
+
.pf-v6-c-expandable-section.pf-m-display-lg {
|
|
5893
|
+
padding-block-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart);
|
|
5894
|
+
padding-block-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd);
|
|
5895
|
+
padding-inline-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart);
|
|
5896
|
+
padding-inline-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd);
|
|
5897
|
+
background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
|
|
5898
|
+
border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
|
|
5899
|
+
border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
|
|
5900
|
+
}
|
|
5901
|
+
|
|
5902
|
+
.pf-v6-c-expandable-section.pf-m-indented {
|
|
5903
|
+
--pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
|
|
5904
|
+
}
|
|
5905
|
+
|
|
5906
|
+
.pf-v6-c-expandable-section.pf-m-truncate {
|
|
5907
|
+
--pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
|
|
5908
|
+
}
|
|
5909
|
+
|
|
5910
|
+
.pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
|
|
5911
|
+
display: -webkit-box;
|
|
5912
|
+
-webkit-box-orient: vertical;
|
|
5913
|
+
-webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
|
|
5914
|
+
overflow: hidden;
|
|
5915
|
+
}
|
|
5916
|
+
|
|
5917
|
+
.pf-v6-c-expandable-section__toggle-icon {
|
|
5918
|
+
display: inline-block;
|
|
5919
|
+
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
5920
|
+
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
5921
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
5922
|
+
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
5923
|
+
}
|
|
5924
|
+
|
|
5925
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
5926
|
+
scale: -1 1;
|
|
5927
|
+
}
|
|
5928
|
+
|
|
5929
|
+
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
5930
|
+
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
5931
|
+
}
|
|
5932
|
+
|
|
5933
|
+
.pf-v6-c-expandable-section__content {
|
|
5934
|
+
max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
|
|
5935
|
+
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
|
|
5936
|
+
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
|
|
5937
|
+
}
|
|
5938
|
+
|
|
5939
|
+
:root,
|
|
5940
|
+
.pf-v6-c-file-upload {
|
|
5941
|
+
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
5942
|
+
--pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
5943
|
+
--pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
5944
|
+
--pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
5945
|
+
--pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
5946
|
+
--pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
5947
|
+
--pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
5948
|
+
--pf-v6-c-file-upload--BorderColor: transparent;
|
|
5949
|
+
--pf-v6-c-file-upload--BorderStyle: solid;
|
|
5950
|
+
--pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
|
|
5951
|
+
--pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
|
|
5952
|
+
--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
5953
|
+
--pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
|
|
5954
|
+
}
|
|
5955
|
+
|
|
5956
|
+
.pf-v6-c-file-upload {
|
|
5957
|
+
position: relative;
|
|
5958
|
+
display: flex;
|
|
5959
|
+
flex-direction: column;
|
|
5960
|
+
row-gap: var(--pf-v6-c-file-upload--RowGap);
|
|
5961
|
+
padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
|
|
5873
5962
|
padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
|
|
5874
5963
|
padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
|
|
5875
5964
|
padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
|
|
@@ -6448,95 +6537,6 @@ ul) {
|
|
|
6448
6537
|
margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
|
|
6449
6538
|
}
|
|
6450
6539
|
|
|
6451
|
-
:root,
|
|
6452
|
-
.pf-v6-c-expandable-section {
|
|
6453
|
-
--pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
|
|
6454
|
-
--pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
|
|
6455
|
-
--pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6456
|
-
--pf-v6-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
|
|
6457
|
-
--pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
|
|
6458
|
-
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
|
6459
|
-
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
|
|
6460
|
-
--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
|
|
6461
|
-
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
|
6462
|
-
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
6463
|
-
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
6464
|
-
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
6465
|
-
--pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
6466
|
-
--pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
6467
|
-
--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
6468
|
-
--pf-v6-c-expandable-section--m-display-lg--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
6469
|
-
--pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
6470
|
-
--pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
|
|
6471
|
-
--pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
6472
|
-
--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) + var(--pf-t--global--spacer--gap--text-to-element--default) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
|
|
6473
|
-
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
6474
|
-
--pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
|
|
6475
|
-
}
|
|
6476
|
-
|
|
6477
|
-
.pf-v6-c-expandable-section {
|
|
6478
|
-
display: flex;
|
|
6479
|
-
flex-direction: column;
|
|
6480
|
-
gap: var(--pf-v6-c-expandable-section--Gap);
|
|
6481
|
-
}
|
|
6482
|
-
|
|
6483
|
-
.pf-v6-c-expandable-section.pf-m-expanded {
|
|
6484
|
-
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
|
|
6485
|
-
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
|
|
6486
|
-
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
|
|
6487
|
-
}
|
|
6488
|
-
|
|
6489
|
-
.pf-v6-c-expandable-section.pf-m-limit-width {
|
|
6490
|
-
--pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
|
|
6491
|
-
}
|
|
6492
|
-
|
|
6493
|
-
.pf-v6-c-expandable-section.pf-m-display-lg {
|
|
6494
|
-
padding-block-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart);
|
|
6495
|
-
padding-block-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd);
|
|
6496
|
-
padding-inline-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart);
|
|
6497
|
-
padding-inline-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd);
|
|
6498
|
-
background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
|
|
6499
|
-
border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
|
|
6500
|
-
border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
|
|
6501
|
-
}
|
|
6502
|
-
|
|
6503
|
-
.pf-v6-c-expandable-section.pf-m-indented {
|
|
6504
|
-
--pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
|
|
6505
|
-
}
|
|
6506
|
-
|
|
6507
|
-
.pf-v6-c-expandable-section.pf-m-truncate {
|
|
6508
|
-
--pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
|
|
6509
|
-
}
|
|
6510
|
-
|
|
6511
|
-
.pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
|
|
6512
|
-
display: -webkit-box;
|
|
6513
|
-
-webkit-box-orient: vertical;
|
|
6514
|
-
-webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
|
|
6515
|
-
overflow: hidden;
|
|
6516
|
-
}
|
|
6517
|
-
|
|
6518
|
-
.pf-v6-c-expandable-section__toggle-icon {
|
|
6519
|
-
display: inline-block;
|
|
6520
|
-
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
6521
|
-
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
6522
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
6523
|
-
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
6524
|
-
}
|
|
6525
|
-
|
|
6526
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
6527
|
-
scale: -1 1;
|
|
6528
|
-
}
|
|
6529
|
-
|
|
6530
|
-
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
6531
|
-
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
6532
|
-
}
|
|
6533
|
-
|
|
6534
|
-
.pf-v6-c-expandable-section__content {
|
|
6535
|
-
max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
|
|
6536
|
-
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
|
|
6537
|
-
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
|
|
6538
|
-
}
|
|
6539
|
-
|
|
6540
6540
|
:root,
|
|
6541
6541
|
.pf-v6-c-form-control {
|
|
6542
6542
|
--pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
@@ -7371,90 +7371,349 @@ label.pf-v6-c-input-group__text {
|
|
|
7371
7371
|
}
|
|
7372
7372
|
|
|
7373
7373
|
:root,
|
|
7374
|
-
.pf-v6-c-
|
|
7375
|
-
--pf-v6-c-
|
|
7376
|
-
--pf-v6-c-
|
|
7377
|
-
--pf-v6-c-
|
|
7378
|
-
--pf-v6-c-
|
|
7379
|
-
--pf-v6-c-
|
|
7380
|
-
--pf-v6-c-
|
|
7381
|
-
--pf-v6-c-
|
|
7382
|
-
--pf-v6-c-
|
|
7383
|
-
--pf-v6-c-
|
|
7384
|
-
--pf-v6-c-
|
|
7385
|
-
--pf-v6-c-
|
|
7386
|
-
--pf-v6-c-
|
|
7387
|
-
--pf-v6-c-
|
|
7388
|
-
--pf-v6-c-
|
|
7389
|
-
--pf-v6-c-
|
|
7390
|
-
--pf-v6-c-
|
|
7391
|
-
--pf-v6-c-
|
|
7392
|
-
--pf-v6-c-
|
|
7393
|
-
--pf-v6-c-
|
|
7394
|
-
--pf-v6-c-
|
|
7395
|
-
--pf-v6-c-
|
|
7396
|
-
--pf-v6-c-
|
|
7397
|
-
--pf-v6-c-
|
|
7398
|
-
--pf-v6-c-
|
|
7399
|
-
--pf-v6-c-
|
|
7400
|
-
--pf-v6-c-
|
|
7401
|
-
--pf-v6-c-
|
|
7402
|
-
--pf-v6-c-
|
|
7403
|
-
--pf-v6-c-
|
|
7404
|
-
--pf-v6-c-
|
|
7405
|
-
--pf-v6-c-
|
|
7406
|
-
--pf-v6-c-
|
|
7407
|
-
--pf-v6-c-
|
|
7408
|
-
--pf-v6-c-
|
|
7409
|
-
--pf-v6-c-
|
|
7410
|
-
--pf-v6-c-
|
|
7411
|
-
--pf-v6-c-
|
|
7412
|
-
--pf-v6-c-
|
|
7413
|
-
--pf-v6-c-
|
|
7414
|
-
--pf-v6-c-
|
|
7415
|
-
--pf-v6-c-
|
|
7416
|
-
--pf-v6-c-
|
|
7417
|
-
--pf-v6-c-
|
|
7418
|
-
--pf-v6-c-
|
|
7419
|
-
--pf-v6-c-
|
|
7420
|
-
--pf-v6-c-
|
|
7421
|
-
--pf-v6-c-
|
|
7422
|
-
--pf-v6-c-
|
|
7423
|
-
--pf-v6-c-
|
|
7424
|
-
--pf-v6-c-
|
|
7425
|
-
|
|
7426
|
-
|
|
7427
|
-
|
|
7428
|
-
|
|
7429
|
-
|
|
7430
|
-
|
|
7431
|
-
|
|
7432
|
-
|
|
7433
|
-
|
|
7434
|
-
|
|
7435
|
-
|
|
7436
|
-
|
|
7437
|
-
|
|
7438
|
-
|
|
7439
|
-
|
|
7440
|
-
--pf-v6-c-
|
|
7441
|
-
|
|
7442
|
-
|
|
7443
|
-
|
|
7444
|
-
|
|
7445
|
-
|
|
7446
|
-
|
|
7447
|
-
|
|
7448
|
-
|
|
7449
|
-
|
|
7450
|
-
|
|
7451
|
-
|
|
7452
|
-
|
|
7453
|
-
|
|
7454
|
-
|
|
7455
|
-
|
|
7456
|
-
|
|
7457
|
-
|
|
7374
|
+
.pf-v6-c-jump-links {
|
|
7375
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7376
|
+
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
|
7377
|
+
--pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
7378
|
+
--pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
|
|
7379
|
+
--pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
7380
|
+
--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
7381
|
+
--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd: 0;
|
|
7382
|
+
--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7383
|
+
--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart: 0;
|
|
7384
|
+
--pf-v6-c-jump-links__list--FlexDirection: row;
|
|
7385
|
+
--pf-v6-c-jump-links--m-vertical__list--FlexDirection: column;
|
|
7386
|
+
--pf-v6-c-jump-links__list--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
7387
|
+
--pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-t--global--border--width--box--default);
|
|
7388
|
+
--pf-v6-c-jump-links__list--before--BorderInlineEndWidth: 0;
|
|
7389
|
+
--pf-v6-c-jump-links__list--before--BorderBlockEndWidth: 0;
|
|
7390
|
+
--pf-v6-c-jump-links__list--before--BorderInlineStartWidth: 0;
|
|
7391
|
+
--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth: var(--pf-t--global--border--width--box--default);
|
|
7392
|
+
--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth: 0;
|
|
7393
|
+
--pf-v6-c-jump-links__list__list--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
7394
|
+
--pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7395
|
+
--pf-v6-c-jump-links__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7396
|
+
--pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7397
|
+
--pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7398
|
+
--pf-v6-c-jump-links__list__list__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7399
|
+
--pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
7400
|
+
--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7401
|
+
--pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
|
|
7402
|
+
--pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
|
|
7403
|
+
--pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
|
|
7404
|
+
--pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
|
|
7405
|
+
--pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
|
|
7406
|
+
--pf-v6-c-jump-links__link--before--BorderColor: transparent;
|
|
7407
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
7408
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
|
|
7409
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7410
|
+
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
|
|
7411
|
+
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
7412
|
+
--pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7413
|
+
--pf-v6-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7414
|
+
--pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
|
|
7415
|
+
--pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
7416
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7417
|
+
--pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
|
|
7418
|
+
--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7419
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7420
|
+
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7421
|
+
--pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
7422
|
+
--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7423
|
+
--pf-v6-c-jump-links__toggle-icon--Rotate: 0;
|
|
7424
|
+
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
7425
|
+
}
|
|
7426
|
+
|
|
7427
|
+
.pf-v6-c-jump-links {
|
|
7428
|
+
display: flex;
|
|
7429
|
+
}
|
|
7430
|
+
|
|
7431
|
+
.pf-v6-c-jump-links.pf-m-center {
|
|
7432
|
+
justify-content: center;
|
|
7433
|
+
}
|
|
7434
|
+
|
|
7435
|
+
.pf-v6-c-jump-links.pf-m-center .pf-v6-c-jump-links__main {
|
|
7436
|
+
align-items: center;
|
|
7437
|
+
}
|
|
7438
|
+
|
|
7439
|
+
.pf-v6-c-jump-links.pf-m-vertical, .pf-v6-c-jump-links.pf-m-expandable {
|
|
7440
|
+
--pf-v6-c-jump-links__list--PaddingBlockStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart);
|
|
7441
|
+
--pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd);
|
|
7442
|
+
--pf-v6-c-jump-links__list--PaddingBlockEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd);
|
|
7443
|
+
--pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart);
|
|
7444
|
+
--pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
|
|
7445
|
+
--pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
|
|
7446
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth);
|
|
7447
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth);
|
|
7448
|
+
--pf-v6-c-jump-links__list--FlexDirection: var(--pf-v6-c-jump-links--m-vertical__list--FlexDirection);
|
|
7449
|
+
flex-direction: column;
|
|
7450
|
+
}
|
|
7451
|
+
|
|
7452
|
+
.pf-v6-c-jump-links.pf-m-expandable {
|
|
7453
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7454
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7455
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7456
|
+
}
|
|
7457
|
+
|
|
7458
|
+
.pf-v6-c-jump-links.pf-m-non-expandable {
|
|
7459
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7460
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7461
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7462
|
+
}
|
|
7463
|
+
|
|
7464
|
+
@media (min-width: 36rem) {
|
|
7465
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-sm {
|
|
7466
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7467
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7468
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7469
|
+
}
|
|
7470
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-sm {
|
|
7471
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7472
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7473
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7474
|
+
}
|
|
7475
|
+
}
|
|
7476
|
+
@media (min-width: 48rem) {
|
|
7477
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-md {
|
|
7478
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7479
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7480
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7481
|
+
}
|
|
7482
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-md {
|
|
7483
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7484
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7485
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7486
|
+
}
|
|
7487
|
+
}
|
|
7488
|
+
@media (min-width: 62rem) {
|
|
7489
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-lg {
|
|
7490
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7491
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7492
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7493
|
+
}
|
|
7494
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-lg {
|
|
7495
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7496
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7497
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7498
|
+
}
|
|
7499
|
+
}
|
|
7500
|
+
@media (min-width: 75rem) {
|
|
7501
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-xl {
|
|
7502
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7503
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7504
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7505
|
+
}
|
|
7506
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-xl {
|
|
7507
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7508
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7509
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7510
|
+
}
|
|
7511
|
+
}
|
|
7512
|
+
@media (min-width: 90.625rem) {
|
|
7513
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-2xl {
|
|
7514
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7515
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7516
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7517
|
+
}
|
|
7518
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-2xl {
|
|
7519
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7520
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7521
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7522
|
+
}
|
|
7523
|
+
}
|
|
7524
|
+
.pf-v6-c-jump-links.pf-m-expanded {
|
|
7525
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7526
|
+
--pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd);
|
|
7527
|
+
--pf-v6-c-jump-links__toggle-icon--Rotate: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate);
|
|
7528
|
+
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Color);
|
|
7529
|
+
}
|
|
7530
|
+
|
|
7531
|
+
.pf-v6-c-jump-links__list {
|
|
7532
|
+
position: relative;
|
|
7533
|
+
display: var(--pf-v6-c-jump-links__list--Display);
|
|
7534
|
+
flex-direction: var(--pf-v6-c-jump-links__list--FlexDirection);
|
|
7535
|
+
padding-block-start: var(--pf-v6-c-jump-links__list--PaddingBlockStart);
|
|
7536
|
+
padding-block-end: var(--pf-v6-c-jump-links__list--PaddingBlockEnd);
|
|
7537
|
+
padding-inline-start: var(--pf-v6-c-jump-links__list--PaddingInlineStart);
|
|
7538
|
+
padding-inline-end: var(--pf-v6-c-jump-links__list--PaddingInlineEnd);
|
|
7539
|
+
}
|
|
7540
|
+
|
|
7541
|
+
.pf-v6-c-jump-links__list::before {
|
|
7542
|
+
position: absolute;
|
|
7543
|
+
inset: 0;
|
|
7544
|
+
pointer-events: none;
|
|
7545
|
+
content: "";
|
|
7546
|
+
border: solid var(--pf-v6-c-jump-links__list--before--BorderColor);
|
|
7547
|
+
border-block-start-width: var(--pf-v6-c-jump-links__list--before--BorderBlockStartWidth);
|
|
7548
|
+
border-block-end-width: var(--pf-v6-c-jump-links__list--before--BorderBlockEndWidth);
|
|
7549
|
+
border-inline-start-width: var(--pf-v6-c-jump-links__list--before--BorderInlineStartWidth);
|
|
7550
|
+
border-inline-end-width: var(--pf-v6-c-jump-links__list--before--BorderInlineEndWidth);
|
|
7551
|
+
}
|
|
7552
|
+
|
|
7553
|
+
.pf-v6-c-jump-links__list .pf-v6-c-jump-links__list {
|
|
7554
|
+
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
|
7555
|
+
--pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
|
|
7556
|
+
--pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockStart);
|
|
7557
|
+
--pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd);
|
|
7558
|
+
--pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-v6-c-jump-links__list__list__link--PaddingInlineStart);
|
|
7559
|
+
margin-block-start: var(--pf-v6-c-jump-links__list__list--MarginBlockStart);
|
|
7560
|
+
}
|
|
7561
|
+
|
|
7562
|
+
.pf-v6-c-jump-links__link {
|
|
7563
|
+
position: relative;
|
|
7564
|
+
display: flex;
|
|
7565
|
+
flex: 1;
|
|
7566
|
+
padding-block-start: var(--pf-v6-c-jump-links__link--PaddingBlockStart);
|
|
7567
|
+
padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
|
|
7568
|
+
padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
|
|
7569
|
+
padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
|
|
7570
|
+
text-decoration: none;
|
|
7571
|
+
outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
|
|
7572
|
+
}
|
|
7573
|
+
|
|
7574
|
+
.pf-v6-c-jump-links__link:is(:hover, :focus) {
|
|
7575
|
+
--pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
|
|
7576
|
+
}
|
|
7577
|
+
|
|
7578
|
+
.pf-v6-c-jump-links__link::before {
|
|
7579
|
+
position: absolute;
|
|
7580
|
+
inset: 0;
|
|
7581
|
+
pointer-events: none;
|
|
7582
|
+
content: "";
|
|
7583
|
+
border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
|
|
7584
|
+
border-style: solid;
|
|
7585
|
+
border-block-start-width: var(--pf-v6-c-jump-links__link--before--BorderBlockStartWidth);
|
|
7586
|
+
border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
|
|
7587
|
+
border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
|
|
7588
|
+
border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
|
|
7589
|
+
}
|
|
7590
|
+
|
|
7591
|
+
.pf-v6-c-jump-links__item {
|
|
7592
|
+
--pf-v6-c-jump-links__list--before--BorderColor: transparent;
|
|
7593
|
+
}
|
|
7594
|
+
|
|
7595
|
+
.pf-v6-c-jump-links__item.pf-m-current > .pf-v6-c-jump-links__link {
|
|
7596
|
+
--pf-v6-c-jump-links__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth);
|
|
7597
|
+
--pf-v6-c-jump-links__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth);
|
|
7598
|
+
--pf-v6-c-jump-links__link--before--BorderColor: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderColor);
|
|
7599
|
+
--pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__item--m-current__link-text--Color);
|
|
7600
|
+
}
|
|
7601
|
+
|
|
7602
|
+
.pf-v6-c-jump-links__link-text {
|
|
7603
|
+
color: var(--pf-v6-c-jump-links__link-text--Color);
|
|
7604
|
+
}
|
|
7605
|
+
|
|
7606
|
+
.pf-v6-c-jump-links__label {
|
|
7607
|
+
display: var(--pf-v6-c-jump-links__label--Display);
|
|
7608
|
+
margin-block-end: var(--pf-v6-c-jump-links__label--MarginBlockEnd);
|
|
7609
|
+
}
|
|
7610
|
+
|
|
7611
|
+
.pf-v6-c-jump-links__main {
|
|
7612
|
+
display: flex;
|
|
7613
|
+
flex-direction: column;
|
|
7614
|
+
}
|
|
7615
|
+
|
|
7616
|
+
.pf-v6-c-jump-links__toggle {
|
|
7617
|
+
display: var(--pf-v6-c-jump-links__toggle--Display);
|
|
7618
|
+
margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
|
|
7619
|
+
}
|
|
7620
|
+
|
|
7621
|
+
.pf-v6-c-jump-links__toggle-icon {
|
|
7622
|
+
display: inline-block;
|
|
7623
|
+
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
7624
|
+
transition: transform var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration) var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
7625
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
7626
|
+
}
|
|
7627
|
+
|
|
7628
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
7629
|
+
scale: -1 1;
|
|
7630
|
+
}
|
|
7631
|
+
|
|
7632
|
+
:root,
|
|
7633
|
+
.pf-v6-c-sidebar {
|
|
7634
|
+
--pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
|
|
7635
|
+
--pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
|
|
7636
|
+
--pf-v6-c-sidebar--BorderWidth--base: var(--pf-t--global--border--width--regular);
|
|
7637
|
+
--pf-v6-c-sidebar--BorderColor--base: var(--pf-t--global--border--color--default);
|
|
7638
|
+
--pf-v6-c-sidebar__panel--PaddingBlockStart: 0;
|
|
7639
|
+
--pf-v6-c-sidebar__panel--PaddingInlineEnd: 0;
|
|
7640
|
+
--pf-v6-c-sidebar__panel--PaddingBlockEnd: 0;
|
|
7641
|
+
--pf-v6-c-sidebar__panel--PaddingInlineStart: 0;
|
|
7642
|
+
--pf-v6-c-sidebar__panel--Order: -1;
|
|
7643
|
+
--pf-v6-c-sidebar__panel--m-padding--PaddingBlockStart: var(--pf-v6-c-sidebar--inset);
|
|
7644
|
+
--pf-v6-c-sidebar__panel--m-padding--PaddingInlineEnd: var(--pf-v6-c-sidebar--inset);
|
|
7645
|
+
--pf-v6-c-sidebar__panel--m-padding--PaddingBlockEnd: var(--pf-v6-c-sidebar--inset);
|
|
7646
|
+
--pf-v6-c-sidebar__panel--m-padding--PaddingInlineStart: var(--pf-v6-c-sidebar--inset);
|
|
7647
|
+
--pf-v6-c-sidebar__content--PaddingBlockStart: 0;
|
|
7648
|
+
--pf-v6-c-sidebar__content--PaddingInlineEnd: 0;
|
|
7649
|
+
--pf-v6-c-sidebar__content--PaddingBlockEnd: 0;
|
|
7650
|
+
--pf-v6-c-sidebar__content--PaddingInlineStart: 0;
|
|
7651
|
+
--pf-v6-c-sidebar__content--Order: 1;
|
|
7652
|
+
--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart: var(--pf-v6-c-sidebar--inset);
|
|
7653
|
+
--pf-v6-c-sidebar__content--m-padding--PaddingInlineEnd: var(--pf-v6-c-sidebar--inset);
|
|
7654
|
+
--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd: var(--pf-v6-c-sidebar--inset);
|
|
7655
|
+
--pf-v6-c-sidebar__content--m-padding--PaddingInlineStart: var(--pf-v6-c-sidebar--inset);
|
|
7656
|
+
--pf-v6-c-sidebar__main--FlexDirection: column;
|
|
7657
|
+
--pf-v6-c-sidebar__main--md--FlexDirection: row;
|
|
7658
|
+
--pf-v6-c-sidebar__main--AlignItems: stretch;
|
|
7659
|
+
--pf-v6-c-sidebar__main--md--AlignItems: flex-start;
|
|
7660
|
+
--pf-v6-c-sidebar__main--child--MarginBlockStart: 0;
|
|
7661
|
+
--pf-v6-c-sidebar--m-gutter__main--Gap: var(--pf-v6-c-sidebar--inset);
|
|
7662
|
+
--pf-v6-c-sidebar__main--m-border--before--Display: none;
|
|
7663
|
+
--pf-v6-c-sidebar__main--m-border--before--md--Display: block;
|
|
7664
|
+
--pf-v6-c-sidebar__main--m-border--before--BorderWidth: var(--pf-v6-c-sidebar--BorderWidth--base);
|
|
7665
|
+
--pf-v6-c-sidebar__main--m-border--before--BorderColor: var(--pf-v6-c-sidebar--BorderColor--base);
|
|
7666
|
+
--pf-v6-c-sidebar--m-panel-right__panel--Order: -1;
|
|
7667
|
+
--pf-v6-c-sidebar--m-panel-right__panel--md--Order: 1;
|
|
7668
|
+
--pf-v6-c-sidebar--m-panel-right__content--md--Order: -1;
|
|
7669
|
+
--pf-v6-c-sidebar--m-stack__main--FlexDirection: column;
|
|
7670
|
+
--pf-v6-c-sidebar--m-stack__main--AlignItems: stretch;
|
|
7671
|
+
--pf-v6-c-sidebar--m-stack__panel--Position: sticky;
|
|
7672
|
+
--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart: 0;
|
|
7673
|
+
--pf-v6-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
|
|
7674
|
+
--pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
|
|
7675
|
+
--pf-v6-c-sidebar--m-split__main--AlignItems: flex-start;
|
|
7676
|
+
--pf-v6-c-sidebar--m-split__main--FlexDirection: row;
|
|
7677
|
+
--pf-v6-c-sidebar--m-split__panel--Position: static;
|
|
7678
|
+
--pf-v6-c-sidebar--m-split__panel--InsetBlockStart: auto;
|
|
7679
|
+
--pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
|
|
7680
|
+
--pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
|
|
7681
|
+
--pf-v6-c-sidebar__panel--FlexBasis--base: auto;
|
|
7682
|
+
--pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
|
|
7683
|
+
--pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
|
|
7684
|
+
--pf-v6-c-sidebar__panel--InsetBlockStart: 0;
|
|
7685
|
+
--pf-v6-c-sidebar__panel--md--InsetBlockStart: auto;
|
|
7686
|
+
--pf-v6-c-sidebar__panel--Position: sticky;
|
|
7687
|
+
--pf-v6-c-sidebar__panel--md--Position: static;
|
|
7688
|
+
--pf-v6-c-sidebar__panel--FlexBasis-base: auto;
|
|
7689
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis-base);
|
|
7690
|
+
--pf-v6-c-sidebar__panel--md--FlexBasis: 15.625rem;
|
|
7691
|
+
--pf-v6-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
|
|
7692
|
+
--pf-v6-c-sidebar__panel--m-stack--FlexBasis: auto;
|
|
7693
|
+
--pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--z-index--xs);
|
|
7694
|
+
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7695
|
+
--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7696
|
+
--pf-v6-c-sidebar__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7697
|
+
--pf-v6-c-sidebar__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7698
|
+
--pf-v6-c-sidebar__panel--m-sticky--InsetBlockStart: 0;
|
|
7699
|
+
--pf-v6-c-sidebar__panel--m-sticky--Position: sticky;
|
|
7700
|
+
}
|
|
7701
|
+
|
|
7702
|
+
.pf-v6-c-sidebar {
|
|
7703
|
+
height: 100%;
|
|
7704
|
+
}
|
|
7705
|
+
|
|
7706
|
+
@media (min-width: 48rem) {
|
|
7707
|
+
.pf-v6-c-sidebar {
|
|
7708
|
+
--pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
|
|
7709
|
+
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
|
|
7710
|
+
--pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar__main--m-border--before--md--Display);
|
|
7711
|
+
--pf-v6-c-sidebar__panel--BoxShadow: none;
|
|
7712
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--md--FlexBasis);
|
|
7713
|
+
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--md--InsetBlockStart);
|
|
7714
|
+
--pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar__panel--md--Position);
|
|
7715
|
+
}
|
|
7716
|
+
}
|
|
7458
7717
|
@media (min-width: 75rem) {
|
|
7459
7718
|
.pf-v6-c-sidebar {
|
|
7460
7719
|
--pf-v6-c-sidebar--inset: var(--pf-v6-c-sidebar--xl--inset);
|
|
@@ -7730,262 +7989,148 @@ label.pf-v6-c-input-group__text {
|
|
|
7730
7989
|
}
|
|
7731
7990
|
}
|
|
7732
7991
|
:root,
|
|
7733
|
-
.pf-v6-c-
|
|
7734
|
-
--pf-v6-c-
|
|
7735
|
-
--pf-v6-c-
|
|
7736
|
-
--pf-v6-c-
|
|
7737
|
-
--pf-v6-c-
|
|
7738
|
-
--pf-v6-c-
|
|
7739
|
-
--pf-v6-c-
|
|
7740
|
-
--pf-v6-c-
|
|
7741
|
-
--pf-v6-c-
|
|
7742
|
-
--pf-v6-c-
|
|
7743
|
-
--pf-v6-c-
|
|
7744
|
-
--pf-v6-c-
|
|
7745
|
-
--pf-v6-c-
|
|
7746
|
-
--pf-v6-c-
|
|
7747
|
-
--pf-v6-c-
|
|
7748
|
-
--pf-v6-c-
|
|
7749
|
-
--pf-v6-c-
|
|
7750
|
-
--pf-v6-c-
|
|
7751
|
-
--pf-v6-c-
|
|
7752
|
-
--pf-v6-c-
|
|
7753
|
-
--pf-v6-c-
|
|
7754
|
-
--pf-v6-c-
|
|
7755
|
-
--pf-v6-c-
|
|
7756
|
-
--pf-v6-c-
|
|
7757
|
-
--pf-v6-c-
|
|
7758
|
-
--pf-v6-c-
|
|
7759
|
-
--pf-v6-c-
|
|
7760
|
-
--pf-v6-c-
|
|
7761
|
-
--pf-v6-c-
|
|
7762
|
-
--pf-v6-c-
|
|
7763
|
-
--pf-v6-c-
|
|
7764
|
-
--pf-v6-c-
|
|
7765
|
-
--pf-v6-c-jump-links__link--before--BorderColor: transparent;
|
|
7766
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
7767
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
|
|
7768
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7769
|
-
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
|
|
7770
|
-
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
7771
|
-
--pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7772
|
-
--pf-v6-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7773
|
-
--pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
|
|
7774
|
-
--pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
7775
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7776
|
-
--pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
|
|
7777
|
-
--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7778
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7779
|
-
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7780
|
-
--pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
7781
|
-
--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7782
|
-
--pf-v6-c-jump-links__toggle-icon--Rotate: 0;
|
|
7783
|
-
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
7784
|
-
}
|
|
7785
|
-
|
|
7786
|
-
.pf-v6-c-jump-links {
|
|
7787
|
-
display: flex;
|
|
7788
|
-
}
|
|
7789
|
-
|
|
7790
|
-
.pf-v6-c-jump-links.pf-m-center {
|
|
7791
|
-
justify-content: center;
|
|
7992
|
+
.pf-v6-c-label-group {
|
|
7993
|
+
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
7994
|
+
--pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
7995
|
+
--pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
|
|
7996
|
+
--pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
7997
|
+
--pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
|
|
7998
|
+
--pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
7999
|
+
--pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
|
|
8000
|
+
--pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8001
|
+
--pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8002
|
+
--pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8003
|
+
--pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8004
|
+
--pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8005
|
+
--pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8006
|
+
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8007
|
+
--pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
8008
|
+
--pf-v6-c-label-group--m-category--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8009
|
+
--pf-v6-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
8010
|
+
--pf-v6-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
8011
|
+
--pf-v6-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
|
|
8012
|
+
--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8013
|
+
--pf-v6-c-label-group__label--MaxWidth: 18ch;
|
|
8014
|
+
--pf-v6-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
8015
|
+
--pf-v6-c-label-group__close--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8016
|
+
--pf-v6-c-label-group__close--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8017
|
+
--pf-v6-c-label-group__close--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
8018
|
+
--pf-v6-c-label-group__close--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8019
|
+
--pf-v6-c-label-group__textarea--MinWidth: 12.5rem;
|
|
8020
|
+
--pf-v6-c-label-group__textarea--PaddingBlockStart: 0.125rem;
|
|
8021
|
+
--pf-v6-c-label-group__textarea--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
8022
|
+
--pf-v6-c-label-group__textarea--PaddingBlockEnd: 0;
|
|
8023
|
+
--pf-v6-c-label-group__textarea--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
7792
8024
|
}
|
|
7793
8025
|
|
|
7794
|
-
.pf-v6-c-
|
|
8026
|
+
.pf-v6-c-label-group {
|
|
8027
|
+
display: inline-flex;
|
|
8028
|
+
row-gap: var(--pf-v6-c-label-group--RowGap);
|
|
8029
|
+
column-gap: var(--pf-v6-c-label-group--ColumnGap);
|
|
7795
8030
|
align-items: center;
|
|
7796
8031
|
}
|
|
7797
8032
|
|
|
7798
|
-
.pf-v6-c-
|
|
7799
|
-
|
|
7800
|
-
|
|
7801
|
-
|
|
7802
|
-
|
|
7803
|
-
|
|
7804
|
-
--pf-v6-c-
|
|
7805
|
-
|
|
7806
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth);
|
|
7807
|
-
--pf-v6-c-jump-links__list--FlexDirection: var(--pf-v6-c-jump-links--m-vertical__list--FlexDirection);
|
|
7808
|
-
flex-direction: column;
|
|
7809
|
-
}
|
|
7810
|
-
|
|
7811
|
-
.pf-v6-c-jump-links.pf-m-expandable {
|
|
7812
|
-
--pf-v6-c-jump-links__list--Display: none;
|
|
7813
|
-
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7814
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7815
|
-
}
|
|
7816
|
-
|
|
7817
|
-
.pf-v6-c-jump-links.pf-m-non-expandable {
|
|
7818
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7819
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7820
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7821
|
-
}
|
|
7822
|
-
|
|
7823
|
-
@media (min-width: 36rem) {
|
|
7824
|
-
.pf-v6-c-jump-links.pf-m-expandable-on-sm {
|
|
7825
|
-
--pf-v6-c-jump-links__list--Display: none;
|
|
7826
|
-
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7827
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7828
|
-
}
|
|
7829
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-sm {
|
|
7830
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7831
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7832
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7833
|
-
}
|
|
7834
|
-
}
|
|
7835
|
-
@media (min-width: 48rem) {
|
|
7836
|
-
.pf-v6-c-jump-links.pf-m-expandable-on-md {
|
|
7837
|
-
--pf-v6-c-jump-links__list--Display: none;
|
|
7838
|
-
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7839
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7840
|
-
}
|
|
7841
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-md {
|
|
7842
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7843
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7844
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7845
|
-
}
|
|
7846
|
-
}
|
|
7847
|
-
@media (min-width: 62rem) {
|
|
7848
|
-
.pf-v6-c-jump-links.pf-m-expandable-on-lg {
|
|
7849
|
-
--pf-v6-c-jump-links__list--Display: none;
|
|
7850
|
-
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7851
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7852
|
-
}
|
|
7853
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-lg {
|
|
7854
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7855
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7856
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7857
|
-
}
|
|
7858
|
-
}
|
|
7859
|
-
@media (min-width: 75rem) {
|
|
7860
|
-
.pf-v6-c-jump-links.pf-m-expandable-on-xl {
|
|
7861
|
-
--pf-v6-c-jump-links__list--Display: none;
|
|
7862
|
-
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7863
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7864
|
-
}
|
|
7865
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-xl {
|
|
7866
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7867
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7868
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7869
|
-
}
|
|
7870
|
-
}
|
|
7871
|
-
@media (min-width: 90.625rem) {
|
|
7872
|
-
.pf-v6-c-jump-links.pf-m-expandable-on-2xl {
|
|
7873
|
-
--pf-v6-c-jump-links__list--Display: none;
|
|
7874
|
-
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7875
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7876
|
-
}
|
|
7877
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-2xl {
|
|
7878
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7879
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7880
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7881
|
-
}
|
|
7882
|
-
}
|
|
7883
|
-
.pf-v6-c-jump-links.pf-m-expanded {
|
|
7884
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7885
|
-
--pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd);
|
|
7886
|
-
--pf-v6-c-jump-links__toggle-icon--Rotate: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate);
|
|
7887
|
-
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Color);
|
|
7888
|
-
}
|
|
7889
|
-
|
|
7890
|
-
.pf-v6-c-jump-links__list {
|
|
7891
|
-
position: relative;
|
|
7892
|
-
display: var(--pf-v6-c-jump-links__list--Display);
|
|
7893
|
-
flex-direction: var(--pf-v6-c-jump-links__list--FlexDirection);
|
|
7894
|
-
padding-block-start: var(--pf-v6-c-jump-links__list--PaddingBlockStart);
|
|
7895
|
-
padding-block-end: var(--pf-v6-c-jump-links__list--PaddingBlockEnd);
|
|
7896
|
-
padding-inline-start: var(--pf-v6-c-jump-links__list--PaddingInlineStart);
|
|
7897
|
-
padding-inline-end: var(--pf-v6-c-jump-links__list--PaddingInlineEnd);
|
|
8033
|
+
.pf-v6-c-label-group.pf-m-category {
|
|
8034
|
+
padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
|
|
8035
|
+
padding-block-end: var(--pf-v6-c-label-group--m-category--PaddingBlockEnd);
|
|
8036
|
+
padding-inline-start: var(--pf-v6-c-label-group--m-category--PaddingInlineStart);
|
|
8037
|
+
padding-inline-end: var(--pf-v6-c-label-group--m-category--PaddingInlineEnd);
|
|
8038
|
+
background-color: var(--pf-v6-c-label-group--m-category--BackgroundColor);
|
|
8039
|
+
border: var(--pf-v6-c-label-group--m-category--BorderWidth) solid var(--pf-v6-c-label-group--m-category--BorderColor);
|
|
8040
|
+
border-radius: var(--pf-v6-c-label-group--m-category--BorderRadius);
|
|
7898
8041
|
}
|
|
7899
8042
|
|
|
7900
|
-
.pf-v6-c-
|
|
7901
|
-
|
|
7902
|
-
|
|
7903
|
-
|
|
7904
|
-
|
|
7905
|
-
|
|
7906
|
-
|
|
7907
|
-
|
|
7908
|
-
border-inline-start-width: var(--pf-v6-c-jump-links__list--before--BorderInlineStartWidth);
|
|
7909
|
-
border-inline-end-width: var(--pf-v6-c-jump-links__list--before--BorderInlineEndWidth);
|
|
8043
|
+
.pf-v6-c-label-group.pf-m-vertical {
|
|
8044
|
+
--pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
|
|
8045
|
+
--pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
|
|
8046
|
+
--pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
|
|
8047
|
+
--pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
|
|
8048
|
+
--pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
|
|
8049
|
+
--pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
|
|
8050
|
+
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
|
|
7910
8051
|
}
|
|
7911
8052
|
|
|
7912
|
-
.pf-v6-c-
|
|
7913
|
-
|
|
7914
|
-
--pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
|
|
7915
|
-
--pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockStart);
|
|
7916
|
-
--pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd);
|
|
7917
|
-
--pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-v6-c-jump-links__list__list__link--PaddingInlineStart);
|
|
7918
|
-
margin-block-start: var(--pf-v6-c-jump-links__list__list--MarginBlockStart);
|
|
8053
|
+
.pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
|
|
8054
|
+
align-items: flex-start;
|
|
7919
8055
|
}
|
|
7920
8056
|
|
|
7921
|
-
.pf-v6-c-
|
|
7922
|
-
|
|
7923
|
-
|
|
7924
|
-
flex: 1;
|
|
7925
|
-
padding-block-start: var(--pf-v6-c-jump-links__link--PaddingBlockStart);
|
|
7926
|
-
padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
|
|
7927
|
-
padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
|
|
7928
|
-
padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
|
|
7929
|
-
text-decoration: none;
|
|
7930
|
-
outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
|
|
8057
|
+
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
|
|
8058
|
+
flex-direction: column;
|
|
8059
|
+
align-items: flex-start;
|
|
7931
8060
|
}
|
|
7932
8061
|
|
|
7933
|
-
.pf-v6-c-
|
|
7934
|
-
|
|
8062
|
+
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
|
|
8063
|
+
flex-direction: column;
|
|
7935
8064
|
}
|
|
7936
8065
|
|
|
7937
|
-
.pf-v6-c-
|
|
7938
|
-
|
|
7939
|
-
|
|
7940
|
-
|
|
7941
|
-
content: "";
|
|
7942
|
-
border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
|
|
7943
|
-
border-style: solid;
|
|
7944
|
-
border-block-start-width: var(--pf-v6-c-jump-links__link--before--BorderBlockStartWidth);
|
|
7945
|
-
border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
|
|
7946
|
-
border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
|
|
7947
|
-
border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
|
|
8066
|
+
.pf-v6-c-label-group.pf-m-editable,
|
|
8067
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
8068
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
|
|
8069
|
+
display: flex;
|
|
7948
8070
|
}
|
|
7949
8071
|
|
|
7950
|
-
.pf-v6-c-
|
|
7951
|
-
|
|
8072
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
8073
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
|
|
8074
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
|
|
8075
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
|
|
8076
|
+
flex: 1;
|
|
7952
8077
|
}
|
|
7953
8078
|
|
|
7954
|
-
.pf-v6-c-
|
|
7955
|
-
|
|
7956
|
-
|
|
7957
|
-
|
|
7958
|
-
|
|
8079
|
+
.pf-v6-c-label-group__main {
|
|
8080
|
+
display: flex;
|
|
8081
|
+
flex: 1;
|
|
8082
|
+
flex-wrap: wrap;
|
|
8083
|
+
row-gap: var(--pf-v6-c-label-group__main--RowGap);
|
|
8084
|
+
column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
|
|
8085
|
+
align-items: baseline;
|
|
7959
8086
|
}
|
|
7960
8087
|
|
|
7961
|
-
.pf-v6-c-
|
|
7962
|
-
|
|
8088
|
+
.pf-v6-c-label-group__list {
|
|
8089
|
+
display: inline-flex;
|
|
8090
|
+
flex-wrap: wrap;
|
|
8091
|
+
row-gap: var(--pf-v6-c-label-group__list--RowGap);
|
|
8092
|
+
column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
|
|
7963
8093
|
}
|
|
7964
8094
|
|
|
7965
|
-
.pf-v6-c-
|
|
7966
|
-
display:
|
|
7967
|
-
margin-block-end: var(--pf-v6-c-jump-links__label--MarginBlockEnd);
|
|
8095
|
+
.pf-v6-c-label-group__list-item {
|
|
8096
|
+
display: inline-flex;
|
|
7968
8097
|
}
|
|
7969
8098
|
|
|
7970
|
-
.pf-v6-c-
|
|
8099
|
+
.pf-v6-c-label-group__label {
|
|
8100
|
+
overflow: hidden;
|
|
8101
|
+
text-overflow: ellipsis;
|
|
8102
|
+
white-space: nowrap;
|
|
8103
|
+
max-width: var(--pf-v6-c-label-group__label--MaxWidth);
|
|
8104
|
+
}
|
|
8105
|
+
|
|
8106
|
+
.pf-v6-c-label-group__close {
|
|
7971
8107
|
display: flex;
|
|
7972
|
-
|
|
8108
|
+
align-self: flex-start;
|
|
7973
8109
|
}
|
|
7974
8110
|
|
|
7975
|
-
.pf-v6-c-
|
|
7976
|
-
|
|
7977
|
-
|
|
8111
|
+
.pf-v6-c-label-group__close .pf-v6-c-button {
|
|
8112
|
+
--pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
|
|
8113
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
|
|
8114
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
|
|
8115
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
|
|
8116
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
|
|
7978
8117
|
}
|
|
7979
8118
|
|
|
7980
|
-
.pf-v6-c-
|
|
7981
|
-
|
|
7982
|
-
|
|
7983
|
-
|
|
7984
|
-
|
|
8119
|
+
.pf-v6-c-label-group__textarea {
|
|
8120
|
+
min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
|
|
8121
|
+
padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
|
|
8122
|
+
padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
|
|
8123
|
+
padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
|
|
8124
|
+
padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
|
|
8125
|
+
white-space: nowrap;
|
|
8126
|
+
resize: none;
|
|
8127
|
+
border: 0;
|
|
8128
|
+
-ms-overflow-style: none;
|
|
8129
|
+
scrollbar-width: none;
|
|
7985
8130
|
}
|
|
7986
8131
|
|
|
7987
|
-
|
|
7988
|
-
|
|
8132
|
+
.pf-v6-c-label-group__textarea::-webkit-scrollbar {
|
|
8133
|
+
display: none;
|
|
7989
8134
|
}
|
|
7990
8135
|
|
|
7991
8136
|
:root,
|
|
@@ -8477,188 +8622,43 @@ label.pf-v6-c-input-group__text {
|
|
|
8477
8622
|
color: var(--pf-v6-c-label--Color);
|
|
8478
8623
|
cursor: var(--pf-v6-c-label__content--Cursor, revert);
|
|
8479
8624
|
background: transparent;
|
|
8480
|
-
border-width: 0;
|
|
8481
|
-
}
|
|
8482
|
-
|
|
8483
|
-
.pf-v6-c-label__content::before {
|
|
8484
|
-
position: absolute;
|
|
8485
|
-
inset: 0;
|
|
8486
|
-
z-index: -1;
|
|
8487
|
-
pointer-events: none;
|
|
8488
|
-
content: "";
|
|
8489
|
-
background-color: var(--pf-v6-c-label--BackgroundColor);
|
|
8490
|
-
border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
|
|
8491
|
-
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
8492
|
-
}
|
|
8493
|
-
|
|
8494
|
-
input.pf-v6-c-label__content {
|
|
8495
|
-
overflow: hidden;
|
|
8496
|
-
text-overflow: ellipsis;
|
|
8497
|
-
white-space: nowrap;
|
|
8498
|
-
}
|
|
8499
|
-
|
|
8500
|
-
.pf-v6-c-label__icon {
|
|
8501
|
-
color: var(--pf-v6-c-label__icon--Color);
|
|
8502
|
-
}
|
|
8503
|
-
|
|
8504
|
-
.pf-v6-c-label__actions {
|
|
8505
|
-
margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
|
|
8506
|
-
}
|
|
8507
|
-
|
|
8508
|
-
.pf-v6-c-label__actions .pf-v6-c-button {
|
|
8509
|
-
--pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
|
|
8510
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
|
|
8511
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label__actions--c-button--PaddingInlineEnd);
|
|
8512
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label__actions--c-button--PaddingBlockEnd);
|
|
8513
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label__actions--c-button--PaddingInlineStart);
|
|
8514
|
-
margin-block-start: var(--pf-v6-c-label__actions--c-button--MarginBlockStart);
|
|
8515
|
-
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
|
8516
|
-
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
8517
|
-
}
|
|
8518
|
-
|
|
8519
|
-
:root,
|
|
8520
|
-
.pf-v6-c-label-group {
|
|
8521
|
-
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
8522
|
-
--pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8523
|
-
--pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
|
|
8524
|
-
--pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
8525
|
-
--pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
|
|
8526
|
-
--pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
8527
|
-
--pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
|
|
8528
|
-
--pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8529
|
-
--pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8530
|
-
--pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8531
|
-
--pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8532
|
-
--pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8533
|
-
--pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8534
|
-
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8535
|
-
--pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
8536
|
-
--pf-v6-c-label-group--m-category--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8537
|
-
--pf-v6-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
8538
|
-
--pf-v6-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
8539
|
-
--pf-v6-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
|
|
8540
|
-
--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8541
|
-
--pf-v6-c-label-group__label--MaxWidth: 18ch;
|
|
8542
|
-
--pf-v6-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
8543
|
-
--pf-v6-c-label-group__close--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8544
|
-
--pf-v6-c-label-group__close--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8545
|
-
--pf-v6-c-label-group__close--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
8546
|
-
--pf-v6-c-label-group__close--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8547
|
-
--pf-v6-c-label-group__textarea--MinWidth: 12.5rem;
|
|
8548
|
-
--pf-v6-c-label-group__textarea--PaddingBlockStart: 0.125rem;
|
|
8549
|
-
--pf-v6-c-label-group__textarea--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
8550
|
-
--pf-v6-c-label-group__textarea--PaddingBlockEnd: 0;
|
|
8551
|
-
--pf-v6-c-label-group__textarea--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
8552
|
-
}
|
|
8553
|
-
|
|
8554
|
-
.pf-v6-c-label-group {
|
|
8555
|
-
display: inline-flex;
|
|
8556
|
-
row-gap: var(--pf-v6-c-label-group--RowGap);
|
|
8557
|
-
column-gap: var(--pf-v6-c-label-group--ColumnGap);
|
|
8558
|
-
align-items: center;
|
|
8559
|
-
}
|
|
8560
|
-
|
|
8561
|
-
.pf-v6-c-label-group.pf-m-category {
|
|
8562
|
-
padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
|
|
8563
|
-
padding-block-end: var(--pf-v6-c-label-group--m-category--PaddingBlockEnd);
|
|
8564
|
-
padding-inline-start: var(--pf-v6-c-label-group--m-category--PaddingInlineStart);
|
|
8565
|
-
padding-inline-end: var(--pf-v6-c-label-group--m-category--PaddingInlineEnd);
|
|
8566
|
-
background-color: var(--pf-v6-c-label-group--m-category--BackgroundColor);
|
|
8567
|
-
border: var(--pf-v6-c-label-group--m-category--BorderWidth) solid var(--pf-v6-c-label-group--m-category--BorderColor);
|
|
8568
|
-
border-radius: var(--pf-v6-c-label-group--m-category--BorderRadius);
|
|
8569
|
-
}
|
|
8570
|
-
|
|
8571
|
-
.pf-v6-c-label-group.pf-m-vertical {
|
|
8572
|
-
--pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
|
|
8573
|
-
--pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
|
|
8574
|
-
--pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
|
|
8575
|
-
--pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
|
|
8576
|
-
--pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
|
|
8577
|
-
--pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
|
|
8578
|
-
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
|
|
8579
|
-
}
|
|
8580
|
-
|
|
8581
|
-
.pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
|
|
8582
|
-
align-items: flex-start;
|
|
8583
|
-
}
|
|
8584
|
-
|
|
8585
|
-
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
|
|
8586
|
-
flex-direction: column;
|
|
8587
|
-
align-items: flex-start;
|
|
8588
|
-
}
|
|
8589
|
-
|
|
8590
|
-
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
|
|
8591
|
-
flex-direction: column;
|
|
8592
|
-
}
|
|
8593
|
-
|
|
8594
|
-
.pf-v6-c-label-group.pf-m-editable,
|
|
8595
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
8596
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
|
|
8597
|
-
display: flex;
|
|
8598
|
-
}
|
|
8599
|
-
|
|
8600
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
8601
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
|
|
8602
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
|
|
8603
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
|
|
8604
|
-
flex: 1;
|
|
8605
|
-
}
|
|
8606
|
-
|
|
8607
|
-
.pf-v6-c-label-group__main {
|
|
8608
|
-
display: flex;
|
|
8609
|
-
flex: 1;
|
|
8610
|
-
flex-wrap: wrap;
|
|
8611
|
-
row-gap: var(--pf-v6-c-label-group__main--RowGap);
|
|
8612
|
-
column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
|
|
8613
|
-
align-items: baseline;
|
|
8614
|
-
}
|
|
8615
|
-
|
|
8616
|
-
.pf-v6-c-label-group__list {
|
|
8617
|
-
display: inline-flex;
|
|
8618
|
-
flex-wrap: wrap;
|
|
8619
|
-
row-gap: var(--pf-v6-c-label-group__list--RowGap);
|
|
8620
|
-
column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
|
|
8625
|
+
border-width: 0;
|
|
8621
8626
|
}
|
|
8622
8627
|
|
|
8623
|
-
.pf-v6-c-
|
|
8624
|
-
|
|
8628
|
+
.pf-v6-c-label__content::before {
|
|
8629
|
+
position: absolute;
|
|
8630
|
+
inset: 0;
|
|
8631
|
+
z-index: -1;
|
|
8632
|
+
pointer-events: none;
|
|
8633
|
+
content: "";
|
|
8634
|
+
background-color: var(--pf-v6-c-label--BackgroundColor);
|
|
8635
|
+
border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
|
|
8636
|
+
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
8625
8637
|
}
|
|
8626
8638
|
|
|
8627
|
-
.pf-v6-c-
|
|
8639
|
+
input.pf-v6-c-label__content {
|
|
8628
8640
|
overflow: hidden;
|
|
8629
8641
|
text-overflow: ellipsis;
|
|
8630
8642
|
white-space: nowrap;
|
|
8631
|
-
max-width: var(--pf-v6-c-label-group__label--MaxWidth);
|
|
8632
|
-
}
|
|
8633
|
-
|
|
8634
|
-
.pf-v6-c-label-group__close {
|
|
8635
|
-
display: flex;
|
|
8636
|
-
align-self: flex-start;
|
|
8637
8643
|
}
|
|
8638
8644
|
|
|
8639
|
-
.pf-v6-c-
|
|
8640
|
-
|
|
8641
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
|
|
8642
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
|
|
8643
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
|
|
8644
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
|
|
8645
|
+
.pf-v6-c-label__icon {
|
|
8646
|
+
color: var(--pf-v6-c-label__icon--Color);
|
|
8645
8647
|
}
|
|
8646
8648
|
|
|
8647
|
-
.pf-v6-c-
|
|
8648
|
-
|
|
8649
|
-
padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
|
|
8650
|
-
padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
|
|
8651
|
-
padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
|
|
8652
|
-
padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
|
|
8653
|
-
white-space: nowrap;
|
|
8654
|
-
resize: none;
|
|
8655
|
-
border: 0;
|
|
8656
|
-
-ms-overflow-style: none;
|
|
8657
|
-
scrollbar-width: none;
|
|
8649
|
+
.pf-v6-c-label__actions {
|
|
8650
|
+
margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
|
|
8658
8651
|
}
|
|
8659
8652
|
|
|
8660
|
-
.pf-v6-c-
|
|
8661
|
-
|
|
8653
|
+
.pf-v6-c-label__actions .pf-v6-c-button {
|
|
8654
|
+
--pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
|
|
8655
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
|
|
8656
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label__actions--c-button--PaddingInlineEnd);
|
|
8657
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label__actions--c-button--PaddingBlockEnd);
|
|
8658
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label__actions--c-button--PaddingInlineStart);
|
|
8659
|
+
margin-block-start: var(--pf-v6-c-label__actions--c-button--MarginBlockStart);
|
|
8660
|
+
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
|
8661
|
+
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
8662
8662
|
}
|
|
8663
8663
|
|
|
8664
8664
|
:root,
|
|
@@ -10643,252 +10643,34 @@ ul.pf-v6-c-list {
|
|
|
10643
10643
|
flex-wrap: nowrap;
|
|
10644
10644
|
}
|
|
10645
10645
|
|
|
10646
|
-
.pf-v6-c-menu-toggle__icon,
|
|
10647
|
-
.pf-v6-c-menu-toggle__controls,
|
|
10648
|
-
.pf-v6-c-menu-toggle__toggle-icon {
|
|
10649
|
-
display: flex;
|
|
10650
|
-
align-items: center;
|
|
10651
|
-
justify-content: center;
|
|
10652
|
-
}
|
|
10653
|
-
|
|
10654
|
-
.pf-v6-c-menu-toggle__icon {
|
|
10655
|
-
flex-shrink: 0;
|
|
10656
|
-
min-height: var(--pf-v6-c-menu-toggle__icon--MinHeight);
|
|
10657
|
-
}
|
|
10658
|
-
|
|
10659
|
-
.pf-v6-c-menu-toggle__controls {
|
|
10660
|
-
min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
|
|
10661
|
-
margin-inline-start: auto;
|
|
10662
|
-
}
|
|
10663
|
-
|
|
10664
|
-
.pf-v6-c-menu-toggle__toggle-icon {
|
|
10665
|
-
min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
|
|
10666
|
-
color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
|
|
10667
|
-
}
|
|
10668
|
-
|
|
10669
|
-
.pf-v6-c-menu-toggle__status-icon {
|
|
10670
|
-
margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
|
|
10671
|
-
color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
|
|
10672
|
-
}
|
|
10673
|
-
|
|
10674
|
-
:root,
|
|
10675
|
-
.pf-v6-c-modal-box {
|
|
10676
|
-
--pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
10677
|
-
--pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
10678
|
-
--pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
10679
|
-
--pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
|
|
10680
|
-
--pf-v6-c-modal-box--Width: 100%;
|
|
10681
|
-
--pf-v6-c-modal-box--MaxWidth: calc(100% - var(--pf-t--global--spacer--xl));
|
|
10682
|
-
--pf-v6-c-modal-box--m-sm--sm--MaxWidth: 35rem;
|
|
10683
|
-
--pf-v6-c-modal-box--m-md--Width: 52.5rem;
|
|
10684
|
-
--pf-v6-c-modal-box--m-lg--lg--MaxWidth: 70rem;
|
|
10685
|
-
--pf-v6-c-modal-box--MaxHeight: calc(100% - var(--pf-t--global--spacer--2xl));
|
|
10686
|
-
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-t--global--spacer--sm);
|
|
10687
|
-
--pf-v6-c-modal-box--m-align-top--xl--spacer: var(--pf-t--global--spacer--xl);
|
|
10688
|
-
--pf-v6-c-modal-box--m-align-top--InsetBlockStart: var(--pf-v6-c-modal-box--m-align-top--spacer);
|
|
10689
|
-
--pf-v6-c-modal-box--m-align-top--MaxHeight: calc(100% - min(var(--pf-v6-c-modal-box--m-align-top--spacer), var(--pf-t--global--spacer--2xl)) - var(--pf-v6-c-modal-box--m-align-top--spacer));
|
|
10690
|
-
--pf-v6-c-modal-box--m-align-top--MaxWidth: calc(100% - min(var(--pf-v6-c-modal-box--m-align-top--spacer) * 2, var(--pf-t--global--spacer--xl)));
|
|
10691
|
-
--pf-v6-c-modal-box--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
10692
|
-
--pf-v6-c-modal-box--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
10693
|
-
--pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
10694
|
-
--pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
10695
|
-
--pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
10696
|
-
--pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
10697
|
-
--pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
10698
|
-
--pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
10699
|
-
--pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
10700
|
-
--pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
|
|
10701
|
-
--pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
|
|
10702
|
-
--pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
10703
|
-
--pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
10704
|
-
--pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
10705
|
-
--pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
10706
|
-
--pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
10707
|
-
--pf-v6-c-modal-box__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
10708
|
-
--pf-v6-c-modal-box__title-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
10709
|
-
--pf-v6-c-modal-box__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
10710
|
-
--pf-v6-c-modal-box__description--Color: var(--pf-t--global--text--color--subtle);
|
|
10711
|
-
--pf-v6-c-modal-box__body--MinHeight: calc(var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body));
|
|
10712
|
-
--pf-v6-c-modal-box__body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
10713
|
-
--pf-v6-c-modal-box__body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
10714
|
-
--pf-v6-c-modal-box__body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
10715
|
-
--pf-v6-c-modal-box__body--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
10716
|
-
--pf-v6-c-modal-box__header--body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
10717
|
-
--pf-v6-c-modal-box__close--InsetBlockStart: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
|
|
10718
|
-
--pf-v6-c-modal-box__close--InsetInlineEnd: var(--pf-v6-c-modal-box__header--PaddingInlineEnd);
|
|
10719
|
-
--pf-v6-c-modal-box__close--sibling--MarginInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
|
|
10720
|
-
--pf-v6-c-modal-box__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
10721
|
-
--pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
10722
|
-
--pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
10723
|
-
--pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
10724
|
-
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
10725
|
-
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
|
|
10726
|
-
}
|
|
10727
|
-
|
|
10728
|
-
@media (min-width: 75rem) {
|
|
10729
|
-
:root,
|
|
10730
|
-
.pf-v6-c-modal-box {
|
|
10731
|
-
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
|
10732
|
-
}
|
|
10733
|
-
}
|
|
10734
|
-
.pf-v6-c-modal-box {
|
|
10735
|
-
position: relative;
|
|
10736
|
-
z-index: var(--pf-v6-c-modal-box--ZIndex);
|
|
10737
|
-
display: flex;
|
|
10738
|
-
flex-direction: column;
|
|
10739
|
-
width: var(--pf-v6-c-modal-box--Width);
|
|
10740
|
-
max-width: var(--pf-v6-c-modal-box--MaxWidth);
|
|
10741
|
-
max-height: var(--pf-v6-c-modal-box--MaxHeight);
|
|
10742
|
-
overflow: auto;
|
|
10743
|
-
background-color: var(--pf-v6-c-modal-box--BackgroundColor);
|
|
10744
|
-
border-radius: var(--pf-v6-c-modal-box--BorderRadius);
|
|
10745
|
-
box-shadow: var(--pf-v6-c-modal-box--BoxShadow);
|
|
10746
|
-
}
|
|
10747
|
-
|
|
10748
|
-
.pf-v6-c-modal-box.pf-m-sm {
|
|
10749
|
-
--pf-v6-c-modal-box--Width: var(--pf-v6-c-modal-box--m-sm--sm--MaxWidth);
|
|
10750
|
-
}
|
|
10751
|
-
|
|
10752
|
-
.pf-v6-c-modal-box.pf-m-md {
|
|
10753
|
-
--pf-v6-c-modal-box--Width: var(--pf-v6-c-modal-box--m-md--Width);
|
|
10754
|
-
}
|
|
10755
|
-
|
|
10756
|
-
.pf-v6-c-modal-box.pf-m-lg {
|
|
10757
|
-
--pf-v6-c-modal-box--Width: var(--pf-v6-c-modal-box--m-lg--lg--MaxWidth);
|
|
10758
|
-
}
|
|
10759
|
-
|
|
10760
|
-
.pf-v6-c-modal-box.pf-m-align-top {
|
|
10761
|
-
inset-block-start: var(--pf-v6-c-modal-box--m-align-top--InsetBlockStart);
|
|
10762
|
-
align-self: flex-start;
|
|
10763
|
-
max-width: var(--pf-v6-c-modal-box--m-align-top--MaxWidth);
|
|
10764
|
-
max-height: var(--pf-v6-c-modal-box--m-align-top--MaxHeight);
|
|
10765
|
-
}
|
|
10766
|
-
|
|
10767
|
-
.pf-v6-c-modal-box__title.pf-m-danger, .pf-v6-c-modal-box.pf-m-danger {
|
|
10768
|
-
--pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-danger__title-icon--Color);
|
|
10769
|
-
}
|
|
10770
|
-
|
|
10771
|
-
.pf-v6-c-modal-box__title.pf-m-warning, .pf-v6-c-modal-box.pf-m-warning {
|
|
10772
|
-
--pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-warning__title-icon--Color);
|
|
10773
|
-
}
|
|
10774
|
-
|
|
10775
|
-
.pf-v6-c-modal-box__title.pf-m-success, .pf-v6-c-modal-box.pf-m-success {
|
|
10776
|
-
--pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-success__title-icon--Color);
|
|
10777
|
-
}
|
|
10778
|
-
|
|
10779
|
-
.pf-v6-c-modal-box__title.pf-m-custom, .pf-v6-c-modal-box.pf-m-custom {
|
|
10780
|
-
--pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-custom__title-icon--Color);
|
|
10781
|
-
}
|
|
10782
|
-
|
|
10783
|
-
.pf-v6-c-modal-box__title.pf-m-info, .pf-v6-c-modal-box.pf-m-info {
|
|
10784
|
-
--pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-info__title-icon--Color);
|
|
10785
|
-
}
|
|
10786
|
-
|
|
10787
|
-
.pf-v6-c-modal-box__close {
|
|
10788
|
-
position: absolute;
|
|
10789
|
-
inset-block-start: var(--pf-v6-c-modal-box__close--InsetBlockStart);
|
|
10790
|
-
inset-inline-end: var(--pf-v6-c-modal-box__close--InsetInlineEnd);
|
|
10791
|
-
}
|
|
10792
|
-
|
|
10793
|
-
.pf-v6-c-modal-box__close + * {
|
|
10794
|
-
margin-inline-end: var(--pf-v6-c-modal-box__close--sibling--MarginInlineEnd);
|
|
10795
|
-
}
|
|
10796
|
-
|
|
10797
|
-
.pf-v6-c-modal-box__header {
|
|
10798
|
-
display: flex;
|
|
10799
|
-
flex-direction: column;
|
|
10800
|
-
flex-shrink: 0;
|
|
10801
|
-
gap: var(--pf-v6-c-modal-box__header--Gap);
|
|
10802
|
-
padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
|
|
10803
|
-
padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
|
|
10804
|
-
padding-inline-start: var(--pf-v6-c-modal-box__header--PaddingInlineStart);
|
|
10805
|
-
padding-inline-end: var(--pf-v6-c-modal-box__header--PaddingInlineEnd);
|
|
10806
|
-
}
|
|
10807
|
-
|
|
10808
|
-
.pf-v6-c-modal-box__header.pf-m-help {
|
|
10809
|
-
display: flex;
|
|
10810
|
-
flex-direction: row;
|
|
10811
|
-
}
|
|
10812
|
-
|
|
10813
|
-
.pf-v6-c-modal-box__header + .pf-v6-c-modal-box__body {
|
|
10814
|
-
--pf-v6-c-modal-box__body--PaddingBlockStart: var(--pf-v6-c-modal-box__header--body--PaddingBlockStart);
|
|
10815
|
-
}
|
|
10816
|
-
|
|
10817
|
-
.pf-v6-c-modal-box__header-main {
|
|
10818
|
-
display: flex;
|
|
10819
|
-
flex-direction: column;
|
|
10820
|
-
flex-grow: 1;
|
|
10821
|
-
gap: var(--pf-v6-c-modal-box__header-main--Gap);
|
|
10822
|
-
min-width: 0;
|
|
10823
|
-
padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
|
|
10824
|
-
}
|
|
10825
|
-
|
|
10826
|
-
.pf-v6-c-modal-box__title,
|
|
10827
|
-
.pf-v6-c-modal-box__title-text {
|
|
10828
|
-
overflow: hidden;
|
|
10829
|
-
text-overflow: ellipsis;
|
|
10830
|
-
white-space: nowrap;
|
|
10831
|
-
}
|
|
10832
|
-
|
|
10833
|
-
.pf-v6-c-modal-box__title {
|
|
10834
|
-
flex: 0 0 auto;
|
|
10835
|
-
font-family: var(--pf-v6-c-modal-box__title--FontFamily);
|
|
10836
|
-
font-size: var(--pf-v6-c-modal-box__title--FontSize);
|
|
10837
|
-
font-weight: var(--pf-v6-c-modal-box__title--FontWeight);
|
|
10838
|
-
line-height: var(--pf-v6-c-modal-box__title--LineHeight);
|
|
10839
|
-
}
|
|
10840
|
-
|
|
10841
|
-
.pf-v6-c-modal-box__title.pf-m-icon {
|
|
10842
|
-
display: flex;
|
|
10843
|
-
}
|
|
10844
|
-
|
|
10845
|
-
.pf-v6-c-modal-box__title-icon {
|
|
10846
|
-
margin-inline-end: var(--pf-v6-c-modal-box__title-icon--MarginInlineEnd);
|
|
10847
|
-
color: var(--pf-v6-c-modal-box__title-icon--Color);
|
|
10848
|
-
}
|
|
10849
|
-
|
|
10850
|
-
.pf-v6-c-modal-box__description {
|
|
10851
|
-
padding-block-start: var(--pf-v6-c-modal-box__description--PaddingBlockStart);
|
|
10852
|
-
font-size: var(--pf-v6-c-modal-box__description--FontSize);
|
|
10853
|
-
color: var(--pf-v6-c-modal-box__description--Color);
|
|
10646
|
+
.pf-v6-c-menu-toggle__icon,
|
|
10647
|
+
.pf-v6-c-menu-toggle__controls,
|
|
10648
|
+
.pf-v6-c-menu-toggle__toggle-icon {
|
|
10649
|
+
display: flex;
|
|
10650
|
+
align-items: center;
|
|
10651
|
+
justify-content: center;
|
|
10854
10652
|
}
|
|
10855
10653
|
|
|
10856
|
-
.pf-v6-c-
|
|
10857
|
-
flex:
|
|
10858
|
-
min-height: var(--pf-v6-c-
|
|
10859
|
-
padding-block-start: var(--pf-v6-c-modal-box__body--PaddingBlockStart);
|
|
10860
|
-
padding-inline-start: var(--pf-v6-c-modal-box__body--PaddingInlineStart);
|
|
10861
|
-
padding-inline-end: var(--pf-v6-c-modal-box__body--PaddingInlineEnd);
|
|
10862
|
-
overflow-x: hidden;
|
|
10863
|
-
overflow-y: auto;
|
|
10864
|
-
overscroll-behavior: contain;
|
|
10865
|
-
word-break: break-word;
|
|
10866
|
-
-webkit-overflow-scrolling: touch;
|
|
10654
|
+
.pf-v6-c-menu-toggle__icon {
|
|
10655
|
+
flex-shrink: 0;
|
|
10656
|
+
min-height: var(--pf-v6-c-menu-toggle__icon--MinHeight);
|
|
10867
10657
|
}
|
|
10868
10658
|
|
|
10869
|
-
.pf-v6-c-
|
|
10870
|
-
|
|
10659
|
+
.pf-v6-c-menu-toggle__controls {
|
|
10660
|
+
min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
|
|
10661
|
+
margin-inline-start: auto;
|
|
10871
10662
|
}
|
|
10872
10663
|
|
|
10873
|
-
.pf-v6-c-
|
|
10874
|
-
|
|
10875
|
-
|
|
10876
|
-
align-items: center;
|
|
10877
|
-
padding-block-start: var(--pf-v6-c-modal-box__footer--PaddingBlockStart);
|
|
10878
|
-
padding-block-end: var(--pf-v6-c-modal-box__footer--PaddingBlockEnd);
|
|
10879
|
-
padding-inline-start: var(--pf-v6-c-modal-box__footer--PaddingInlineStart);
|
|
10880
|
-
padding-inline-end: var(--pf-v6-c-modal-box__footer--PaddingInlineEnd);
|
|
10664
|
+
.pf-v6-c-menu-toggle__toggle-icon {
|
|
10665
|
+
min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
|
|
10666
|
+
color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
|
|
10881
10667
|
}
|
|
10882
10668
|
|
|
10883
|
-
.pf-v6-c-
|
|
10884
|
-
margin-inline-end: var(--pf-v6-c-
|
|
10669
|
+
.pf-v6-c-menu-toggle__status-icon {
|
|
10670
|
+
margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
|
|
10671
|
+
color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
|
|
10885
10672
|
}
|
|
10886
10673
|
|
|
10887
|
-
@media screen and (min-width: 36rem) {
|
|
10888
|
-
.pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
|
|
10889
|
-
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd);
|
|
10890
|
-
}
|
|
10891
|
-
}
|
|
10892
10674
|
:root,
|
|
10893
10675
|
.pf-v6-c-multiple-file-upload {
|
|
10894
10676
|
--pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
|
|
@@ -11053,55 +10835,273 @@ ul.pf-v6-c-list {
|
|
|
11053
10835
|
color: var(--pf-v6-c-multiple-file-upload__info--Color);
|
|
11054
10836
|
}
|
|
11055
10837
|
|
|
11056
|
-
.pf-v6-c-multiple-file-upload__status {
|
|
11057
|
-
padding-block-start: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockStart);
|
|
11058
|
-
padding-block-end: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd);
|
|
11059
|
-
padding-inline-start: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineStart);
|
|
11060
|
-
padding-inline-end: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd);
|
|
10838
|
+
.pf-v6-c-multiple-file-upload__status {
|
|
10839
|
+
padding-block-start: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockStart);
|
|
10840
|
+
padding-block-end: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd);
|
|
10841
|
+
padding-inline-start: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineStart);
|
|
10842
|
+
padding-inline-end: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd);
|
|
10843
|
+
}
|
|
10844
|
+
|
|
10845
|
+
.pf-v6-c-multiple-file-upload__status,
|
|
10846
|
+
.pf-v6-c-multiple-file-upload__status-item-main {
|
|
10847
|
+
min-width: 0;
|
|
10848
|
+
}
|
|
10849
|
+
|
|
10850
|
+
.pf-v6-c-multiple-file-upload__status-progress {
|
|
10851
|
+
display: grid;
|
|
10852
|
+
grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns);
|
|
10853
|
+
gap: var(--pf-v6-c-multiple-file-upload__status-progress--Gap);
|
|
10854
|
+
}
|
|
10855
|
+
|
|
10856
|
+
.pf-v6-c-multiple-file-upload__status-progress-icon {
|
|
10857
|
+
color: var(--pf-v6-c-multiple-file-upload__status-progress-icon--Color);
|
|
10858
|
+
}
|
|
10859
|
+
|
|
10860
|
+
.pf-v6-c-multiple-file-upload__status-item {
|
|
10861
|
+
display: grid;
|
|
10862
|
+
grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns);
|
|
10863
|
+
gap: var(--pf-v6-c-multiple-file-upload__status-item--Gap);
|
|
10864
|
+
padding-block-start: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart);
|
|
10865
|
+
padding-block-end: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd);
|
|
10866
|
+
border-block-end: var(--pf-v6-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v6-c-multiple-file-upload__status-item--BorderColor);
|
|
10867
|
+
}
|
|
10868
|
+
|
|
10869
|
+
.pf-v6-c-multiple-file-upload__status-item-icon {
|
|
10870
|
+
color: var(--pf-v6-c-multiple-file-upload__status-item-icon--Color);
|
|
10871
|
+
}
|
|
10872
|
+
|
|
10873
|
+
.pf-v6-c-multiple-file-upload__status-item-progress {
|
|
10874
|
+
display: grid;
|
|
10875
|
+
grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
|
|
10876
|
+
gap: var(--pf-v6-c-multiple-file-upload__status-item-progress--Gap);
|
|
10877
|
+
}
|
|
10878
|
+
|
|
10879
|
+
.pf-v6-c-multiple-file-upload__status-item-progress-text {
|
|
10880
|
+
color: var(--pf-v6-c-multiple-file-upload__status-item-progress-text--Color);
|
|
10881
|
+
}
|
|
10882
|
+
|
|
10883
|
+
.pf-v6-c-multiple-file-upload__status-item-progress-size {
|
|
10884
|
+
color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
|
|
10885
|
+
}
|
|
10886
|
+
|
|
10887
|
+
:root,
|
|
10888
|
+
.pf-v6-c-modal-box {
|
|
10889
|
+
--pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
10890
|
+
--pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
10891
|
+
--pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
10892
|
+
--pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
|
|
10893
|
+
--pf-v6-c-modal-box--Width: 100%;
|
|
10894
|
+
--pf-v6-c-modal-box--MaxWidth: calc(100% - var(--pf-t--global--spacer--xl));
|
|
10895
|
+
--pf-v6-c-modal-box--m-sm--sm--MaxWidth: 35rem;
|
|
10896
|
+
--pf-v6-c-modal-box--m-md--Width: 52.5rem;
|
|
10897
|
+
--pf-v6-c-modal-box--m-lg--lg--MaxWidth: 70rem;
|
|
10898
|
+
--pf-v6-c-modal-box--MaxHeight: calc(100% - var(--pf-t--global--spacer--2xl));
|
|
10899
|
+
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-t--global--spacer--sm);
|
|
10900
|
+
--pf-v6-c-modal-box--m-align-top--xl--spacer: var(--pf-t--global--spacer--xl);
|
|
10901
|
+
--pf-v6-c-modal-box--m-align-top--InsetBlockStart: var(--pf-v6-c-modal-box--m-align-top--spacer);
|
|
10902
|
+
--pf-v6-c-modal-box--m-align-top--MaxHeight: calc(100% - min(var(--pf-v6-c-modal-box--m-align-top--spacer), var(--pf-t--global--spacer--2xl)) - var(--pf-v6-c-modal-box--m-align-top--spacer));
|
|
10903
|
+
--pf-v6-c-modal-box--m-align-top--MaxWidth: calc(100% - min(var(--pf-v6-c-modal-box--m-align-top--spacer) * 2, var(--pf-t--global--spacer--xl)));
|
|
10904
|
+
--pf-v6-c-modal-box--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
10905
|
+
--pf-v6-c-modal-box--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
10906
|
+
--pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
10907
|
+
--pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
10908
|
+
--pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
10909
|
+
--pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
10910
|
+
--pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
10911
|
+
--pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
10912
|
+
--pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
10913
|
+
--pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
|
|
10914
|
+
--pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
|
|
10915
|
+
--pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
10916
|
+
--pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
10917
|
+
--pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
10918
|
+
--pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
10919
|
+
--pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
10920
|
+
--pf-v6-c-modal-box__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
10921
|
+
--pf-v6-c-modal-box__title-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
10922
|
+
--pf-v6-c-modal-box__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
10923
|
+
--pf-v6-c-modal-box__description--Color: var(--pf-t--global--text--color--subtle);
|
|
10924
|
+
--pf-v6-c-modal-box__body--MinHeight: calc(var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body));
|
|
10925
|
+
--pf-v6-c-modal-box__body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
10926
|
+
--pf-v6-c-modal-box__body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
10927
|
+
--pf-v6-c-modal-box__body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
10928
|
+
--pf-v6-c-modal-box__body--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
10929
|
+
--pf-v6-c-modal-box__header--body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
10930
|
+
--pf-v6-c-modal-box__close--InsetBlockStart: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
|
|
10931
|
+
--pf-v6-c-modal-box__close--InsetInlineEnd: var(--pf-v6-c-modal-box__header--PaddingInlineEnd);
|
|
10932
|
+
--pf-v6-c-modal-box__close--sibling--MarginInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
|
|
10933
|
+
--pf-v6-c-modal-box__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
10934
|
+
--pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
10935
|
+
--pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
10936
|
+
--pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
10937
|
+
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
10938
|
+
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
|
|
10939
|
+
}
|
|
10940
|
+
|
|
10941
|
+
@media (min-width: 75rem) {
|
|
10942
|
+
:root,
|
|
10943
|
+
.pf-v6-c-modal-box {
|
|
10944
|
+
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
|
10945
|
+
}
|
|
10946
|
+
}
|
|
10947
|
+
.pf-v6-c-modal-box {
|
|
10948
|
+
position: relative;
|
|
10949
|
+
z-index: var(--pf-v6-c-modal-box--ZIndex);
|
|
10950
|
+
display: flex;
|
|
10951
|
+
flex-direction: column;
|
|
10952
|
+
width: var(--pf-v6-c-modal-box--Width);
|
|
10953
|
+
max-width: var(--pf-v6-c-modal-box--MaxWidth);
|
|
10954
|
+
max-height: var(--pf-v6-c-modal-box--MaxHeight);
|
|
10955
|
+
overflow: auto;
|
|
10956
|
+
background-color: var(--pf-v6-c-modal-box--BackgroundColor);
|
|
10957
|
+
border-radius: var(--pf-v6-c-modal-box--BorderRadius);
|
|
10958
|
+
box-shadow: var(--pf-v6-c-modal-box--BoxShadow);
|
|
10959
|
+
}
|
|
10960
|
+
|
|
10961
|
+
.pf-v6-c-modal-box.pf-m-sm {
|
|
10962
|
+
--pf-v6-c-modal-box--Width: var(--pf-v6-c-modal-box--m-sm--sm--MaxWidth);
|
|
10963
|
+
}
|
|
10964
|
+
|
|
10965
|
+
.pf-v6-c-modal-box.pf-m-md {
|
|
10966
|
+
--pf-v6-c-modal-box--Width: var(--pf-v6-c-modal-box--m-md--Width);
|
|
10967
|
+
}
|
|
10968
|
+
|
|
10969
|
+
.pf-v6-c-modal-box.pf-m-lg {
|
|
10970
|
+
--pf-v6-c-modal-box--Width: var(--pf-v6-c-modal-box--m-lg--lg--MaxWidth);
|
|
10971
|
+
}
|
|
10972
|
+
|
|
10973
|
+
.pf-v6-c-modal-box.pf-m-align-top {
|
|
10974
|
+
inset-block-start: var(--pf-v6-c-modal-box--m-align-top--InsetBlockStart);
|
|
10975
|
+
align-self: flex-start;
|
|
10976
|
+
max-width: var(--pf-v6-c-modal-box--m-align-top--MaxWidth);
|
|
10977
|
+
max-height: var(--pf-v6-c-modal-box--m-align-top--MaxHeight);
|
|
10978
|
+
}
|
|
10979
|
+
|
|
10980
|
+
.pf-v6-c-modal-box__title.pf-m-danger, .pf-v6-c-modal-box.pf-m-danger {
|
|
10981
|
+
--pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-danger__title-icon--Color);
|
|
10982
|
+
}
|
|
10983
|
+
|
|
10984
|
+
.pf-v6-c-modal-box__title.pf-m-warning, .pf-v6-c-modal-box.pf-m-warning {
|
|
10985
|
+
--pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-warning__title-icon--Color);
|
|
10986
|
+
}
|
|
10987
|
+
|
|
10988
|
+
.pf-v6-c-modal-box__title.pf-m-success, .pf-v6-c-modal-box.pf-m-success {
|
|
10989
|
+
--pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-success__title-icon--Color);
|
|
10990
|
+
}
|
|
10991
|
+
|
|
10992
|
+
.pf-v6-c-modal-box__title.pf-m-custom, .pf-v6-c-modal-box.pf-m-custom {
|
|
10993
|
+
--pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-custom__title-icon--Color);
|
|
10994
|
+
}
|
|
10995
|
+
|
|
10996
|
+
.pf-v6-c-modal-box__title.pf-m-info, .pf-v6-c-modal-box.pf-m-info {
|
|
10997
|
+
--pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-info__title-icon--Color);
|
|
10998
|
+
}
|
|
10999
|
+
|
|
11000
|
+
.pf-v6-c-modal-box__close {
|
|
11001
|
+
position: absolute;
|
|
11002
|
+
inset-block-start: var(--pf-v6-c-modal-box__close--InsetBlockStart);
|
|
11003
|
+
inset-inline-end: var(--pf-v6-c-modal-box__close--InsetInlineEnd);
|
|
11004
|
+
}
|
|
11005
|
+
|
|
11006
|
+
.pf-v6-c-modal-box__close + * {
|
|
11007
|
+
margin-inline-end: var(--pf-v6-c-modal-box__close--sibling--MarginInlineEnd);
|
|
11008
|
+
}
|
|
11009
|
+
|
|
11010
|
+
.pf-v6-c-modal-box__header {
|
|
11011
|
+
display: flex;
|
|
11012
|
+
flex-direction: column;
|
|
11013
|
+
flex-shrink: 0;
|
|
11014
|
+
gap: var(--pf-v6-c-modal-box__header--Gap);
|
|
11015
|
+
padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
|
|
11016
|
+
padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
|
|
11017
|
+
padding-inline-start: var(--pf-v6-c-modal-box__header--PaddingInlineStart);
|
|
11018
|
+
padding-inline-end: var(--pf-v6-c-modal-box__header--PaddingInlineEnd);
|
|
11019
|
+
}
|
|
11020
|
+
|
|
11021
|
+
.pf-v6-c-modal-box__header.pf-m-help {
|
|
11022
|
+
display: flex;
|
|
11023
|
+
flex-direction: row;
|
|
11024
|
+
}
|
|
11025
|
+
|
|
11026
|
+
.pf-v6-c-modal-box__header + .pf-v6-c-modal-box__body {
|
|
11027
|
+
--pf-v6-c-modal-box__body--PaddingBlockStart: var(--pf-v6-c-modal-box__header--body--PaddingBlockStart);
|
|
11028
|
+
}
|
|
11029
|
+
|
|
11030
|
+
.pf-v6-c-modal-box__header-main {
|
|
11031
|
+
display: flex;
|
|
11032
|
+
flex-direction: column;
|
|
11033
|
+
flex-grow: 1;
|
|
11034
|
+
gap: var(--pf-v6-c-modal-box__header-main--Gap);
|
|
11035
|
+
min-width: 0;
|
|
11036
|
+
padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
|
|
11037
|
+
}
|
|
11038
|
+
|
|
11039
|
+
.pf-v6-c-modal-box__title,
|
|
11040
|
+
.pf-v6-c-modal-box__title-text {
|
|
11041
|
+
overflow: hidden;
|
|
11042
|
+
text-overflow: ellipsis;
|
|
11043
|
+
white-space: nowrap;
|
|
11044
|
+
}
|
|
11045
|
+
|
|
11046
|
+
.pf-v6-c-modal-box__title {
|
|
11047
|
+
flex: 0 0 auto;
|
|
11048
|
+
font-family: var(--pf-v6-c-modal-box__title--FontFamily);
|
|
11049
|
+
font-size: var(--pf-v6-c-modal-box__title--FontSize);
|
|
11050
|
+
font-weight: var(--pf-v6-c-modal-box__title--FontWeight);
|
|
11051
|
+
line-height: var(--pf-v6-c-modal-box__title--LineHeight);
|
|
11061
11052
|
}
|
|
11062
11053
|
|
|
11063
|
-
.pf-v6-c-
|
|
11064
|
-
|
|
11065
|
-
min-width: 0;
|
|
11054
|
+
.pf-v6-c-modal-box__title.pf-m-icon {
|
|
11055
|
+
display: flex;
|
|
11066
11056
|
}
|
|
11067
11057
|
|
|
11068
|
-
.pf-v6-c-
|
|
11069
|
-
|
|
11070
|
-
|
|
11071
|
-
gap: var(--pf-v6-c-multiple-file-upload__status-progress--Gap);
|
|
11058
|
+
.pf-v6-c-modal-box__title-icon {
|
|
11059
|
+
margin-inline-end: var(--pf-v6-c-modal-box__title-icon--MarginInlineEnd);
|
|
11060
|
+
color: var(--pf-v6-c-modal-box__title-icon--Color);
|
|
11072
11061
|
}
|
|
11073
11062
|
|
|
11074
|
-
.pf-v6-c-
|
|
11075
|
-
|
|
11063
|
+
.pf-v6-c-modal-box__description {
|
|
11064
|
+
padding-block-start: var(--pf-v6-c-modal-box__description--PaddingBlockStart);
|
|
11065
|
+
font-size: var(--pf-v6-c-modal-box__description--FontSize);
|
|
11066
|
+
color: var(--pf-v6-c-modal-box__description--Color);
|
|
11076
11067
|
}
|
|
11077
11068
|
|
|
11078
|
-
.pf-v6-c-
|
|
11079
|
-
|
|
11080
|
-
|
|
11081
|
-
|
|
11082
|
-
padding-
|
|
11083
|
-
padding-
|
|
11084
|
-
|
|
11069
|
+
.pf-v6-c-modal-box__body {
|
|
11070
|
+
flex: 1 1 auto;
|
|
11071
|
+
min-height: var(--pf-v6-c-modal-box__body--MinHeight);
|
|
11072
|
+
padding-block-start: var(--pf-v6-c-modal-box__body--PaddingBlockStart);
|
|
11073
|
+
padding-inline-start: var(--pf-v6-c-modal-box__body--PaddingInlineStart);
|
|
11074
|
+
padding-inline-end: var(--pf-v6-c-modal-box__body--PaddingInlineEnd);
|
|
11075
|
+
overflow-x: hidden;
|
|
11076
|
+
overflow-y: auto;
|
|
11077
|
+
overscroll-behavior: contain;
|
|
11078
|
+
word-break: break-word;
|
|
11079
|
+
-webkit-overflow-scrolling: touch;
|
|
11085
11080
|
}
|
|
11086
11081
|
|
|
11087
|
-
.pf-v6-c-
|
|
11088
|
-
|
|
11082
|
+
.pf-v6-c-modal-box__body:last-child {
|
|
11083
|
+
padding-block-end: var(--pf-v6-c-modal-box__body--last-child--PaddingBlockEnd);
|
|
11089
11084
|
}
|
|
11090
11085
|
|
|
11091
|
-
.pf-v6-c-
|
|
11092
|
-
display:
|
|
11093
|
-
|
|
11094
|
-
|
|
11086
|
+
.pf-v6-c-modal-box__footer {
|
|
11087
|
+
display: flex;
|
|
11088
|
+
flex: 0 0 auto;
|
|
11089
|
+
align-items: center;
|
|
11090
|
+
padding-block-start: var(--pf-v6-c-modal-box__footer--PaddingBlockStart);
|
|
11091
|
+
padding-block-end: var(--pf-v6-c-modal-box__footer--PaddingBlockEnd);
|
|
11092
|
+
padding-inline-start: var(--pf-v6-c-modal-box__footer--PaddingInlineStart);
|
|
11093
|
+
padding-inline-end: var(--pf-v6-c-modal-box__footer--PaddingInlineEnd);
|
|
11095
11094
|
}
|
|
11096
11095
|
|
|
11097
|
-
.pf-v6-c-
|
|
11098
|
-
|
|
11096
|
+
.pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
|
|
11097
|
+
margin-inline-end: var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd);
|
|
11099
11098
|
}
|
|
11100
11099
|
|
|
11101
|
-
|
|
11102
|
-
|
|
11100
|
+
@media screen and (min-width: 36rem) {
|
|
11101
|
+
.pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
|
|
11102
|
+
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd);
|
|
11103
|
+
}
|
|
11103
11104
|
}
|
|
11104
|
-
|
|
11105
11105
|
:root,
|
|
11106
11106
|
.pf-v6-c-nav {
|
|
11107
11107
|
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -12356,53 +12356,237 @@ ul.pf-v6-c-list {
|
|
|
12356
12356
|
padding: 0;
|
|
12357
12357
|
}
|
|
12358
12358
|
}
|
|
12359
|
-
@media (min-width: 75rem) {
|
|
12360
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-xl {
|
|
12361
|
-
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12362
|
-
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12363
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12364
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12365
|
-
}
|
|
12366
|
-
.pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
|
|
12367
|
-
padding: 0;
|
|
12368
|
-
}
|
|
12359
|
+
@media (min-width: 75rem) {
|
|
12360
|
+
.pf-v6-c-page__main-section.pf-m-padding-on-xl {
|
|
12361
|
+
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12362
|
+
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12363
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12364
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12365
|
+
}
|
|
12366
|
+
.pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
|
|
12367
|
+
padding: 0;
|
|
12368
|
+
}
|
|
12369
|
+
}
|
|
12370
|
+
@media (min-width: 90.625rem) {
|
|
12371
|
+
.pf-v6-c-page__main-section.pf-m-padding-on-2xl {
|
|
12372
|
+
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12373
|
+
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12374
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12375
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12376
|
+
}
|
|
12377
|
+
.pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
|
|
12378
|
+
padding: 0;
|
|
12379
|
+
}
|
|
12380
|
+
}
|
|
12381
|
+
.pf-v6-c-page__main-wizard {
|
|
12382
|
+
flex: 1 1;
|
|
12383
|
+
min-height: 0;
|
|
12384
|
+
background-color: var(--pf-v6-c-page__main-wizard--BackgroundColor);
|
|
12385
|
+
border-block-start: var(--pf-v6-c-page__main-wizard--BorderBlockStartWidth) solid var(--pf-v6-c-page__main-wizard--BorderBlockStartColor);
|
|
12386
|
+
}
|
|
12387
|
+
|
|
12388
|
+
.pf-v6-c-page__main-wizard:first-child {
|
|
12389
|
+
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: 0;
|
|
12390
|
+
}
|
|
12391
|
+
|
|
12392
|
+
.pf-v6-c-page__main-wizard .pf-v6-c-page__main-body {
|
|
12393
|
+
min-height: 0;
|
|
12394
|
+
}
|
|
12395
|
+
|
|
12396
|
+
.pf-v6-c-page__main-group {
|
|
12397
|
+
flex-shrink: 0;
|
|
12398
|
+
}
|
|
12399
|
+
|
|
12400
|
+
.pf-v6-c-page__drawer {
|
|
12401
|
+
grid-area: main;
|
|
12402
|
+
}
|
|
12403
|
+
|
|
12404
|
+
.pf-v6-c-page__drawer > .pf-v6-c-drawer {
|
|
12405
|
+
flex: 1 0 auto;
|
|
12406
|
+
}
|
|
12407
|
+
|
|
12408
|
+
:root,
|
|
12409
|
+
.pf-v6-c-progress {
|
|
12410
|
+
--pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
|
|
12411
|
+
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
12412
|
+
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
12413
|
+
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
12414
|
+
--pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
|
|
12415
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
12416
|
+
--pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
|
|
12417
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
12418
|
+
--pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
|
|
12419
|
+
--pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
12420
|
+
--pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
12421
|
+
--pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
12422
|
+
--pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
12423
|
+
--pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
12424
|
+
--pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
12425
|
+
--pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
|
|
12426
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
12427
|
+
--pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
|
|
12428
|
+
--pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
|
|
12429
|
+
--pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
|
|
12430
|
+
--pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
12431
|
+
--pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
12432
|
+
--pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
|
|
12433
|
+
--pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
12434
|
+
--pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
|
|
12435
|
+
}
|
|
12436
|
+
|
|
12437
|
+
.pf-v6-c-progress {
|
|
12438
|
+
display: grid;
|
|
12439
|
+
grid-template-rows: 1fr auto;
|
|
12440
|
+
grid-template-columns: auto auto;
|
|
12441
|
+
grid-gap: var(--pf-v6-c-progress--GridGap);
|
|
12442
|
+
align-items: end;
|
|
12443
|
+
}
|
|
12444
|
+
|
|
12445
|
+
.pf-v6-c-progress.pf-m-sm {
|
|
12446
|
+
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
|
|
12447
|
+
}
|
|
12448
|
+
|
|
12449
|
+
.pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
|
|
12450
|
+
font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
|
|
12451
|
+
}
|
|
12452
|
+
|
|
12453
|
+
.pf-v6-c-progress.pf-m-lg {
|
|
12454
|
+
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
|
|
12455
|
+
}
|
|
12456
|
+
|
|
12457
|
+
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
|
|
12458
|
+
display: flex;
|
|
12459
|
+
align-items: center;
|
|
12460
|
+
justify-content: center;
|
|
12461
|
+
min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
|
|
12462
|
+
}
|
|
12463
|
+
|
|
12464
|
+
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
|
|
12465
|
+
font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
|
|
12466
|
+
color: var(--pf-v6-c-progress--m-inside__measure--Color);
|
|
12467
|
+
text-align: center;
|
|
12468
|
+
}
|
|
12469
|
+
|
|
12470
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
|
|
12471
|
+
grid-column: 1/3;
|
|
12472
|
+
}
|
|
12473
|
+
|
|
12474
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
|
|
12475
|
+
grid-row: 2/3;
|
|
12476
|
+
grid-column: 2/3;
|
|
12477
|
+
align-self: center;
|
|
12478
|
+
}
|
|
12479
|
+
|
|
12480
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
|
|
12481
|
+
display: inline-block;
|
|
12482
|
+
font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
|
|
12483
|
+
}
|
|
12484
|
+
|
|
12485
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
|
|
12486
|
+
min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
|
|
12487
|
+
text-align: start;
|
|
12488
|
+
}
|
|
12489
|
+
|
|
12490
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
|
|
12491
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
|
|
12492
|
+
grid-column: 1/2;
|
|
12493
|
+
}
|
|
12494
|
+
|
|
12495
|
+
.pf-v6-c-progress.pf-m-singleline {
|
|
12496
|
+
grid-template-rows: 1fr;
|
|
12497
|
+
}
|
|
12498
|
+
|
|
12499
|
+
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
|
|
12500
|
+
display: none;
|
|
12501
|
+
}
|
|
12502
|
+
|
|
12503
|
+
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
|
|
12504
|
+
grid-row: 1/2;
|
|
12505
|
+
grid-column: 1/2;
|
|
12506
|
+
}
|
|
12507
|
+
|
|
12508
|
+
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
|
|
12509
|
+
grid-row: 1/2;
|
|
12510
|
+
grid-column: 2/3;
|
|
12511
|
+
}
|
|
12512
|
+
|
|
12513
|
+
.pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
|
|
12514
|
+
grid-template-columns: 1fr fit-content(50%);
|
|
12515
|
+
}
|
|
12516
|
+
|
|
12517
|
+
.pf-v6-c-progress.pf-m-success {
|
|
12518
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
|
|
12519
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
|
|
12520
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
|
|
12521
|
+
}
|
|
12522
|
+
|
|
12523
|
+
.pf-v6-c-progress.pf-m-warning {
|
|
12524
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
|
|
12525
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
|
|
12526
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
|
|
12527
|
+
}
|
|
12528
|
+
|
|
12529
|
+
.pf-v6-c-progress.pf-m-danger {
|
|
12530
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
|
|
12531
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
|
|
12532
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
|
|
12533
|
+
}
|
|
12534
|
+
|
|
12535
|
+
.pf-v6-c-progress__description {
|
|
12536
|
+
grid-column: 1/2;
|
|
12537
|
+
word-break: break-word;
|
|
12538
|
+
}
|
|
12539
|
+
|
|
12540
|
+
.pf-v6-c-progress__description.pf-m-truncate {
|
|
12541
|
+
overflow: hidden;
|
|
12542
|
+
text-overflow: ellipsis;
|
|
12543
|
+
white-space: nowrap;
|
|
12369
12544
|
}
|
|
12370
|
-
|
|
12371
|
-
|
|
12372
|
-
|
|
12373
|
-
|
|
12374
|
-
|
|
12375
|
-
|
|
12376
|
-
|
|
12377
|
-
|
|
12378
|
-
|
|
12379
|
-
|
|
12545
|
+
|
|
12546
|
+
.pf-v6-c-progress__status {
|
|
12547
|
+
display: flex;
|
|
12548
|
+
grid-row: 1/2;
|
|
12549
|
+
grid-column: 2/3;
|
|
12550
|
+
gap: var(--pf-v6-c-progress__status--Gap);
|
|
12551
|
+
align-items: flex-start;
|
|
12552
|
+
justify-content: flex-end;
|
|
12553
|
+
text-align: end;
|
|
12554
|
+
word-break: break-word;
|
|
12380
12555
|
}
|
|
12381
|
-
|
|
12382
|
-
|
|
12383
|
-
|
|
12384
|
-
background-color: var(--pf-v6-c-page__main-wizard--BackgroundColor);
|
|
12385
|
-
border-block-start: var(--pf-v6-c-page__main-wizard--BorderBlockStartWidth) solid var(--pf-v6-c-page__main-wizard--BorderBlockStartColor);
|
|
12556
|
+
|
|
12557
|
+
.pf-v6-c-progress__status-icon {
|
|
12558
|
+
color: var(--pf-v6-c-progress__status-icon--Color);
|
|
12386
12559
|
}
|
|
12387
12560
|
|
|
12388
|
-
.pf-v6-c-
|
|
12389
|
-
|
|
12561
|
+
.pf-v6-c-progress__bar::before,
|
|
12562
|
+
.pf-v6-c-progress__indicator {
|
|
12563
|
+
inset-block-start: 0;
|
|
12564
|
+
inset-inline-start: 0;
|
|
12390
12565
|
}
|
|
12391
12566
|
|
|
12392
|
-
.pf-v6-c-
|
|
12393
|
-
|
|
12567
|
+
.pf-v6-c-progress__bar {
|
|
12568
|
+
position: relative;
|
|
12569
|
+
grid-row: 2/3;
|
|
12570
|
+
grid-column: 1/3;
|
|
12571
|
+
align-self: center;
|
|
12572
|
+
height: var(--pf-v6-c-progress__bar--Height);
|
|
12573
|
+
background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
|
|
12394
12574
|
}
|
|
12395
12575
|
|
|
12396
|
-
.pf-v6-c-
|
|
12397
|
-
|
|
12576
|
+
.pf-v6-c-progress__indicator {
|
|
12577
|
+
position: absolute;
|
|
12578
|
+
height: var(--pf-v6-c-progress__indicator--Height);
|
|
12579
|
+
background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
|
|
12398
12580
|
}
|
|
12399
12581
|
|
|
12400
|
-
.pf-v6-c-
|
|
12401
|
-
grid-
|
|
12582
|
+
.pf-v6-c-progress__helper-text {
|
|
12583
|
+
grid-row: 3/4;
|
|
12584
|
+
grid-column: 1/3;
|
|
12585
|
+
margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
|
|
12402
12586
|
}
|
|
12403
12587
|
|
|
12404
|
-
.pf-v6-c-
|
|
12405
|
-
|
|
12588
|
+
.pf-v6-c-progress__measure {
|
|
12589
|
+
font-variant-numeric: tabular-nums;
|
|
12406
12590
|
}
|
|
12407
12591
|
|
|
12408
12592
|
:root,
|
|
@@ -12926,255 +13110,71 @@ ul.pf-v6-c-list {
|
|
|
12926
13110
|
--pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
|
|
12927
13111
|
}
|
|
12928
13112
|
|
|
12929
|
-
.pf-v6-c-popover.pf-m-info {
|
|
12930
|
-
--pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
|
|
12931
|
-
}
|
|
12932
|
-
|
|
12933
|
-
.pf-v6-c-popover__content {
|
|
12934
|
-
position: relative;
|
|
12935
|
-
padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
|
|
12936
|
-
padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
|
|
12937
|
-
padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
|
|
12938
|
-
padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
|
|
12939
|
-
background-color: var(--pf-v6-c-popover__content--BackgroundColor);
|
|
12940
|
-
border-radius: var(--pf-v6-c-popover__content--BorderRadius);
|
|
12941
|
-
}
|
|
12942
|
-
|
|
12943
|
-
.pf-v6-c-popover__close {
|
|
12944
|
-
position: absolute;
|
|
12945
|
-
inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
|
|
12946
|
-
inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
|
|
12947
|
-
}
|
|
12948
|
-
|
|
12949
|
-
.pf-v6-c-popover__close + * {
|
|
12950
|
-
padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
|
|
12951
|
-
}
|
|
12952
|
-
|
|
12953
|
-
.pf-v6-c-popover__arrow {
|
|
12954
|
-
position: absolute;
|
|
12955
|
-
top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
|
|
12956
|
-
right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
|
|
12957
|
-
bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
|
|
12958
|
-
left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
|
|
12959
|
-
width: var(--pf-v6-c-popover__arrow--Width);
|
|
12960
|
-
height: var(--pf-v6-c-popover__arrow--Height);
|
|
12961
|
-
pointer-events: none;
|
|
12962
|
-
background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
|
|
12963
|
-
box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
|
|
12964
|
-
transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
|
|
12965
|
-
}
|
|
12966
|
-
|
|
12967
|
-
.pf-v6-c-popover__header {
|
|
12968
|
-
margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
|
|
12969
|
-
}
|
|
12970
|
-
|
|
12971
|
-
.pf-v6-c-popover__title {
|
|
12972
|
-
display: flex;
|
|
12973
|
-
flex: 0 0 auto;
|
|
12974
|
-
}
|
|
12975
|
-
|
|
12976
|
-
.pf-v6-c-popover__title-icon {
|
|
12977
|
-
margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
|
|
12978
|
-
font-size: var(--pf-v6-c-popover__title-icon--FontSize);
|
|
12979
|
-
color: var(--pf-v6-c-popover__title-icon--Color);
|
|
12980
|
-
}
|
|
12981
|
-
|
|
12982
|
-
.pf-v6-c-popover__title-text {
|
|
12983
|
-
font-size: var(--pf-v6-c-popover__title-text--FontSize);
|
|
12984
|
-
font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
|
|
12985
|
-
color: var(--pf-v6-c-popover__title-text--Color);
|
|
12986
|
-
}
|
|
12987
|
-
|
|
12988
|
-
.pf-v6-c-popover__body {
|
|
12989
|
-
word-wrap: break-word;
|
|
12990
|
-
}
|
|
12991
|
-
|
|
12992
|
-
.pf-v6-c-popover__footer {
|
|
12993
|
-
margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
|
|
12994
|
-
}
|
|
12995
|
-
|
|
12996
|
-
:root,
|
|
12997
|
-
.pf-v6-c-progress {
|
|
12998
|
-
--pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
|
|
12999
|
-
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
13000
|
-
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
13001
|
-
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
13002
|
-
--pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
|
|
13003
|
-
--pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
13004
|
-
--pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
|
|
13005
|
-
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
13006
|
-
--pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
|
|
13007
|
-
--pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
13008
|
-
--pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
13009
|
-
--pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
13010
|
-
--pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
13011
|
-
--pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
13012
|
-
--pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
13013
|
-
--pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
|
|
13014
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
13015
|
-
--pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
|
|
13016
|
-
--pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
|
|
13017
|
-
--pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
|
|
13018
|
-
--pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
13019
|
-
--pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
13020
|
-
--pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
|
|
13021
|
-
--pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
13022
|
-
--pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
|
|
13023
|
-
}
|
|
13024
|
-
|
|
13025
|
-
.pf-v6-c-progress {
|
|
13026
|
-
display: grid;
|
|
13027
|
-
grid-template-rows: 1fr auto;
|
|
13028
|
-
grid-template-columns: auto auto;
|
|
13029
|
-
grid-gap: var(--pf-v6-c-progress--GridGap);
|
|
13030
|
-
align-items: end;
|
|
13031
|
-
}
|
|
13032
|
-
|
|
13033
|
-
.pf-v6-c-progress.pf-m-sm {
|
|
13034
|
-
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
|
|
13035
|
-
}
|
|
13036
|
-
|
|
13037
|
-
.pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
|
|
13038
|
-
font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
|
|
13039
|
-
}
|
|
13040
|
-
|
|
13041
|
-
.pf-v6-c-progress.pf-m-lg {
|
|
13042
|
-
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
|
|
13043
|
-
}
|
|
13044
|
-
|
|
13045
|
-
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
|
|
13046
|
-
display: flex;
|
|
13047
|
-
align-items: center;
|
|
13048
|
-
justify-content: center;
|
|
13049
|
-
min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
|
|
13050
|
-
}
|
|
13051
|
-
|
|
13052
|
-
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
|
|
13053
|
-
font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
|
|
13054
|
-
color: var(--pf-v6-c-progress--m-inside__measure--Color);
|
|
13055
|
-
text-align: center;
|
|
13056
|
-
}
|
|
13057
|
-
|
|
13058
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
|
|
13059
|
-
grid-column: 1/3;
|
|
13060
|
-
}
|
|
13061
|
-
|
|
13062
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
|
|
13063
|
-
grid-row: 2/3;
|
|
13064
|
-
grid-column: 2/3;
|
|
13065
|
-
align-self: center;
|
|
13066
|
-
}
|
|
13067
|
-
|
|
13068
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
|
|
13069
|
-
display: inline-block;
|
|
13070
|
-
font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
|
|
13071
|
-
}
|
|
13072
|
-
|
|
13073
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
|
|
13074
|
-
min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
|
|
13075
|
-
text-align: start;
|
|
13076
|
-
}
|
|
13077
|
-
|
|
13078
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
|
|
13079
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
|
|
13080
|
-
grid-column: 1/2;
|
|
13081
|
-
}
|
|
13082
|
-
|
|
13083
|
-
.pf-v6-c-progress.pf-m-singleline {
|
|
13084
|
-
grid-template-rows: 1fr;
|
|
13085
|
-
}
|
|
13086
|
-
|
|
13087
|
-
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
|
|
13088
|
-
display: none;
|
|
13089
|
-
}
|
|
13090
|
-
|
|
13091
|
-
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
|
|
13092
|
-
grid-row: 1/2;
|
|
13093
|
-
grid-column: 1/2;
|
|
13094
|
-
}
|
|
13095
|
-
|
|
13096
|
-
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
|
|
13097
|
-
grid-row: 1/2;
|
|
13098
|
-
grid-column: 2/3;
|
|
13099
|
-
}
|
|
13100
|
-
|
|
13101
|
-
.pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
|
|
13102
|
-
grid-template-columns: 1fr fit-content(50%);
|
|
13103
|
-
}
|
|
13104
|
-
|
|
13105
|
-
.pf-v6-c-progress.pf-m-success {
|
|
13106
|
-
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
|
|
13107
|
-
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
|
|
13108
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
|
|
13109
|
-
}
|
|
13110
|
-
|
|
13111
|
-
.pf-v6-c-progress.pf-m-warning {
|
|
13112
|
-
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
|
|
13113
|
-
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
|
|
13114
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
|
|
13113
|
+
.pf-v6-c-popover.pf-m-info {
|
|
13114
|
+
--pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
|
|
13115
13115
|
}
|
|
13116
13116
|
|
|
13117
|
-
.pf-v6-c-
|
|
13118
|
-
|
|
13119
|
-
|
|
13120
|
-
|
|
13117
|
+
.pf-v6-c-popover__content {
|
|
13118
|
+
position: relative;
|
|
13119
|
+
padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
|
|
13120
|
+
padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
|
|
13121
|
+
padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
|
|
13122
|
+
padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
|
|
13123
|
+
background-color: var(--pf-v6-c-popover__content--BackgroundColor);
|
|
13124
|
+
border-radius: var(--pf-v6-c-popover__content--BorderRadius);
|
|
13121
13125
|
}
|
|
13122
13126
|
|
|
13123
|
-
.pf-v6-c-
|
|
13124
|
-
|
|
13125
|
-
|
|
13127
|
+
.pf-v6-c-popover__close {
|
|
13128
|
+
position: absolute;
|
|
13129
|
+
inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
|
|
13130
|
+
inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
|
|
13126
13131
|
}
|
|
13127
13132
|
|
|
13128
|
-
.pf-v6-c-
|
|
13129
|
-
|
|
13130
|
-
text-overflow: ellipsis;
|
|
13131
|
-
white-space: nowrap;
|
|
13133
|
+
.pf-v6-c-popover__close + * {
|
|
13134
|
+
padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
|
|
13132
13135
|
}
|
|
13133
13136
|
|
|
13134
|
-
.pf-v6-c-
|
|
13135
|
-
|
|
13136
|
-
|
|
13137
|
-
|
|
13138
|
-
|
|
13139
|
-
|
|
13140
|
-
|
|
13141
|
-
|
|
13142
|
-
|
|
13137
|
+
.pf-v6-c-popover__arrow {
|
|
13138
|
+
position: absolute;
|
|
13139
|
+
top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
|
|
13140
|
+
right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
|
|
13141
|
+
bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
|
|
13142
|
+
left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
|
|
13143
|
+
width: var(--pf-v6-c-popover__arrow--Width);
|
|
13144
|
+
height: var(--pf-v6-c-popover__arrow--Height);
|
|
13145
|
+
pointer-events: none;
|
|
13146
|
+
background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
|
|
13147
|
+
box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
|
|
13148
|
+
transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
|
|
13143
13149
|
}
|
|
13144
13150
|
|
|
13145
|
-
.pf-v6-c-
|
|
13146
|
-
|
|
13151
|
+
.pf-v6-c-popover__header {
|
|
13152
|
+
margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
|
|
13147
13153
|
}
|
|
13148
13154
|
|
|
13149
|
-
.pf-v6-c-
|
|
13150
|
-
|
|
13151
|
-
|
|
13152
|
-
inset-inline-start: 0;
|
|
13155
|
+
.pf-v6-c-popover__title {
|
|
13156
|
+
display: flex;
|
|
13157
|
+
flex: 0 0 auto;
|
|
13153
13158
|
}
|
|
13154
13159
|
|
|
13155
|
-
.pf-v6-c-
|
|
13156
|
-
|
|
13157
|
-
|
|
13158
|
-
|
|
13159
|
-
align-self: center;
|
|
13160
|
-
height: var(--pf-v6-c-progress__bar--Height);
|
|
13161
|
-
background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
|
|
13160
|
+
.pf-v6-c-popover__title-icon {
|
|
13161
|
+
margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
|
|
13162
|
+
font-size: var(--pf-v6-c-popover__title-icon--FontSize);
|
|
13163
|
+
color: var(--pf-v6-c-popover__title-icon--Color);
|
|
13162
13164
|
}
|
|
13163
13165
|
|
|
13164
|
-
.pf-v6-c-
|
|
13165
|
-
|
|
13166
|
-
|
|
13167
|
-
|
|
13166
|
+
.pf-v6-c-popover__title-text {
|
|
13167
|
+
font-size: var(--pf-v6-c-popover__title-text--FontSize);
|
|
13168
|
+
font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
|
|
13169
|
+
color: var(--pf-v6-c-popover__title-text--Color);
|
|
13168
13170
|
}
|
|
13169
13171
|
|
|
13170
|
-
.pf-v6-c-
|
|
13171
|
-
|
|
13172
|
-
grid-column: 1/3;
|
|
13173
|
-
margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
|
|
13172
|
+
.pf-v6-c-popover__body {
|
|
13173
|
+
word-wrap: break-word;
|
|
13174
13174
|
}
|
|
13175
13175
|
|
|
13176
|
-
.pf-v6-c-
|
|
13177
|
-
|
|
13176
|
+
.pf-v6-c-popover__footer {
|
|
13177
|
+
margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
|
|
13178
13178
|
}
|
|
13179
13179
|
|
|
13180
13180
|
:root,
|
|
@@ -14664,70 +14664,233 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14664
14664
|
--pf-v6-c-spinner--m-inline--diameter: 1em;
|
|
14665
14665
|
}
|
|
14666
14666
|
|
|
14667
|
-
.pf-v6-c-spinner {
|
|
14668
|
-
width: var(--pf-v6-c-spinner--Width);
|
|
14669
|
-
height: var(--pf-v6-c-spinner--Height);
|
|
14670
|
-
overflow: hidden;
|
|
14671
|
-
animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
|
|
14667
|
+
.pf-v6-c-spinner {
|
|
14668
|
+
width: var(--pf-v6-c-spinner--Width);
|
|
14669
|
+
height: var(--pf-v6-c-spinner--Height);
|
|
14670
|
+
overflow: hidden;
|
|
14671
|
+
animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
|
|
14672
|
+
}
|
|
14673
|
+
|
|
14674
|
+
.pf-v6-c-spinner.pf-m-inline {
|
|
14675
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
|
|
14676
|
+
}
|
|
14677
|
+
|
|
14678
|
+
.pf-v6-c-spinner.pf-m-sm {
|
|
14679
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
|
|
14680
|
+
}
|
|
14681
|
+
|
|
14682
|
+
.pf-v6-c-spinner.pf-m-md {
|
|
14683
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
|
|
14684
|
+
}
|
|
14685
|
+
|
|
14686
|
+
.pf-v6-c-spinner.pf-m-lg {
|
|
14687
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
|
|
14688
|
+
}
|
|
14689
|
+
|
|
14690
|
+
.pf-v6-c-spinner.pf-m-xl {
|
|
14691
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
|
|
14692
|
+
}
|
|
14693
|
+
|
|
14694
|
+
.pf-v6-c-spinner__path {
|
|
14695
|
+
width: 100%;
|
|
14696
|
+
height: 100%;
|
|
14697
|
+
stroke: var(--pf-v6-c-spinner--Color);
|
|
14698
|
+
stroke-dasharray: 283;
|
|
14699
|
+
stroke-dashoffset: 280;
|
|
14700
|
+
stroke-linecap: round;
|
|
14701
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
14702
|
+
transform-origin: 50% 50%;
|
|
14703
|
+
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
14704
|
+
}
|
|
14705
|
+
|
|
14706
|
+
@keyframes pf-v6-c-spinner-animation-rotate {
|
|
14707
|
+
0% {
|
|
14708
|
+
transform: rotate(0deg);
|
|
14709
|
+
}
|
|
14710
|
+
100% {
|
|
14711
|
+
transform: rotate(360deg);
|
|
14712
|
+
}
|
|
14713
|
+
}
|
|
14714
|
+
@keyframes pf-v6-c-spinner-animation-dash {
|
|
14715
|
+
0% {
|
|
14716
|
+
stroke-dashoffset: 280;
|
|
14717
|
+
transform: rotate(0);
|
|
14718
|
+
}
|
|
14719
|
+
15% {
|
|
14720
|
+
stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
|
|
14721
|
+
}
|
|
14722
|
+
40% {
|
|
14723
|
+
stroke-dasharray: 220;
|
|
14724
|
+
stroke-dashoffset: 150;
|
|
14725
|
+
}
|
|
14726
|
+
100% {
|
|
14727
|
+
stroke-dashoffset: 280;
|
|
14728
|
+
transform: rotate(720deg);
|
|
14729
|
+
}
|
|
14730
|
+
}
|
|
14731
|
+
:root,
|
|
14732
|
+
.pf-v6-c-switch {
|
|
14733
|
+
--pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
|
|
14734
|
+
--pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
14735
|
+
--pf-v6-c-switch__toggle-icon--FontSize: calc(var(--pf-v6-c-switch--FontSize) * .625);
|
|
14736
|
+
--pf-v6-c-switch__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
14737
|
+
--pf-v6-c-switch__toggle-icon--InsetInlineStart: calc(var(--pf-v6-c-switch--FontSize) * .4);
|
|
14738
|
+
--pf-v6-c-switch__toggle-icon--Offset: 0.125rem;
|
|
14739
|
+
--pf-v6-c-switch__input--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
14740
|
+
--pf-v6-c-switch--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
14741
|
+
--pf-v6-c-switch--Height: auto;
|
|
14742
|
+
--pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
14743
|
+
--pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
14744
|
+
--pf-v6-c-switch__input--checked__toggle--BorderWidth: 0;
|
|
14745
|
+
--pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
|
|
14746
|
+
--pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
|
|
14747
|
+
--pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
|
|
14748
|
+
--pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
14749
|
+
--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
|
|
14750
|
+
--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
|
|
14751
|
+
--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
|
|
14752
|
+
--pf-v6-c-switch__input--focus__toggle--OutlineWidth: var(--pf-t--global--border--width--strong);
|
|
14753
|
+
--pf-v6-c-switch__input--focus__toggle--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
14754
|
+
--pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
|
|
14755
|
+
--pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
|
|
14756
|
+
--pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
14757
|
+
--pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
14758
|
+
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
14759
|
+
--pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
14760
|
+
--pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
14761
|
+
--pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
|
|
14762
|
+
--pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
|
|
14763
|
+
--pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
14764
|
+
--pf-v6-c-switch__toggle--before--Transition: transform .25s ease 0s;
|
|
14765
|
+
--pf-v6-c-switch__toggle--Width: calc(var(--pf-v6-c-switch__toggle--Height) + var(--pf-v6-c-switch__toggle-icon--Offset) + var(--pf-v6-c-switch__toggle--before--Width));
|
|
14766
|
+
}
|
|
14767
|
+
|
|
14768
|
+
.pf-v6-c-switch {
|
|
14769
|
+
position: relative;
|
|
14770
|
+
display: inline-grid;
|
|
14771
|
+
grid-template-columns: auto;
|
|
14772
|
+
grid-auto-columns: 1fr;
|
|
14773
|
+
column-gap: var(--pf-v6-c-switch--ColumnGap);
|
|
14774
|
+
height: var(--pf-v6-c-switch--Height);
|
|
14775
|
+
font-size: var(--pf-v6-c-switch--FontSize);
|
|
14776
|
+
line-height: var(--pf-v6-c-switch--LineHeight);
|
|
14777
|
+
vertical-align: middle;
|
|
14778
|
+
cursor: pointer;
|
|
14779
|
+
}
|
|
14780
|
+
|
|
14781
|
+
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label,
|
|
14782
|
+
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__toggle {
|
|
14783
|
+
grid-row: 1;
|
|
14784
|
+
}
|
|
14785
|
+
|
|
14786
|
+
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label {
|
|
14787
|
+
grid-column: 1;
|
|
14788
|
+
}
|
|
14789
|
+
|
|
14790
|
+
.pf-v6-c-switch__input {
|
|
14791
|
+
position: absolute;
|
|
14792
|
+
cursor: pointer;
|
|
14793
|
+
opacity: 0;
|
|
14794
|
+
}
|
|
14795
|
+
|
|
14796
|
+
.pf-v6-c-switch__input:focus-visible ~ .pf-v6-c-switch__toggle {
|
|
14797
|
+
outline: var(--pf-v6-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v6-c-switch__input--focus__toggle--OutlineColor);
|
|
14798
|
+
outline-offset: var(--pf-v6-c-switch__input--focus__toggle--OutlineOffset);
|
|
14799
|
+
}
|
|
14800
|
+
|
|
14801
|
+
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__label {
|
|
14802
|
+
color: var(--pf-v6-c-switch__input--checked__label--Color);
|
|
14803
|
+
}
|
|
14804
|
+
|
|
14805
|
+
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle {
|
|
14806
|
+
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-v6-c-switch__input--checked__toggle--BorderWidth);
|
|
14807
|
+
background-color: var(--pf-v6-c-switch__input--checked__toggle--BackgroundColor);
|
|
14808
|
+
}
|
|
14809
|
+
|
|
14810
|
+
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
14811
|
+
transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
|
|
14812
|
+
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
14813
|
+
}
|
|
14814
|
+
|
|
14815
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
14816
|
+
transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
|
|
14817
|
+
}
|
|
14818
|
+
|
|
14819
|
+
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
|
|
14820
|
+
color: var(--pf-v6-c-switch__input--not-checked__label--Color);
|
|
14821
|
+
}
|
|
14822
|
+
|
|
14823
|
+
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__toggle .pf-v6-c-switch__toggle-icon {
|
|
14824
|
+
display: none;
|
|
14825
|
+
}
|
|
14826
|
+
|
|
14827
|
+
.pf-v6-c-switch__input:disabled {
|
|
14828
|
+
cursor: not-allowed;
|
|
14829
|
+
}
|
|
14830
|
+
|
|
14831
|
+
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__label {
|
|
14832
|
+
color: var(--pf-v6-c-switch__input--disabled__label--Color);
|
|
14833
|
+
cursor: not-allowed;
|
|
14672
14834
|
}
|
|
14673
14835
|
|
|
14674
|
-
.pf-v6-c-
|
|
14675
|
-
--pf-v6-c-
|
|
14836
|
+
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle {
|
|
14837
|
+
--pf-v6-c-switch__toggle-icon--Color: var(--pf-v6-c-switch__input--disabled__toggle-icon--Color);
|
|
14838
|
+
cursor: not-allowed;
|
|
14839
|
+
background-color: var(--pf-v6-c-switch__input--disabled__toggle--BackgroundColor);
|
|
14676
14840
|
}
|
|
14677
14841
|
|
|
14678
|
-
.pf-v6-c-
|
|
14679
|
-
|
|
14842
|
+
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle::before {
|
|
14843
|
+
background-color: var(--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor);
|
|
14680
14844
|
}
|
|
14681
14845
|
|
|
14682
|
-
.pf-v6-c-
|
|
14683
|
-
|
|
14846
|
+
.pf-v6-c-switch__toggle {
|
|
14847
|
+
position: relative;
|
|
14848
|
+
display: inline-block;
|
|
14849
|
+
width: var(--pf-v6-c-switch__toggle--Width);
|
|
14850
|
+
height: var(--pf-v6-c-switch__toggle--Height);
|
|
14851
|
+
background-color: var(--pf-v6-c-switch__toggle--BackgroundColor);
|
|
14852
|
+
border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
|
|
14684
14853
|
}
|
|
14685
14854
|
|
|
14686
|
-
.pf-v6-c-
|
|
14687
|
-
|
|
14855
|
+
.pf-v6-c-switch__toggle::before {
|
|
14856
|
+
position: absolute;
|
|
14857
|
+
inset-block-start: 50%;
|
|
14858
|
+
inset-inline-start: var(--pf-v6-c-switch__toggle--before--InsetInlineStart);
|
|
14859
|
+
display: block;
|
|
14860
|
+
width: var(--pf-v6-c-switch__toggle--before--Width);
|
|
14861
|
+
height: var(--pf-v6-c-switch__toggle--before--Height);
|
|
14862
|
+
content: "";
|
|
14863
|
+
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
14864
|
+
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
14865
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
14866
|
+
transform: translateY(-50%);
|
|
14688
14867
|
}
|
|
14689
14868
|
|
|
14690
|
-
.pf-v6-c-
|
|
14691
|
-
|
|
14869
|
+
.pf-v6-c-switch__toggle::after {
|
|
14870
|
+
position: absolute;
|
|
14871
|
+
inset: 0;
|
|
14872
|
+
content: "";
|
|
14873
|
+
border: var(--pf-v6-c-switch__toggle--BorderWidth) solid var(--pf-v6-c-switch__toggle--BorderColor);
|
|
14874
|
+
border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
|
|
14692
14875
|
}
|
|
14693
14876
|
|
|
14694
|
-
.pf-v6-c-
|
|
14695
|
-
|
|
14696
|
-
|
|
14697
|
-
|
|
14698
|
-
|
|
14699
|
-
|
|
14700
|
-
|
|
14701
|
-
|
|
14702
|
-
|
|
14703
|
-
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
14877
|
+
.pf-v6-c-switch__toggle-icon {
|
|
14878
|
+
position: absolute;
|
|
14879
|
+
inset-block-start: 0;
|
|
14880
|
+
inset-block-end: 0;
|
|
14881
|
+
inset-inline-start: var(--pf-v6-c-switch__toggle-icon--InsetInlineStart);
|
|
14882
|
+
display: flex;
|
|
14883
|
+
align-items: center;
|
|
14884
|
+
font-size: var(--pf-v6-c-switch__toggle-icon--FontSize);
|
|
14885
|
+
color: var(--pf-v6-c-switch__toggle-icon--Color);
|
|
14704
14886
|
}
|
|
14705
14887
|
|
|
14706
|
-
|
|
14707
|
-
|
|
14708
|
-
|
|
14709
|
-
|
|
14710
|
-
100% {
|
|
14711
|
-
transform: rotate(360deg);
|
|
14712
|
-
}
|
|
14713
|
-
}
|
|
14714
|
-
@keyframes pf-v6-c-spinner-animation-dash {
|
|
14715
|
-
0% {
|
|
14716
|
-
stroke-dashoffset: 280;
|
|
14717
|
-
transform: rotate(0);
|
|
14718
|
-
}
|
|
14719
|
-
15% {
|
|
14720
|
-
stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
|
|
14721
|
-
}
|
|
14722
|
-
40% {
|
|
14723
|
-
stroke-dasharray: 220;
|
|
14724
|
-
stroke-dashoffset: 150;
|
|
14725
|
-
}
|
|
14726
|
-
100% {
|
|
14727
|
-
stroke-dashoffset: 280;
|
|
14728
|
-
transform: rotate(720deg);
|
|
14729
|
-
}
|
|
14888
|
+
.pf-v6-c-switch__label {
|
|
14889
|
+
display: inline-block;
|
|
14890
|
+
grid-column: 2;
|
|
14891
|
+
vertical-align: top;
|
|
14730
14892
|
}
|
|
14893
|
+
|
|
14731
14894
|
:root,
|
|
14732
14895
|
.pf-v6-c-tabs {
|
|
14733
14896
|
--pf-v6-c-tabs--inset: 0;
|
|
@@ -15616,204 +15779,41 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15616
15779
|
--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
15617
15780
|
--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
15618
15781
|
--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
15619
|
-
--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
15620
|
-
--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
15621
|
-
--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
15622
|
-
--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
15623
|
-
--pf-v6-c-tab-content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
15624
|
-
}
|
|
15625
|
-
|
|
15626
|
-
.pf-v6-c-tab-content {
|
|
15627
|
-
background-color: var(--pf-v6-c-tab-content--BackgroundColor);
|
|
15628
|
-
}
|
|
15629
|
-
|
|
15630
|
-
@media screen and (min-width: 75rem) {
|
|
15631
|
-
.pf-v6-c-tab-content {
|
|
15632
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart);
|
|
15633
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd);
|
|
15634
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd);
|
|
15635
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart);
|
|
15636
|
-
}
|
|
15637
|
-
}
|
|
15638
|
-
.pf-v6-c-tab-content.pf-m-secondary {
|
|
15639
|
-
--pf-v6-c-tab-content--BackgroundColor: var(--pf-v6-c-tab-content--m-secondary--BackgroundColor);
|
|
15640
|
-
}
|
|
15641
|
-
|
|
15642
|
-
.pf-v6-c-tab-content__body {
|
|
15643
|
-
padding-block-start: var(--pf-v6-c-tab-content__body--PaddingBlockStart);
|
|
15644
|
-
padding-block-end: var(--pf-v6-c-tab-content__body--PaddingBlockEnd);
|
|
15645
|
-
padding-inline-start: var(--pf-v6-c-tab-content__body--PaddingInlineStart);
|
|
15646
|
-
padding-inline-end: var(--pf-v6-c-tab-content__body--PaddingInlineEnd);
|
|
15647
|
-
}
|
|
15648
|
-
|
|
15649
|
-
.pf-v6-c-tab-content__body.pf-m-padding {
|
|
15650
|
-
--pf-v6-c-tab-content__body--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart);
|
|
15651
|
-
--pf-v6-c-tab-content__body--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd);
|
|
15652
|
-
--pf-v6-c-tab-content__body--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd);
|
|
15653
|
-
--pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
|
|
15654
|
-
}
|
|
15655
|
-
|
|
15656
|
-
:root,
|
|
15657
|
-
.pf-v6-c-switch {
|
|
15658
|
-
--pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
|
|
15659
|
-
--pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
15660
|
-
--pf-v6-c-switch__toggle-icon--FontSize: calc(var(--pf-v6-c-switch--FontSize) * .625);
|
|
15661
|
-
--pf-v6-c-switch__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
15662
|
-
--pf-v6-c-switch__toggle-icon--InsetInlineStart: calc(var(--pf-v6-c-switch--FontSize) * .4);
|
|
15663
|
-
--pf-v6-c-switch__toggle-icon--Offset: 0.125rem;
|
|
15664
|
-
--pf-v6-c-switch__input--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
15665
|
-
--pf-v6-c-switch--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
15666
|
-
--pf-v6-c-switch--Height: auto;
|
|
15667
|
-
--pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
15668
|
-
--pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
15669
|
-
--pf-v6-c-switch__input--checked__toggle--BorderWidth: 0;
|
|
15670
|
-
--pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
|
|
15671
|
-
--pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
|
|
15672
|
-
--pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
|
|
15673
|
-
--pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
15674
|
-
--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
|
|
15675
|
-
--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
|
|
15676
|
-
--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
|
|
15677
|
-
--pf-v6-c-switch__input--focus__toggle--OutlineWidth: var(--pf-t--global--border--width--strong);
|
|
15678
|
-
--pf-v6-c-switch__input--focus__toggle--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
15679
|
-
--pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
|
|
15680
|
-
--pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
|
|
15681
|
-
--pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
15682
|
-
--pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
15683
|
-
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15684
|
-
--pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
15685
|
-
--pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
15686
|
-
--pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
|
|
15687
|
-
--pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
|
|
15688
|
-
--pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
15689
|
-
--pf-v6-c-switch__toggle--before--Transition: transform .25s ease 0s;
|
|
15690
|
-
--pf-v6-c-switch__toggle--Width: calc(var(--pf-v6-c-switch__toggle--Height) + var(--pf-v6-c-switch__toggle-icon--Offset) + var(--pf-v6-c-switch__toggle--before--Width));
|
|
15691
|
-
}
|
|
15692
|
-
|
|
15693
|
-
.pf-v6-c-switch {
|
|
15694
|
-
position: relative;
|
|
15695
|
-
display: inline-grid;
|
|
15696
|
-
grid-template-columns: auto;
|
|
15697
|
-
grid-auto-columns: 1fr;
|
|
15698
|
-
column-gap: var(--pf-v6-c-switch--ColumnGap);
|
|
15699
|
-
height: var(--pf-v6-c-switch--Height);
|
|
15700
|
-
font-size: var(--pf-v6-c-switch--FontSize);
|
|
15701
|
-
line-height: var(--pf-v6-c-switch--LineHeight);
|
|
15702
|
-
vertical-align: middle;
|
|
15703
|
-
cursor: pointer;
|
|
15704
|
-
}
|
|
15705
|
-
|
|
15706
|
-
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label,
|
|
15707
|
-
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__toggle {
|
|
15708
|
-
grid-row: 1;
|
|
15709
|
-
}
|
|
15710
|
-
|
|
15711
|
-
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label {
|
|
15712
|
-
grid-column: 1;
|
|
15713
|
-
}
|
|
15714
|
-
|
|
15715
|
-
.pf-v6-c-switch__input {
|
|
15716
|
-
position: absolute;
|
|
15717
|
-
cursor: pointer;
|
|
15718
|
-
opacity: 0;
|
|
15719
|
-
}
|
|
15720
|
-
|
|
15721
|
-
.pf-v6-c-switch__input:focus-visible ~ .pf-v6-c-switch__toggle {
|
|
15722
|
-
outline: var(--pf-v6-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v6-c-switch__input--focus__toggle--OutlineColor);
|
|
15723
|
-
outline-offset: var(--pf-v6-c-switch__input--focus__toggle--OutlineOffset);
|
|
15724
|
-
}
|
|
15725
|
-
|
|
15726
|
-
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__label {
|
|
15727
|
-
color: var(--pf-v6-c-switch__input--checked__label--Color);
|
|
15728
|
-
}
|
|
15729
|
-
|
|
15730
|
-
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle {
|
|
15731
|
-
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-v6-c-switch__input--checked__toggle--BorderWidth);
|
|
15732
|
-
background-color: var(--pf-v6-c-switch__input--checked__toggle--BackgroundColor);
|
|
15733
|
-
}
|
|
15734
|
-
|
|
15735
|
-
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
15736
|
-
transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
|
|
15737
|
-
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
15738
|
-
}
|
|
15739
|
-
|
|
15740
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
15741
|
-
transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
|
|
15742
|
-
}
|
|
15743
|
-
|
|
15744
|
-
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
|
|
15745
|
-
color: var(--pf-v6-c-switch__input--not-checked__label--Color);
|
|
15746
|
-
}
|
|
15747
|
-
|
|
15748
|
-
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__toggle .pf-v6-c-switch__toggle-icon {
|
|
15749
|
-
display: none;
|
|
15750
|
-
}
|
|
15751
|
-
|
|
15752
|
-
.pf-v6-c-switch__input:disabled {
|
|
15753
|
-
cursor: not-allowed;
|
|
15754
|
-
}
|
|
15755
|
-
|
|
15756
|
-
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__label {
|
|
15757
|
-
color: var(--pf-v6-c-switch__input--disabled__label--Color);
|
|
15758
|
-
cursor: not-allowed;
|
|
15759
|
-
}
|
|
15760
|
-
|
|
15761
|
-
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle {
|
|
15762
|
-
--pf-v6-c-switch__toggle-icon--Color: var(--pf-v6-c-switch__input--disabled__toggle-icon--Color);
|
|
15763
|
-
cursor: not-allowed;
|
|
15764
|
-
background-color: var(--pf-v6-c-switch__input--disabled__toggle--BackgroundColor);
|
|
15765
|
-
}
|
|
15766
|
-
|
|
15767
|
-
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle::before {
|
|
15768
|
-
background-color: var(--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor);
|
|
15769
|
-
}
|
|
15770
|
-
|
|
15771
|
-
.pf-v6-c-switch__toggle {
|
|
15772
|
-
position: relative;
|
|
15773
|
-
display: inline-block;
|
|
15774
|
-
width: var(--pf-v6-c-switch__toggle--Width);
|
|
15775
|
-
height: var(--pf-v6-c-switch__toggle--Height);
|
|
15776
|
-
background-color: var(--pf-v6-c-switch__toggle--BackgroundColor);
|
|
15777
|
-
border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
|
|
15782
|
+
--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
15783
|
+
--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
15784
|
+
--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
15785
|
+
--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
15786
|
+
--pf-v6-c-tab-content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
15778
15787
|
}
|
|
15779
15788
|
|
|
15780
|
-
.pf-v6-c-
|
|
15781
|
-
|
|
15782
|
-
inset-block-start: 50%;
|
|
15783
|
-
inset-inline-start: var(--pf-v6-c-switch__toggle--before--InsetInlineStart);
|
|
15784
|
-
display: block;
|
|
15785
|
-
width: var(--pf-v6-c-switch__toggle--before--Width);
|
|
15786
|
-
height: var(--pf-v6-c-switch__toggle--before--Height);
|
|
15787
|
-
content: "";
|
|
15788
|
-
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
15789
|
-
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
15790
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
15791
|
-
transform: translateY(-50%);
|
|
15789
|
+
.pf-v6-c-tab-content {
|
|
15790
|
+
background-color: var(--pf-v6-c-tab-content--BackgroundColor);
|
|
15792
15791
|
}
|
|
15793
15792
|
|
|
15794
|
-
|
|
15795
|
-
|
|
15796
|
-
|
|
15797
|
-
|
|
15798
|
-
|
|
15799
|
-
|
|
15793
|
+
@media screen and (min-width: 75rem) {
|
|
15794
|
+
.pf-v6-c-tab-content {
|
|
15795
|
+
--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart);
|
|
15796
|
+
--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd);
|
|
15797
|
+
--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd);
|
|
15798
|
+
--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart);
|
|
15799
|
+
}
|
|
15800
|
+
}
|
|
15801
|
+
.pf-v6-c-tab-content.pf-m-secondary {
|
|
15802
|
+
--pf-v6-c-tab-content--BackgroundColor: var(--pf-v6-c-tab-content--m-secondary--BackgroundColor);
|
|
15800
15803
|
}
|
|
15801
15804
|
|
|
15802
|
-
.pf-v6-c-
|
|
15803
|
-
|
|
15804
|
-
|
|
15805
|
-
|
|
15806
|
-
|
|
15807
|
-
display: flex;
|
|
15808
|
-
align-items: center;
|
|
15809
|
-
font-size: var(--pf-v6-c-switch__toggle-icon--FontSize);
|
|
15810
|
-
color: var(--pf-v6-c-switch__toggle-icon--Color);
|
|
15805
|
+
.pf-v6-c-tab-content__body {
|
|
15806
|
+
padding-block-start: var(--pf-v6-c-tab-content__body--PaddingBlockStart);
|
|
15807
|
+
padding-block-end: var(--pf-v6-c-tab-content__body--PaddingBlockEnd);
|
|
15808
|
+
padding-inline-start: var(--pf-v6-c-tab-content__body--PaddingInlineStart);
|
|
15809
|
+
padding-inline-end: var(--pf-v6-c-tab-content__body--PaddingInlineEnd);
|
|
15811
15810
|
}
|
|
15812
15811
|
|
|
15813
|
-
.pf-v6-c-
|
|
15814
|
-
|
|
15815
|
-
|
|
15816
|
-
|
|
15812
|
+
.pf-v6-c-tab-content__body.pf-m-padding {
|
|
15813
|
+
--pf-v6-c-tab-content__body--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart);
|
|
15814
|
+
--pf-v6-c-tab-content__body--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd);
|
|
15815
|
+
--pf-v6-c-tab-content__body--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd);
|
|
15816
|
+
--pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
|
|
15817
15817
|
}
|
|
15818
15818
|
|
|
15819
15819
|
:root,
|
|
@@ -22226,21 +22226,222 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
22226
22226
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)));
|
|
22227
22227
|
}
|
|
22228
22228
|
}
|
|
22229
|
-
@media (min-width: 62rem) {
|
|
22230
|
-
.pf-v6-l-gallery {
|
|
22231
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
|
|
22229
|
+
@media (min-width: 62rem) {
|
|
22230
|
+
.pf-v6-l-gallery {
|
|
22231
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
|
|
22232
|
+
}
|
|
22233
|
+
}
|
|
22234
|
+
@media (min-width: 75rem) {
|
|
22235
|
+
.pf-v6-l-gallery {
|
|
22236
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
|
|
22237
|
+
}
|
|
22238
|
+
}
|
|
22239
|
+
@media (min-width: 90.625rem) {
|
|
22240
|
+
.pf-v6-l-gallery {
|
|
22241
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
|
|
22242
|
+
}
|
|
22243
|
+
}
|
|
22244
|
+
:root,
|
|
22245
|
+
.pf-v6-c-about-modal-box {
|
|
22246
|
+
--pf-v6-c-about-modal-box--BackgroundImage: none;
|
|
22247
|
+
--pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
22248
|
+
--pf-v6-c-about-modal-box--BackgroundSize--min-width: 200px;
|
|
22249
|
+
--pf-v6-c-about-modal-box--BackgroundSize--width: 60%;
|
|
22250
|
+
--pf-v6-c-about-modal-box--BackgroundSize--max-width: 600px;
|
|
22251
|
+
--pf-v6-c-about-modal-box--BackgroundSize: clamp(var(--pf-v6-c-about-modal-box--BackgroundSize--min-width), var(--pf-v6-c-about-modal-box--BackgroundSize--width), var(--pf-v6-c-about-modal-box--BackgroundSize--max-width));
|
|
22252
|
+
--pf-v6-c-about-modal-box--Height: 100%;
|
|
22253
|
+
--pf-v6-c-about-modal-box--lg--Height: 47.625rem;
|
|
22254
|
+
--pf-v6-c-about-modal-box--Width: 100%;
|
|
22255
|
+
--pf-v6-c-about-modal-box--sm--GridTemplateColumns: 5fr 1fr;
|
|
22256
|
+
--pf-v6-c-about-modal-box--lg--GridTemplateColumns: 1fr .6fr;
|
|
22257
|
+
--pf-v6-c-about-modal-box__brand--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
22258
|
+
--pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
22259
|
+
--pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
22260
|
+
--pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
22261
|
+
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
22262
|
+
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
22263
|
+
--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
22264
|
+
--pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
22265
|
+
--pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
22266
|
+
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
22267
|
+
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
22268
|
+
--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
22269
|
+
--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
22270
|
+
--pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
|
|
22271
|
+
--pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
|
|
22272
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
22273
|
+
--pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
22274
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
22275
|
+
--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
22276
|
+
--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
22277
|
+
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
22278
|
+
--pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
22279
|
+
--pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
|
|
22280
|
+
--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
22281
|
+
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
22282
|
+
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
22283
|
+
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
|
|
22284
|
+
--pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
22285
|
+
--pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
|
|
22286
|
+
--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
22287
|
+
--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
22288
|
+
--pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
|
|
22289
|
+
}
|
|
22290
|
+
|
|
22291
|
+
@media screen and (min-width: 36rem) {
|
|
22292
|
+
:root,
|
|
22293
|
+
.pf-v6-c-about-modal-box {
|
|
22294
|
+
--pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd);
|
|
22295
|
+
--pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart);
|
|
22296
|
+
--pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
|
|
22297
|
+
}
|
|
22298
|
+
}
|
|
22299
|
+
@media only screen and (min-width: 36rem) {
|
|
22300
|
+
:root,
|
|
22301
|
+
.pf-v6-c-about-modal-box {
|
|
22302
|
+
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
|
|
22303
|
+
}
|
|
22304
|
+
}
|
|
22305
|
+
@media only screen and (min-width: 62rem) {
|
|
22306
|
+
:root,
|
|
22307
|
+
.pf-v6-c-about-modal-box {
|
|
22308
|
+
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
|
|
22309
|
+
}
|
|
22310
|
+
}
|
|
22311
|
+
@media only screen and (min-width: 36rem) {
|
|
22312
|
+
:root,
|
|
22313
|
+
.pf-v6-c-about-modal-box {
|
|
22314
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
|
|
22315
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
|
|
22316
|
+
}
|
|
22317
|
+
}
|
|
22318
|
+
@media only screen and (min-width: 36rem) {
|
|
22319
|
+
:root,
|
|
22320
|
+
.pf-v6-c-about-modal-box {
|
|
22321
|
+
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
|
|
22322
|
+
}
|
|
22323
|
+
}
|
|
22324
|
+
@media only screen and (min-width: 36rem) {
|
|
22325
|
+
:root,
|
|
22326
|
+
.pf-v6-c-about-modal-box {
|
|
22327
|
+
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
|
|
22328
|
+
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd);
|
|
22329
|
+
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd);
|
|
22330
|
+
--pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineStart);
|
|
22331
|
+
}
|
|
22332
|
+
}
|
|
22333
|
+
.pf-v6-c-about-modal-box {
|
|
22334
|
+
position: relative;
|
|
22335
|
+
display: grid;
|
|
22336
|
+
grid-template-areas: "brand close" "header header" "content content";
|
|
22337
|
+
grid-template-rows: max-content max-content auto;
|
|
22338
|
+
width: var(--pf-v6-c-about-modal-box--Width);
|
|
22339
|
+
height: var(--pf-v6-c-about-modal-box--Height);
|
|
22340
|
+
overflow-x: hidden;
|
|
22341
|
+
overflow-y: auto;
|
|
22342
|
+
background-color: var(--pf-v6-c-about-modal-box--BackgroundColor);
|
|
22343
|
+
background-image: var(--pf-v6-c-about-modal-box--BackgroundImage);
|
|
22344
|
+
background-repeat: no-repeat;
|
|
22345
|
+
background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
|
|
22346
|
+
background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
|
|
22347
|
+
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
22348
|
+
}
|
|
22349
|
+
|
|
22350
|
+
@media only screen and (min-width: 36rem) {
|
|
22351
|
+
.pf-v6-c-about-modal-box {
|
|
22352
|
+
grid-template-areas: "brand close" "header close" "content close";
|
|
22353
|
+
grid-template-columns: var(--pf-v6-c-about-modal-box--sm--GridTemplateColumns);
|
|
22354
|
+
}
|
|
22355
|
+
}
|
|
22356
|
+
@media only screen and (min-width: 62rem) {
|
|
22357
|
+
.pf-v6-c-about-modal-box {
|
|
22358
|
+
--pf-v6-c-about-modal-box--Height: var(--pf-v6-c-about-modal-box--lg--Height);
|
|
22359
|
+
--pf-v6-c-about-modal-box--Width: var(--pf-v6-c-about-modal-box--lg--Width);
|
|
22360
|
+
grid-template-rows: max-content max-content auto;
|
|
22361
|
+
grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
|
|
22362
|
+
}
|
|
22363
|
+
}
|
|
22364
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
|
|
22365
|
+
--pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
|
|
22366
|
+
}
|
|
22367
|
+
|
|
22368
|
+
.pf-v6-c-about-modal-box__brand {
|
|
22369
|
+
display: flex;
|
|
22370
|
+
grid-area: brand;
|
|
22371
|
+
padding-block-start: var(--pf-v6-c-about-modal-box__brand--PaddingBlockStart);
|
|
22372
|
+
padding-block-end: var(--pf-v6-c-about-modal-box__brand--PaddingBlockEnd);
|
|
22373
|
+
padding-inline-start: var(--pf-v6-c-about-modal-box__brand--PaddingInlineStart);
|
|
22374
|
+
padding-inline-end: var(--pf-v6-c-about-modal-box__brand--PaddingInlineEnd);
|
|
22375
|
+
}
|
|
22376
|
+
|
|
22377
|
+
.pf-v6-c-about-modal-box__brand-image {
|
|
22378
|
+
height: var(--pf-v6-c-about-modal-box__brand-image--Height);
|
|
22379
|
+
}
|
|
22380
|
+
|
|
22381
|
+
.pf-v6-c-about-modal-box__header {
|
|
22382
|
+
display: flex;
|
|
22383
|
+
flex-direction: column;
|
|
22384
|
+
grid-area: header;
|
|
22385
|
+
padding-block-end: var(--pf-v6-c-about-modal-box__header--PaddingBlockEnd);
|
|
22386
|
+
padding-inline-start: var(--pf-v6-c-about-modal-box__header--PaddingInlineStart);
|
|
22387
|
+
padding-inline-end: var(--pf-v6-c-about-modal-box__header--PaddingInlineEnd);
|
|
22388
|
+
}
|
|
22389
|
+
|
|
22390
|
+
.pf-v6-c-about-modal-box__strapline {
|
|
22391
|
+
padding-block-start: var(--pf-v6-c-about-modal-box__strapline--PaddingBlockStart);
|
|
22392
|
+
margin-block-start: auto;
|
|
22393
|
+
font-size: var(--pf-v6-c-about-modal-box__strapline--FontSize);
|
|
22394
|
+
color: var(--pf-v6-c-about-modal-box__strapline--Color);
|
|
22395
|
+
}
|
|
22396
|
+
|
|
22397
|
+
.pf-v6-c-about-modal-box__content {
|
|
22398
|
+
display: flex;
|
|
22399
|
+
flex-direction: column;
|
|
22400
|
+
grid-area: content;
|
|
22401
|
+
margin-block-start: var(--pf-v6-c-about-modal-box__content--MarginBlockStart);
|
|
22402
|
+
margin-block-end: var(--pf-v6-c-about-modal-box__content--MarginBlockEnd);
|
|
22403
|
+
margin-inline-start: var(--pf-v6-c-about-modal-box__content--MarginInlineStart);
|
|
22404
|
+
margin-inline-end: var(--pf-v6-c-about-modal-box__content--MarginInlineEnd);
|
|
22405
|
+
overflow-x: hidden;
|
|
22406
|
+
overflow-y: auto;
|
|
22407
|
+
overscroll-behavior: contain;
|
|
22408
|
+
word-break: break-word;
|
|
22409
|
+
-webkit-overflow-scrolling: touch;
|
|
22410
|
+
}
|
|
22411
|
+
|
|
22412
|
+
@media screen and (min-width: 36rem) {
|
|
22413
|
+
.pf-v6-c-about-modal-box__content {
|
|
22414
|
+
overflow: visible;
|
|
22415
|
+
overscroll-behavior: auto;
|
|
22416
|
+
}
|
|
22417
|
+
}
|
|
22418
|
+
.pf-v6-c-about-modal-box__close {
|
|
22419
|
+
position: sticky;
|
|
22420
|
+
inset-block-start: 0;
|
|
22421
|
+
display: flex;
|
|
22422
|
+
grid-area: close;
|
|
22423
|
+
align-items: flex-start;
|
|
22424
|
+
justify-content: flex-end;
|
|
22425
|
+
padding-block-start: var(--pf-v6-c-about-modal-box__close--PaddingBlockStart);
|
|
22426
|
+
padding-block-end: var(--pf-v6-c-about-modal-box__close--PaddingBlockEnd);
|
|
22427
|
+
padding-inline-end: var(--pf-v6-c-about-modal-box__close--PaddingInlineEnd);
|
|
22428
|
+
}
|
|
22429
|
+
|
|
22430
|
+
@media only screen and (min-width: 36rem) {
|
|
22431
|
+
.pf-v6-c-about-modal-box__close {
|
|
22432
|
+
grid-area: 1/2;
|
|
22433
|
+
justify-content: center;
|
|
22232
22434
|
}
|
|
22233
22435
|
}
|
|
22234
|
-
@media (min-width:
|
|
22235
|
-
.pf-v6-
|
|
22236
|
-
|
|
22436
|
+
@media only screen and (min-width: 62rem) {
|
|
22437
|
+
.pf-v6-c-about-modal-box__close {
|
|
22438
|
+
justify-content: flex-end;
|
|
22237
22439
|
}
|
|
22238
22440
|
}
|
|
22239
|
-
|
|
22240
|
-
|
|
22241
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
|
|
22242
|
-
}
|
|
22441
|
+
.pf-v6-c-about-modal-box__close .pf-v6-c-button.pf-m-plain {
|
|
22442
|
+
font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
|
|
22243
22443
|
}
|
|
22444
|
+
|
|
22244
22445
|
:root,
|
|
22245
22446
|
.pf-v6-l-grid {
|
|
22246
22447
|
--pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
|
|
@@ -23229,223 +23430,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23229
23430
|
grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
23230
23431
|
}
|
|
23231
23432
|
|
|
23232
|
-
:root,
|
|
23233
|
-
.pf-v6-l-level {
|
|
23234
|
-
--pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
23235
|
-
}
|
|
23236
|
-
|
|
23237
|
-
.pf-v6-l-level {
|
|
23238
|
-
display: flex;
|
|
23239
|
-
flex-wrap: wrap;
|
|
23240
|
-
align-items: center;
|
|
23241
|
-
justify-content: space-between;
|
|
23242
|
-
}
|
|
23243
|
-
|
|
23244
|
-
.pf-v6-l-level.pf-m-gutter {
|
|
23245
|
-
gap: var(--pf-v6-l-level--m-gutter--Gap);
|
|
23246
|
-
}
|
|
23247
|
-
|
|
23248
|
-
:root,
|
|
23249
|
-
.pf-v6-c-about-modal-box {
|
|
23250
|
-
--pf-v6-c-about-modal-box--BackgroundImage: none;
|
|
23251
|
-
--pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
23252
|
-
--pf-v6-c-about-modal-box--BackgroundSize--min-width: 200px;
|
|
23253
|
-
--pf-v6-c-about-modal-box--BackgroundSize--width: 60%;
|
|
23254
|
-
--pf-v6-c-about-modal-box--BackgroundSize--max-width: 600px;
|
|
23255
|
-
--pf-v6-c-about-modal-box--BackgroundSize: clamp(var(--pf-v6-c-about-modal-box--BackgroundSize--min-width), var(--pf-v6-c-about-modal-box--BackgroundSize--width), var(--pf-v6-c-about-modal-box--BackgroundSize--max-width));
|
|
23256
|
-
--pf-v6-c-about-modal-box--Height: 100%;
|
|
23257
|
-
--pf-v6-c-about-modal-box--lg--Height: 47.625rem;
|
|
23258
|
-
--pf-v6-c-about-modal-box--Width: 100%;
|
|
23259
|
-
--pf-v6-c-about-modal-box--sm--GridTemplateColumns: 5fr 1fr;
|
|
23260
|
-
--pf-v6-c-about-modal-box--lg--GridTemplateColumns: 1fr .6fr;
|
|
23261
|
-
--pf-v6-c-about-modal-box__brand--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
23262
|
-
--pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
23263
|
-
--pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
23264
|
-
--pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
23265
|
-
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
23266
|
-
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
23267
|
-
--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
23268
|
-
--pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
23269
|
-
--pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
23270
|
-
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
23271
|
-
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
23272
|
-
--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
23273
|
-
--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
23274
|
-
--pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
|
|
23275
|
-
--pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
|
|
23276
|
-
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
23277
|
-
--pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
23278
|
-
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
23279
|
-
--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
23280
|
-
--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
23281
|
-
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
23282
|
-
--pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
23283
|
-
--pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
|
|
23284
|
-
--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
23285
|
-
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
23286
|
-
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
23287
|
-
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
|
|
23288
|
-
--pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
23289
|
-
--pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
|
|
23290
|
-
--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
23291
|
-
--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
23292
|
-
--pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
|
|
23293
|
-
}
|
|
23294
|
-
|
|
23295
|
-
@media screen and (min-width: 36rem) {
|
|
23296
|
-
:root,
|
|
23297
|
-
.pf-v6-c-about-modal-box {
|
|
23298
|
-
--pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd);
|
|
23299
|
-
--pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart);
|
|
23300
|
-
--pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
|
|
23301
|
-
}
|
|
23302
|
-
}
|
|
23303
|
-
@media only screen and (min-width: 36rem) {
|
|
23304
|
-
:root,
|
|
23305
|
-
.pf-v6-c-about-modal-box {
|
|
23306
|
-
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
|
|
23307
|
-
}
|
|
23308
|
-
}
|
|
23309
|
-
@media only screen and (min-width: 62rem) {
|
|
23310
|
-
:root,
|
|
23311
|
-
.pf-v6-c-about-modal-box {
|
|
23312
|
-
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
|
|
23313
|
-
}
|
|
23314
|
-
}
|
|
23315
|
-
@media only screen and (min-width: 36rem) {
|
|
23316
|
-
:root,
|
|
23317
|
-
.pf-v6-c-about-modal-box {
|
|
23318
|
-
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
|
|
23319
|
-
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
|
|
23320
|
-
}
|
|
23321
|
-
}
|
|
23322
|
-
@media only screen and (min-width: 36rem) {
|
|
23323
|
-
:root,
|
|
23324
|
-
.pf-v6-c-about-modal-box {
|
|
23325
|
-
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
|
|
23326
|
-
}
|
|
23327
|
-
}
|
|
23328
|
-
@media only screen and (min-width: 36rem) {
|
|
23329
|
-
:root,
|
|
23330
|
-
.pf-v6-c-about-modal-box {
|
|
23331
|
-
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
|
|
23332
|
-
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd);
|
|
23333
|
-
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd);
|
|
23334
|
-
--pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineStart);
|
|
23335
|
-
}
|
|
23336
|
-
}
|
|
23337
|
-
.pf-v6-c-about-modal-box {
|
|
23338
|
-
position: relative;
|
|
23339
|
-
display: grid;
|
|
23340
|
-
grid-template-areas: "brand close" "header header" "content content";
|
|
23341
|
-
grid-template-rows: max-content max-content auto;
|
|
23342
|
-
width: var(--pf-v6-c-about-modal-box--Width);
|
|
23343
|
-
height: var(--pf-v6-c-about-modal-box--Height);
|
|
23344
|
-
overflow-x: hidden;
|
|
23345
|
-
overflow-y: auto;
|
|
23346
|
-
background-color: var(--pf-v6-c-about-modal-box--BackgroundColor);
|
|
23347
|
-
background-image: var(--pf-v6-c-about-modal-box--BackgroundImage);
|
|
23348
|
-
background-repeat: no-repeat;
|
|
23349
|
-
background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
|
|
23350
|
-
background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
|
|
23351
|
-
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
23352
|
-
}
|
|
23353
|
-
|
|
23354
|
-
@media only screen and (min-width: 36rem) {
|
|
23355
|
-
.pf-v6-c-about-modal-box {
|
|
23356
|
-
grid-template-areas: "brand close" "header close" "content close";
|
|
23357
|
-
grid-template-columns: var(--pf-v6-c-about-modal-box--sm--GridTemplateColumns);
|
|
23358
|
-
}
|
|
23359
|
-
}
|
|
23360
|
-
@media only screen and (min-width: 62rem) {
|
|
23361
|
-
.pf-v6-c-about-modal-box {
|
|
23362
|
-
--pf-v6-c-about-modal-box--Height: var(--pf-v6-c-about-modal-box--lg--Height);
|
|
23363
|
-
--pf-v6-c-about-modal-box--Width: var(--pf-v6-c-about-modal-box--lg--Width);
|
|
23364
|
-
grid-template-rows: max-content max-content auto;
|
|
23365
|
-
grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
|
|
23366
|
-
}
|
|
23367
|
-
}
|
|
23368
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
|
|
23369
|
-
--pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
|
|
23370
|
-
}
|
|
23371
|
-
|
|
23372
|
-
.pf-v6-c-about-modal-box__brand {
|
|
23373
|
-
display: flex;
|
|
23374
|
-
grid-area: brand;
|
|
23375
|
-
padding-block-start: var(--pf-v6-c-about-modal-box__brand--PaddingBlockStart);
|
|
23376
|
-
padding-block-end: var(--pf-v6-c-about-modal-box__brand--PaddingBlockEnd);
|
|
23377
|
-
padding-inline-start: var(--pf-v6-c-about-modal-box__brand--PaddingInlineStart);
|
|
23378
|
-
padding-inline-end: var(--pf-v6-c-about-modal-box__brand--PaddingInlineEnd);
|
|
23379
|
-
}
|
|
23380
|
-
|
|
23381
|
-
.pf-v6-c-about-modal-box__brand-image {
|
|
23382
|
-
height: var(--pf-v6-c-about-modal-box__brand-image--Height);
|
|
23383
|
-
}
|
|
23384
|
-
|
|
23385
|
-
.pf-v6-c-about-modal-box__header {
|
|
23386
|
-
display: flex;
|
|
23387
|
-
flex-direction: column;
|
|
23388
|
-
grid-area: header;
|
|
23389
|
-
padding-block-end: var(--pf-v6-c-about-modal-box__header--PaddingBlockEnd);
|
|
23390
|
-
padding-inline-start: var(--pf-v6-c-about-modal-box__header--PaddingInlineStart);
|
|
23391
|
-
padding-inline-end: var(--pf-v6-c-about-modal-box__header--PaddingInlineEnd);
|
|
23392
|
-
}
|
|
23393
|
-
|
|
23394
|
-
.pf-v6-c-about-modal-box__strapline {
|
|
23395
|
-
padding-block-start: var(--pf-v6-c-about-modal-box__strapline--PaddingBlockStart);
|
|
23396
|
-
margin-block-start: auto;
|
|
23397
|
-
font-size: var(--pf-v6-c-about-modal-box__strapline--FontSize);
|
|
23398
|
-
color: var(--pf-v6-c-about-modal-box__strapline--Color);
|
|
23399
|
-
}
|
|
23400
|
-
|
|
23401
|
-
.pf-v6-c-about-modal-box__content {
|
|
23402
|
-
display: flex;
|
|
23403
|
-
flex-direction: column;
|
|
23404
|
-
grid-area: content;
|
|
23405
|
-
margin-block-start: var(--pf-v6-c-about-modal-box__content--MarginBlockStart);
|
|
23406
|
-
margin-block-end: var(--pf-v6-c-about-modal-box__content--MarginBlockEnd);
|
|
23407
|
-
margin-inline-start: var(--pf-v6-c-about-modal-box__content--MarginInlineStart);
|
|
23408
|
-
margin-inline-end: var(--pf-v6-c-about-modal-box__content--MarginInlineEnd);
|
|
23409
|
-
overflow-x: hidden;
|
|
23410
|
-
overflow-y: auto;
|
|
23411
|
-
overscroll-behavior: contain;
|
|
23412
|
-
word-break: break-word;
|
|
23413
|
-
-webkit-overflow-scrolling: touch;
|
|
23414
|
-
}
|
|
23415
|
-
|
|
23416
|
-
@media screen and (min-width: 36rem) {
|
|
23417
|
-
.pf-v6-c-about-modal-box__content {
|
|
23418
|
-
overflow: visible;
|
|
23419
|
-
overscroll-behavior: auto;
|
|
23420
|
-
}
|
|
23421
|
-
}
|
|
23422
|
-
.pf-v6-c-about-modal-box__close {
|
|
23423
|
-
position: sticky;
|
|
23424
|
-
inset-block-start: 0;
|
|
23425
|
-
display: flex;
|
|
23426
|
-
grid-area: close;
|
|
23427
|
-
align-items: flex-start;
|
|
23428
|
-
justify-content: flex-end;
|
|
23429
|
-
padding-block-start: var(--pf-v6-c-about-modal-box__close--PaddingBlockStart);
|
|
23430
|
-
padding-block-end: var(--pf-v6-c-about-modal-box__close--PaddingBlockEnd);
|
|
23431
|
-
padding-inline-end: var(--pf-v6-c-about-modal-box__close--PaddingInlineEnd);
|
|
23432
|
-
}
|
|
23433
|
-
|
|
23434
|
-
@media only screen and (min-width: 36rem) {
|
|
23435
|
-
.pf-v6-c-about-modal-box__close {
|
|
23436
|
-
grid-area: 1/2;
|
|
23437
|
-
justify-content: center;
|
|
23438
|
-
}
|
|
23439
|
-
}
|
|
23440
|
-
@media only screen and (min-width: 62rem) {
|
|
23441
|
-
.pf-v6-c-about-modal-box__close {
|
|
23442
|
-
justify-content: flex-end;
|
|
23443
|
-
}
|
|
23444
|
-
}
|
|
23445
|
-
.pf-v6-c-about-modal-box__close .pf-v6-c-button.pf-m-plain {
|
|
23446
|
-
font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
|
|
23447
|
-
}
|
|
23448
|
-
|
|
23449
23433
|
:root,
|
|
23450
23434
|
.pf-v6-l-split {
|
|
23451
23435
|
--pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
@@ -23469,6 +23453,22 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23469
23453
|
gap: var(--pf-v6-l-stack--m-gutter--Gap);
|
|
23470
23454
|
}
|
|
23471
23455
|
|
|
23456
|
+
:root,
|
|
23457
|
+
.pf-v6-l-level {
|
|
23458
|
+
--pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
23459
|
+
}
|
|
23460
|
+
|
|
23461
|
+
.pf-v6-l-level {
|
|
23462
|
+
display: flex;
|
|
23463
|
+
flex-wrap: wrap;
|
|
23464
|
+
align-items: center;
|
|
23465
|
+
justify-content: space-between;
|
|
23466
|
+
}
|
|
23467
|
+
|
|
23468
|
+
.pf-v6-l-level.pf-m-gutter {
|
|
23469
|
+
gap: var(--pf-v6-l-level--m-gutter--Gap);
|
|
23470
|
+
}
|
|
23471
|
+
|
|
23472
23472
|
:root,
|
|
23473
23473
|
.pf-v6-l-stack {
|
|
23474
23474
|
--pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|