@patternfly/patternfly 6.5.0-prerelease.4 → 6.5.0-prerelease.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/assets/fontawesome/_variables.scss +2 -1
- package/assets/images/RHAiExperienceIcon.svg +27 -0
- package/assets/images/RHAutomationsLogo.svg +96 -0
- package/assets/images/RHServerStackIcon.svg +16 -0
- package/assets/images/compass--hero-bg.png +0 -0
- package/assets/images/compass--rh-wallpaper-dark.png +0 -0
- package/assets/images/compass--rh-wallpaper-light.png +0 -0
- package/assets/images/compass--wallpaper-dark.png +0 -0
- package/assets/images/compass--wallpaper-light.png +0 -0
- package/base/normalize.scss +7 -0
- package/base/patternfly-common.css +50 -0
- package/base/patternfly-common.scss +59 -0
- package/base/patternfly-variables.css +345 -14
- package/base/patternfly-variables.scss +40 -0
- package/base/tokens/tokens-dark.scss +51 -3
- package/base/tokens/tokens-default.scss +67 -13
- package/base/tokens/tokens-glass-dark.scss +9 -0
- package/base/tokens/tokens-glass.scss +9 -0
- package/base/tokens/tokens-local.scss +16 -0
- package/base/tokens/tokens-palette.scss +3 -1
- package/base/tokens/tokens-redhat-dark.scss +14 -0
- package/base/tokens/tokens-redhat-glass-dark.scss +16 -0
- package/base/tokens/tokens-redhat-glass.scss +15 -0
- package/base/tokens/tokens-redhat-highcontrast-dark.scss +47 -0
- package/base/tokens/tokens-redhat-highcontrast.scss +127 -0
- package/base/tokens/tokens-redhat.scss +15 -0
- package/components/AboutModalBox/about-modal-box.css +36 -26
- package/components/Accordion/accordion.css +16 -13
- package/components/Accordion/accordion.scss +0 -1
- package/components/ActionList/action-list.css +2 -0
- package/components/ActionList/action-list.scss +2 -0
- package/components/Alert/alert.css +5 -4
- package/components/Avatar/avatar.css +12 -4
- package/components/BackgroundImage/background-image.css +6 -3
- package/components/Banner/banner.css +8 -6
- package/components/Brand/brand.css +3 -1
- package/components/Breadcrumb/breadcrumb.css +4 -3
- package/components/Button/button.css +39 -9
- package/components/Button/button.scss +40 -4
- package/components/CalendarMonth/calendar-month.css +4 -3
- package/components/Card/card.css +19 -6
- package/components/Card/card.scss +15 -1
- package/components/ClipboardCopy/clipboard-copy.css +4 -3
- package/components/CodeEditor/code-editor.css +1 -1
- package/components/CodeEditor/code-editor.scss +1 -1
- package/components/Compass/compass.css +320 -0
- package/components/Compass/compass.scss +349 -0
- package/components/DataList/data-list.css +33 -22
- package/components/DataList/data-list.scss +6 -1
- package/components/DescriptionList/description-list-order.scss +5 -1
- package/components/DescriptionList/description-list.css +7 -5
- package/components/DescriptionList/description-list.scss +5 -1
- package/components/Divider/divider.css +7 -5
- package/components/Drawer/drawer.css +110 -56
- package/components/Drawer/drawer.scss +69 -9
- package/components/DualListSelector/dual-list-selector.css +17 -11
- package/components/ExpandableSection/expandable-section.css +19 -14
- package/components/ExpandableSection/expandable-section.scss +4 -1
- package/components/Form/form.css +1 -1
- package/components/Form/form.scss +1 -1
- package/components/FormControl/form-control.css +1 -1
- package/components/FormControl/form-control.scss +1 -1
- package/components/Hero/hero.css +74 -0
- package/components/Hero/hero.scss +86 -0
- package/components/JumpLinks/jump-links.css +4 -3
- package/components/JumpLinks/jump-links.scss +5 -1
- package/components/Label/label-group.css +2 -2
- package/components/Label/label-group.scss +2 -2
- package/components/Label/label.css +4 -3
- package/components/Login/login.css +51 -37
- package/components/Masthead/masthead.css +70 -16
- package/components/Masthead/masthead.scss +54 -1
- package/components/Menu/menu.css +23 -14
- package/components/MenuToggle/menu-toggle.css +4 -0
- package/components/MenuToggle/menu-toggle.scss +5 -0
- package/components/ModalBox/modal-box.css +9 -7
- package/components/ModalBox/modal-box.scss +2 -2
- package/components/Nav/nav.css +72 -9
- package/components/Nav/nav.scss +75 -3
- package/components/NotificationDrawer/notification-drawer.css +8 -6
- package/components/NotificationDrawer/notification-drawer.scss +2 -0
- package/components/Page/page.css +55 -29
- package/components/Page/page.scss +44 -5
- package/components/Pagination/pagination.scss +5 -1
- package/components/ProgressStepper/progress-stepper.scss +5 -1
- package/components/Sidebar/sidebar.css +1 -1
- package/components/Sidebar/sidebar.scss +7 -3
- package/components/Skeleton/skeleton.css +16 -15
- package/components/Slider/slider.css +32 -18
- package/components/Switch/switch.css +3 -1
- package/components/Table/table-grid.css +28 -36
- package/components/Table/table-grid.scss +4 -4
- package/components/Table/table-tree-view.css +4 -2
- package/components/Table/table.css +31 -27
- package/components/Tabs/tabs.css +33 -16
- package/components/Tabs/tabs.scss +33 -5
- package/components/Toolbar/toolbar.css +46 -14
- package/components/Toolbar/toolbar.scss +33 -5
- package/components/TreeView/tree-view.css +44 -13
- package/components/TreeView/tree-view.scss +31 -0
- package/components/Wizard/wizard.css +20 -16
- package/components/Wizard/wizard.scss +3 -3
- package/components/_index.css +1460 -633
- package/components/_index.scss +3 -1
- package/docs/components/Avatar/examples/Avatar.md +4 -4
- package/docs/components/Brand/examples/Brand.md +2 -2
- package/docs/components/Button/examples/Button.md +116 -0
- package/docs/components/Card/examples/Card.md +154 -0
- package/docs/components/Compass/examples/Compass.css +17 -0
- package/docs/components/Compass/examples/Compass.md +118 -0
- package/docs/components/DataList/examples/DataList.md +184 -188
- package/docs/components/DescriptionList/examples/DescriptionList.md +2 -2
- package/docs/components/Divider/examples/Divider.md +2 -2
- package/docs/components/Drawer/examples/Drawer.md +83 -17
- package/docs/components/Hero/examples/Hero.md +25 -0
- package/docs/components/Icon/examples/Icon.md +1 -1
- package/docs/components/InputGroup/examples/InputGroup.md +1 -1
- package/docs/components/JumpLinks/examples/JumpLinks.md +2 -2
- package/docs/components/Masthead/examples/masthead.md +68 -1
- package/docs/components/Menu/examples/Menu.md +2 -2
- package/docs/components/MenuToggle/examples/MenuToggle.md +40 -0
- package/docs/components/ModalBox/examples/ModalBox.md +1 -1
- package/docs/components/Nav/examples/Navigation.md +44 -0
- package/docs/components/Page/examples/Page.md +39 -2
- package/docs/components/Pagination/examples/Pagination.md +3 -3
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +2 -2
- package/docs/components/Sidebar/examples/Sidebar.md +1 -1
- package/docs/components/Table/examples/Table.md +4 -3
- package/docs/components/Tabs/examples/Tabs.md +998 -83
- package/docs/components/Toolbar/examples/Toolbar.md +35 -7
- package/docs/components/TreeView/examples/TreeView.md +38 -26
- package/docs/components/Wizard/examples/Wizard.md +15 -15
- package/docs/demos/AboutModal/examples/AboutModal.md +5 -5
- package/docs/demos/Alert/examples/Alert.md +15 -15
- package/docs/demos/BackToTop/examples/BackToTop.md +5 -5
- package/docs/demos/Banner/examples/Banner.md +10 -10
- package/docs/demos/Card/examples/Card.md +14 -2
- package/docs/demos/CardView/examples/CardView.md +5 -5
- package/docs/demos/Compass/examples/Compass.md +6470 -0
- package/docs/demos/Dashboard/examples/Dashboard.md +6 -9
- package/docs/demos/DataList/examples/DataList.md +20 -23
- package/docs/demos/DescriptionList/examples/DescriptionList.md +57 -50
- package/docs/demos/Drawer/examples/Drawer.md +67 -60
- package/docs/demos/JumpLinks/examples/JumpLinks.md +30 -30
- package/docs/demos/Masthead/examples/Masthead.md +55 -58
- package/docs/demos/Modal/examples/Modal.md +30 -33
- package/docs/demos/Nav/examples/Nav.md +299 -62
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +25 -25
- package/docs/demos/Page/examples/Page.md +70 -79
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +178 -200
- package/docs/demos/Skeleton/examples/Skeleton.md +5 -5
- package/docs/demos/Table/examples/Table.md +1922 -78
- package/docs/demos/Tabs/examples/Tabs.md +102 -39
- package/docs/demos/Toolbar/examples/Toolbar.md +10 -10
- package/docs/demos/Wizard/examples/Wizard.md +76 -82
- package/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
- package/docs/layouts/Bullseye/examples/Bullseye.md +2 -1
- package/docs/layouts/Flex/examples/Flex.css +3 -3
- package/docs/layouts/Flex/examples/Flex.md +3 -2
- package/docs/layouts/Gallery/examples/Gallery.css +2 -2
- package/docs/layouts/Gallery/examples/Gallery.md +4 -3
- package/docs/layouts/Grid/examples/Grid.css +1 -1
- package/docs/layouts/Grid/examples/Grid.md +6 -5
- package/docs/layouts/Level/examples/Level.css +3 -3
- package/docs/layouts/Level/examples/Level.md +2 -1
- package/docs/layouts/Split/examples/Split.css +1 -1
- package/docs/layouts/Split/examples/Split.md +2 -1
- package/docs/layouts/Stack/examples/Stack.css +3 -3
- package/docs/layouts/Stack/examples/Stack.md +2 -1
- package/docs/utilities/Accessibility/examples/Accessibility.md +3 -2
- package/docs/utilities/Alignment/examples/Alignment.css +4 -4
- package/docs/utilities/Alignment/examples/Alignment.md +3 -2
- package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +5 -4
- package/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
- package/docs/utilities/BoxShadow/examples/box-shadow.md +2 -1
- package/docs/utilities/Display/examples/Display.css +1 -1
- package/docs/utilities/Display/examples/Display.md +3 -2
- package/docs/utilities/Flex/examples/Flex.css +7 -7
- package/docs/utilities/Flex/examples/Flex.md +3 -2
- package/docs/utilities/Float/examples/Float.css +2 -2
- package/docs/utilities/Float/examples/Float.md +3 -2
- package/docs/utilities/Sizing/examples/Sizing.md +8 -7
- package/docs/utilities/Spacing/examples/Spacing.css +2 -2
- package/docs/utilities/Spacing/examples/Spacing.md +3 -2
- package/docs/utilities/Text/examples/Text.md +5 -4
- package/icons/PfIcons/add-circle-o.svg +4 -0
- package/icons/PfIcons/ansible-tower.svg +4 -0
- package/icons/PfIcons/applications.svg +4 -0
- package/icons/PfIcons/arrow.svg +4 -0
- package/icons/PfIcons/asleep.svg +4 -0
- package/icons/PfIcons/attention-bell.svg +4 -0
- package/icons/PfIcons/automation.svg +4 -0
- package/icons/PfIcons/bell.svg +4 -0
- package/icons/PfIcons/blueprint.svg +4 -0
- package/icons/PfIcons/build.svg +4 -0
- package/icons/PfIcons/builder-image.svg +4 -0
- package/icons/PfIcons/bundle.svg +4 -0
- package/icons/PfIcons/catalog.svg +4 -0
- package/icons/PfIcons/chat.svg +4 -0
- package/icons/PfIcons/close.svg +4 -0
- package/icons/PfIcons/cloud-security.svg +4 -0
- package/icons/PfIcons/cloud-tenant.svg +4 -0
- package/icons/PfIcons/cluster.svg +4 -0
- package/icons/PfIcons/connected.svg +4 -0
- package/icons/PfIcons/container-node.svg +4 -0
- package/icons/PfIcons/cpu.svg +4 -0
- package/icons/PfIcons/critical-risk.svg +4 -0
- package/icons/PfIcons/data-processor.svg +4 -0
- package/icons/PfIcons/data-sink.svg +4 -0
- package/icons/PfIcons/data-source.svg +4 -0
- package/icons/PfIcons/degraded.svg +4 -0
- package/icons/PfIcons/disconnected.svg +4 -0
- package/icons/PfIcons/domain.svg +4 -0
- package/icons/PfIcons/edit.svg +4 -0
- package/icons/PfIcons/enhancement.svg +4 -0
- package/icons/PfIcons/enterprise.svg +4 -0
- package/icons/PfIcons/equalizer.svg +4 -0
- package/icons/PfIcons/error-circle-o.svg +4 -0
- package/icons/PfIcons/export.svg +4 -0
- package/icons/PfIcons/filter.svg +4 -0
- package/icons/PfIcons/flavor.svg +4 -0
- package/icons/PfIcons/folder-close.svg +4 -0
- package/icons/PfIcons/folder-open.svg +4 -0
- package/icons/PfIcons/globe-route.svg +4 -0
- package/icons/PfIcons/help.svg +4 -0
- package/icons/PfIcons/history.svg +4 -0
- package/icons/PfIcons/home.svg +4 -0
- package/icons/PfIcons/import.svg +4 -0
- package/icons/PfIcons/in-progress.svg +4 -0
- package/icons/PfIcons/info.svg +4 -0
- package/icons/PfIcons/infrastructure.svg +4 -0
- package/icons/PfIcons/integration.svg +4 -0
- package/icons/PfIcons/key.svg +4 -0
- package/icons/PfIcons/locked.svg +4 -0
- package/icons/PfIcons/maintenance.svg +4 -0
- package/icons/PfIcons/memory.svg +4 -0
- package/icons/PfIcons/messages.svg +4 -0
- package/icons/PfIcons/middleware.svg +4 -0
- package/icons/PfIcons/migration.svg +4 -0
- package/icons/PfIcons/module.svg +4 -0
- package/icons/PfIcons/monitoring.svg +4 -0
- package/icons/PfIcons/multicluster.svg +4 -0
- package/icons/PfIcons/namespaces.svg +4 -0
- package/icons/PfIcons/network.svg +4 -0
- package/icons/PfIcons/new-process.svg +4 -0
- package/icons/PfIcons/not-started.svg +4 -0
- package/icons/PfIcons/off.svg +4 -0
- package/icons/PfIcons/ok.svg +4 -0
- package/icons/PfIcons/on-running.svg +4 -0
- package/icons/PfIcons/on.svg +4 -0
- package/icons/PfIcons/open-drawer-right.svg +4 -0
- package/icons/PfIcons/openshift.svg +4 -0
- package/icons/PfIcons/openstack.svg +4 -0
- package/icons/PfIcons/optimize.svg +4 -0
- package/icons/PfIcons/orders.svg +4 -0
- package/icons/PfIcons/os-image.svg +4 -0
- package/icons/PfIcons/package.svg +4 -0
- package/icons/PfIcons/panel-close.svg +4 -0
- package/icons/PfIcons/panel-open.svg +4 -0
- package/icons/PfIcons/paused.svg +4 -0
- package/icons/PfIcons/pending.svg +4 -0
- package/icons/PfIcons/pficon-dragdrop.svg +4 -0
- package/icons/PfIcons/pficon-history.svg +4 -0
- package/icons/PfIcons/pficon-network-range.svg +4 -0
- package/icons/PfIcons/pficon-satellite.svg +4 -0
- package/icons/PfIcons/pficon-sort-common-asc.svg +4 -0
- package/icons/PfIcons/pficon-sort-common-desc.svg +4 -0
- package/icons/PfIcons/pficon-template.svg +4 -0
- package/icons/PfIcons/pficon-vcenter.svg +4 -0
- package/icons/PfIcons/plugged.svg +4 -0
- package/icons/PfIcons/port.svg +4 -0
- package/icons/PfIcons/print.svg +4 -0
- package/icons/PfIcons/private.svg +4 -0
- package/icons/PfIcons/process-automation.svg +4 -0
- package/icons/PfIcons/project.svg +4 -0
- package/icons/PfIcons/rebalance.svg +4 -0
- package/icons/PfIcons/rebooting.svg +4 -0
- package/icons/PfIcons/regions.svg +4 -0
- package/icons/PfIcons/registry.svg +4 -0
- package/icons/PfIcons/remove2.svg +4 -0
- package/icons/PfIcons/replicator.svg +4 -0
- package/icons/PfIcons/repository.svg +4 -0
- package/icons/PfIcons/resource-pool.svg +4 -0
- package/icons/PfIcons/resources-almost-empty.svg +4 -0
- package/icons/PfIcons/resources-almost-full.svg +4 -0
- package/icons/PfIcons/resources-empty.svg +4 -0
- package/icons/PfIcons/resources-full.svg +4 -0
- package/icons/PfIcons/running.svg +4 -0
- package/icons/PfIcons/save.svg +4 -0
- package/icons/PfIcons/screen.svg +4 -0
- package/icons/PfIcons/security.svg +4 -0
- package/icons/PfIcons/server-group.svg +4 -0
- package/icons/PfIcons/server.svg +4 -0
- package/icons/PfIcons/service-catalog.svg +4 -0
- package/icons/PfIcons/service.svg +4 -0
- package/icons/PfIcons/services.svg +4 -0
- package/icons/PfIcons/severity-critical.svg +4 -0
- package/icons/PfIcons/severity-important.svg +4 -0
- package/icons/PfIcons/severity-minor.svg +4 -0
- package/icons/PfIcons/severity-moderate.svg +4 -0
- package/icons/PfIcons/severity-none.svg +4 -0
- package/icons/PfIcons/severity-undefined.svg +4 -0
- package/icons/PfIcons/spinner.svg +4 -0
- package/icons/PfIcons/spinner2.svg +4 -0
- package/icons/PfIcons/storage-domain.svg +4 -0
- package/icons/PfIcons/task.svg +4 -0
- package/icons/PfIcons/tenant.svg +4 -0
- package/icons/PfIcons/thumb-tack.svg +4 -0
- package/icons/PfIcons/topology.svg +4 -0
- package/icons/PfIcons/treeview.svg +4 -0
- package/icons/PfIcons/trend-down.svg +4 -0
- package/icons/PfIcons/trend-up.svg +4 -0
- package/icons/PfIcons/unknown.svg +4 -0
- package/icons/PfIcons/unlocked.svg +4 -0
- package/icons/PfIcons/unplugged.svg +4 -0
- package/icons/PfIcons/user.svg +4 -0
- package/icons/PfIcons/users.svg +4 -0
- package/icons/PfIcons/virtual-machine.svg +4 -0
- package/icons/PfIcons/volume.svg +4 -0
- package/icons/PfIcons/warning-triangle.svg +4 -0
- package/icons/PfIcons/zone.svg +4 -0
- package/layouts/Flex/flex.scss +83 -19
- package/layouts/Gallery/gallery.css +6 -2
- package/layouts/_index.css +6 -2
- package/package.json +34 -16
- package/patternfly-base-no-globals.css +395 -14
- package/patternfly-base.css +402 -14
- package/patternfly-charts.css +3 -3
- package/patternfly-no-globals.css +1785 -573
- package/patternfly.css +1792 -573
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/functions.scss +32 -25
- package/sass-utilities/mixins.scss +36 -20
- package/sass-utilities/namespaces-components.scss +6 -0
package/patternfly.css
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
@charset "UTF-8";
|
|
2
1
|
:where(html,
|
|
3
2
|
body,
|
|
4
3
|
p,
|
|
@@ -119,11 +118,18 @@ pre) {
|
|
|
119
118
|
:where(a) {
|
|
120
119
|
color: var(--pf-t--global--text--color--link--default);
|
|
121
120
|
text-decoration-line: var(--pf-t--global--text-decoration--link--line--default);
|
|
121
|
+
text-decoration-style: var(--pf-t--global--text-decoration--link--style--default);
|
|
122
|
+
text-decoration-color: var(--pf-t--global--text-decoration--color--default);
|
|
123
|
+
text-underline-offset: max(var(--pf-t--global--text-decoration--offset--default), 0.28em);
|
|
124
|
+
transition: ease text-underline-offset 0.3s;
|
|
122
125
|
}
|
|
123
126
|
|
|
124
127
|
:where(a:hover, a:focus) {
|
|
125
128
|
color: var(--pf-t--global--text--color--link--hover);
|
|
126
129
|
text-decoration-line: var(--pf-t--global--text-decoration--link--line--hover);
|
|
130
|
+
text-decoration-style: var(--pf-t--global--text-decoration--link--style--hover);
|
|
131
|
+
text-decoration-color: var(--pf-t--global--text-decoration--color--hover);
|
|
132
|
+
text-underline-offset: max(var(--pf-t--global--text-decoration--offset--hover), 0.33em);
|
|
127
133
|
}
|
|
128
134
|
|
|
129
135
|
:where(a,
|
|
@@ -196,11 +202,61 @@ button) {
|
|
|
196
202
|
--pf-t--global--duration--200: 1ms !important;
|
|
197
203
|
--pf-t--global--duration--100: 1ms !important;
|
|
198
204
|
--pf-t--global--duration--50: 1ms !important;
|
|
205
|
+
--pf-v6-global--thinking-active--Animation--Duration: 0 !important;
|
|
199
206
|
}
|
|
200
207
|
|
|
208
|
+
.pf-v6-m-ai-indicator {
|
|
209
|
+
position: relative;
|
|
210
|
+
}
|
|
211
|
+
.pf-v6-m-ai-indicator::before {
|
|
212
|
+
position: absolute;
|
|
213
|
+
inset: 0;
|
|
214
|
+
pointer-events: none;
|
|
215
|
+
content: "";
|
|
216
|
+
background: linear-gradient(to right, #f56e6e 0%, #876fd4 65%, #5e40be 100%) border-box;
|
|
217
|
+
border: var(--pf-t--global--border--width--extra-strong) solid transparent;
|
|
218
|
+
border-radius: inherit;
|
|
219
|
+
mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
|
|
220
|
+
mask-composite: exclude;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
@property --pf-v6-global--thinking--BoxShadow--Spread {
|
|
224
|
+
syntax: "<length>";
|
|
225
|
+
initial-value: 0;
|
|
226
|
+
inherits: false;
|
|
227
|
+
}
|
|
228
|
+
.pf-v6-m-thinking {
|
|
229
|
+
box-shadow: 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-End), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-End), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-Start), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-Start);
|
|
230
|
+
animation: pf-v6-global-thinking var(--pf-v6-global--thinking-active--Animation--Duration) infinite ease-in-out;
|
|
231
|
+
}
|
|
232
|
+
.pf-v6-m-thinking.pf-m-inset {
|
|
233
|
+
box-shadow: inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-End), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-End), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-Start), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-Start);
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
@keyframes pf-v6-global-thinking {
|
|
237
|
+
50% {
|
|
238
|
+
--pf-v6-global--thinking--BoxShadow--Spread: var(--pf-v6-global--thinking-active--BoxShadow--Spread);
|
|
239
|
+
}
|
|
240
|
+
}
|
|
201
241
|
:root {
|
|
202
242
|
--pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
|
|
203
243
|
--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
|
|
244
|
+
--pf-v6-global--thinking--BoxShadow--Spread: 0px;
|
|
245
|
+
--pf-v6-global--thinking--BoxShadow--Color--Start-Start: oklch(45.9% 0.187 3.815deg);
|
|
246
|
+
--pf-v6-global--thinking--BoxShadow--Color--Start-End: oklch(50% 0.134 242.749deg);
|
|
247
|
+
--pf-v6-global--thinking--BoxShadow--Color--End-Start: oklch(45.9% 0.187 3.815deg);
|
|
248
|
+
--pf-v6-global--thinking--BoxShadow--Color--End-End: oklch(43.2% 0.232 292.759deg);
|
|
249
|
+
--pf-v6-global--thinking-active--BoxShadow--Spread: 15px;
|
|
250
|
+
--pf-v6-global--thinking-active--Animation--Duration: 0;
|
|
251
|
+
}
|
|
252
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
253
|
+
:root {
|
|
254
|
+
--pf-v6-global--thinking-active--Animation--Duration: 2s;
|
|
255
|
+
}
|
|
256
|
+
}
|
|
257
|
+
:root {
|
|
258
|
+
container-type: inline-size;
|
|
259
|
+
container-name: pf-v6-contain-viewport pf-v6-contain-table;
|
|
204
260
|
}
|
|
205
261
|
|
|
206
262
|
@property --pf-v6-global--danger-jiggle--TranslateX {
|
|
@@ -6409,6 +6465,7 @@ button) {
|
|
|
6409
6465
|
--pf-t--color--gray--20: #e0e0e0;
|
|
6410
6466
|
--pf-t--color--gray--30: #c7c7c7;
|
|
6411
6467
|
--pf-t--color--gray--40: #a3a3a3;
|
|
6468
|
+
--pf-t--color--gray--45: #8c8c8c;
|
|
6412
6469
|
--pf-t--color--gray--50: #707070;
|
|
6413
6470
|
--pf-t--color--gray--60: #4d4d4d;
|
|
6414
6471
|
--pf-t--color--gray--70: #383838;
|
|
@@ -6439,6 +6496,7 @@ button) {
|
|
|
6439
6496
|
--pf-t--color--purple--60: #3d2785;
|
|
6440
6497
|
--pf-t--color--purple--70: #21134d;
|
|
6441
6498
|
--pf-t--color--purple--80: #1b0d33;
|
|
6499
|
+
--pf-t--color--red--05: #fef0f0;
|
|
6442
6500
|
--pf-t--color--red--10: #fce3e3;
|
|
6443
6501
|
--pf-t--color--red--20: #fbc5c5;
|
|
6444
6502
|
--pf-t--color--red--30: #f9a8a8;
|
|
@@ -6472,9 +6530,14 @@ button) {
|
|
|
6472
6530
|
--pf-t--color--yellow--60: #96640f;
|
|
6473
6531
|
--pf-t--color--yellow--70: #73480b;
|
|
6474
6532
|
--pf-t--color--yellow--80: #54330b;
|
|
6475
|
-
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.
|
|
6533
|
+
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
|
|
6476
6534
|
--pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
|
|
6535
|
+
--pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
|
|
6477
6536
|
--pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
|
|
6537
|
+
--pf-t--global--background--filter--glass--blur--floating: blur(0px);
|
|
6538
|
+
--pf-t--global--background--filter--glass--blur--primary: blur(0px);
|
|
6539
|
+
--pf-t--global--background--opacity--glass--floating: 100%;
|
|
6540
|
+
--pf-t--global--background--opacity--glass--primary: 100%;
|
|
6478
6541
|
--pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
|
|
6479
6542
|
--pf-t--global--border--radius--0: 0px;
|
|
6480
6543
|
--pf-t--global--border--radius--100: 4px;
|
|
@@ -6502,12 +6565,12 @@ button) {
|
|
|
6502
6565
|
--pf-t--global--box-shadow--X--700: 10px;
|
|
6503
6566
|
--pf-t--global--box-shadow--X--800: 20px;
|
|
6504
6567
|
--pf-t--global--box-shadow--Y--100: -10px;
|
|
6505
|
-
--pf-t--global--box-shadow--Y--200: -
|
|
6568
|
+
--pf-t--global--box-shadow--Y--200: -2px;
|
|
6506
6569
|
--pf-t--global--box-shadow--Y--300: -1px;
|
|
6507
6570
|
--pf-t--global--box-shadow--Y--400: 0px;
|
|
6508
6571
|
--pf-t--global--box-shadow--Y--50: -20px;
|
|
6509
6572
|
--pf-t--global--box-shadow--Y--500: 1px;
|
|
6510
|
-
--pf-t--global--box-shadow--Y--600:
|
|
6573
|
+
--pf-t--global--box-shadow--Y--600: 2px;
|
|
6511
6574
|
--pf-t--global--box-shadow--Y--700: 10px;
|
|
6512
6575
|
--pf-t--global--box-shadow--Y--800: 20px;
|
|
6513
6576
|
--pf-t--global--box-shadow--blur--100: 4px;
|
|
@@ -6578,6 +6641,7 @@ button) {
|
|
|
6578
6641
|
--pf-t--global--spacer--800: 5rem;
|
|
6579
6642
|
--pf-t--global--text-decoration--line--100: none;
|
|
6580
6643
|
--pf-t--global--text-decoration--line--200: underline;
|
|
6644
|
+
--pf-t--global--text-decoration--offset--hover: 5;
|
|
6581
6645
|
--pf-t--global--text-decoration--style--100: solid;
|
|
6582
6646
|
--pf-t--global--text-decoration--style--200: dashed;
|
|
6583
6647
|
--pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
|
|
@@ -6599,12 +6663,14 @@ button) {
|
|
|
6599
6663
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
|
|
6600
6664
|
--pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
|
|
6601
6665
|
--pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
|
|
6666
|
+
--pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
|
|
6667
|
+
--pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
|
|
6602
6668
|
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
|
|
6603
6669
|
--pf-t--global--border--color--100: var(--pf-t--color--gray--30);
|
|
6604
6670
|
--pf-t--global--border--color--200: var(--pf-t--color--gray--40);
|
|
6605
|
-
--pf-t--global--border--color--300: var(--pf-t--color--gray--
|
|
6671
|
+
--pf-t--global--border--color--300: var(--pf-t--color--gray--45);
|
|
6606
6672
|
--pf-t--global--border--color--400: var(--pf-t--color--gray--60);
|
|
6607
|
-
--pf-t--global--border--color--50: var(--pf-t--color--gray--
|
|
6673
|
+
--pf-t--global--border--color--50: var(--pf-t--color--gray--10);
|
|
6608
6674
|
--pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
|
|
6609
6675
|
--pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
|
|
6610
6676
|
--pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
|
|
@@ -6614,9 +6680,9 @@ button) {
|
|
|
6614
6680
|
--pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
|
|
6615
6681
|
--pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
|
|
6616
6682
|
--pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
|
|
6617
|
-
--pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--
|
|
6683
|
+
--pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
|
|
6618
6684
|
--pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
|
|
6619
|
-
--pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--
|
|
6685
|
+
--pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
|
|
6620
6686
|
--pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
|
|
6621
6687
|
--pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
|
|
6622
6688
|
--pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
|
|
@@ -6690,9 +6756,17 @@ button) {
|
|
|
6690
6756
|
--pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
|
|
6691
6757
|
--pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
|
|
6692
6758
|
--pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
|
|
6759
|
+
--pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50);
|
|
6760
|
+
--pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60);
|
|
6761
|
+
--pf-t--global--color--brand--accent--300: var(--pf-t--color--red--70);
|
|
6762
|
+
--pf-t--global--color--brand--accent--400: var(--pf-t--color--black);
|
|
6763
|
+
--pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10);
|
|
6764
|
+
--pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20);
|
|
6765
|
+
--pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40);
|
|
6766
|
+
--pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50);
|
|
6693
6767
|
--pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
|
|
6694
6768
|
--pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
|
|
6695
|
-
--pf-t--global--color--disabled--300: var(--pf-t--color--gray--
|
|
6769
|
+
--pf-t--global--color--disabled--300: var(--pf-t--color--gray--50);
|
|
6696
6770
|
--pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
6697
6771
|
--pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
|
|
6698
6772
|
--pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
|
|
@@ -6758,7 +6832,7 @@ button) {
|
|
|
6758
6832
|
--pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
|
|
6759
6833
|
--pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
|
|
6760
6834
|
--pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
|
|
6761
|
-
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--
|
|
6835
|
+
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
|
|
6762
6836
|
--pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
|
|
6763
6837
|
--pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
|
|
6764
6838
|
--pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
|
|
@@ -6843,8 +6917,8 @@ button) {
|
|
|
6843
6917
|
--pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
6844
6918
|
--pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
6845
6919
|
--pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
6846
|
-
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--
|
|
6847
|
-
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--
|
|
6920
|
+
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
6921
|
+
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
6848
6922
|
--pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
|
|
6849
6923
|
--pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
|
|
6850
6924
|
--pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
|
|
@@ -6869,8 +6943,12 @@ button) {
|
|
|
6869
6943
|
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
|
|
6870
6944
|
--pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
|
|
6871
6945
|
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
|
|
6946
|
+
--pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--300);
|
|
6947
|
+
--pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200);
|
|
6948
|
+
--pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--300);
|
|
6872
6949
|
--pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
|
|
6873
|
-
--pf-t--global--border--color--control--
|
|
6950
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
|
|
6951
|
+
--pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
|
|
6874
6952
|
--pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
|
|
6875
6953
|
--pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
6876
6954
|
--pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
|
|
@@ -6905,9 +6983,17 @@ button) {
|
|
|
6905
6983
|
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
|
|
6906
6984
|
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
|
|
6907
6985
|
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
|
|
6986
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--border--color--50);
|
|
6987
|
+
--pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill);
|
|
6988
|
+
--pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small);
|
|
6989
|
+
--pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small);
|
|
6990
|
+
--pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
|
|
6908
6991
|
--pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
|
|
6909
6992
|
--pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
|
|
6910
6993
|
--pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
|
|
6994
|
+
--pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200);
|
|
6995
|
+
--pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100);
|
|
6996
|
+
--pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200);
|
|
6911
6997
|
--pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200);
|
|
6912
6998
|
--pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
|
|
6913
6999
|
--pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
|
|
@@ -7038,7 +7124,10 @@ button) {
|
|
|
7038
7124
|
--pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
|
|
7039
7125
|
--pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
|
|
7040
7126
|
--pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
|
|
7127
|
+
--pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
|
|
7041
7128
|
--pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
|
|
7129
|
+
--pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
|
|
7130
|
+
--pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
|
|
7042
7131
|
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
7043
7132
|
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7044
7133
|
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
@@ -7056,6 +7145,9 @@ button) {
|
|
|
7056
7145
|
--pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
|
|
7057
7146
|
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
|
|
7058
7147
|
--pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
|
|
7148
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7149
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
|
|
7150
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
|
|
7059
7151
|
--pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
|
|
7060
7152
|
--pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
7061
7153
|
--pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
|
|
@@ -7096,9 +7188,15 @@ button) {
|
|
|
7096
7188
|
--pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
|
|
7097
7189
|
--pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
|
|
7098
7190
|
--pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
|
|
7191
|
+
--pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7192
|
+
--pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
|
|
7193
|
+
--pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
|
|
7099
7194
|
--pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7100
7195
|
--pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
|
|
7101
7196
|
--pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
|
|
7197
|
+
--pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
|
|
7198
|
+
--pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
|
|
7199
|
+
--pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
|
|
7102
7200
|
--pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7103
7201
|
--pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7104
7202
|
--pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
@@ -7171,9 +7269,15 @@ button) {
|
|
|
7171
7269
|
--pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
|
|
7172
7270
|
--pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
|
|
7173
7271
|
--pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
|
|
7272
|
+
--pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
|
|
7273
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
|
|
7274
|
+
--pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
|
|
7174
7275
|
--pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
|
|
7175
7276
|
--pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
|
|
7176
7277
|
--pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
|
|
7278
|
+
--pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
|
|
7279
|
+
--pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
|
|
7280
|
+
--pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
|
|
7177
7281
|
--pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
|
|
7178
7282
|
--pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7179
7283
|
--pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
@@ -7208,7 +7312,20 @@ button) {
|
|
|
7208
7312
|
--pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
|
|
7209
7313
|
--pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
|
|
7210
7314
|
--pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
|
|
7315
|
+
--pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
|
|
7316
|
+
--pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
|
|
7317
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
7318
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
7319
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
7211
7320
|
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
7321
|
+
--pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
7322
|
+
--pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
7323
|
+
--pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
7324
|
+
--pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
|
|
7325
|
+
--pf-t--global--text-decoration--color--hover: currentcolor;
|
|
7326
|
+
--pf-t--global--text-decoration--offset--hover: calc(var(--pf-t--global--spacer--xs) + 1px);
|
|
7327
|
+
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
7328
|
+
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
7212
7329
|
--pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
|
|
7213
7330
|
--pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
|
|
7214
7331
|
--pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
|
|
@@ -7314,18 +7431,27 @@ button) {
|
|
|
7314
7431
|
var(--pf-t--global--box-shadow--color--lg--directional);
|
|
7315
7432
|
--pf-t--global--list-style: disc outside;
|
|
7316
7433
|
--pf-t--temp--dev--tbd: #BC11E0;
|
|
7434
|
+
--pf-t--global--background--color--glass--primary--default: color-mix(in srgb, var(--pf-t--global--background--color--glass--primary) var(--pf-t--global--background--opacity--glass--primary), transparent );
|
|
7435
|
+
--pf-t--global--background--color--glass--floating--default: color-mix(in srgb, var(--pf-t--global--background--color--glass--floating) var(--pf-t--global--background--opacity--glass--floating), transparent );
|
|
7317
7436
|
}
|
|
7318
7437
|
|
|
7319
7438
|
:root:where(.pf-v6-theme-dark) {
|
|
7320
7439
|
--pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
|
|
7440
|
+
--pf-t--global--background--filter--glass--blur--floating: blur(0px);
|
|
7441
|
+
--pf-t--global--background--filter--glass--blur--primary: blur(0px);
|
|
7442
|
+
--pf-t--global--background--opacity--glass--floating: 100%;
|
|
7443
|
+
--pf-t--global--background--opacity--glass--primary: 100%;
|
|
7321
7444
|
--pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
|
|
7322
7445
|
--pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
|
|
7323
7446
|
--pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
|
|
7447
|
+
--pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
|
|
7324
7448
|
--pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
|
|
7325
7449
|
--pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
|
|
7326
7450
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
7327
7451
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
7328
7452
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
7453
|
+
--pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700);
|
|
7454
|
+
--pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600);
|
|
7329
7455
|
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
|
|
7330
7456
|
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
7331
7457
|
--pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
@@ -7343,10 +7469,18 @@ button) {
|
|
|
7343
7469
|
--pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
|
|
7344
7470
|
--pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
|
|
7345
7471
|
--pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
|
|
7346
|
-
--pf-t--global--dark--border--color--50: var(--pf-t--color--gray--
|
|
7472
|
+
--pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70);
|
|
7347
7473
|
--pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
|
|
7348
7474
|
--pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
|
|
7349
7475
|
--pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
|
|
7476
|
+
--pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50);
|
|
7477
|
+
--pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--40);
|
|
7478
|
+
--pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--30);
|
|
7479
|
+
--pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--red--20);
|
|
7480
|
+
--pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white);
|
|
7481
|
+
--pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70);
|
|
7482
|
+
--pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60);
|
|
7483
|
+
--pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30);
|
|
7350
7484
|
--pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
|
|
7351
7485
|
--pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
|
|
7352
7486
|
--pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
|
|
@@ -7434,9 +7568,13 @@ button) {
|
|
|
7434
7568
|
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
|
|
7435
7569
|
--pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
|
|
7436
7570
|
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
|
|
7571
|
+
--pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300);
|
|
7572
|
+
--pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200);
|
|
7573
|
+
--pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300);
|
|
7437
7574
|
--pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
7575
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--200);
|
|
7438
7576
|
--pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
|
|
7439
|
-
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--
|
|
7577
|
+
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
|
|
7440
7578
|
--pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
|
|
7441
7579
|
--pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
|
|
7442
7580
|
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
@@ -7467,9 +7605,13 @@ button) {
|
|
|
7467
7605
|
--pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
|
|
7468
7606
|
--pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
7469
7607
|
--pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
|
|
7608
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50);
|
|
7470
7609
|
--pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
7471
7610
|
--pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
|
|
7472
7611
|
--pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
|
|
7612
|
+
--pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200);
|
|
7613
|
+
--pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100);
|
|
7614
|
+
--pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200);
|
|
7473
7615
|
--pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
|
|
7474
7616
|
--pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
|
|
7475
7617
|
--pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
|
|
@@ -7546,6 +7688,8 @@ button) {
|
|
|
7546
7688
|
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
|
|
7547
7689
|
--pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
|
|
7548
7690
|
--pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
|
|
7691
|
+
--pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
|
|
7692
|
+
--pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
|
|
7549
7693
|
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
7550
7694
|
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7551
7695
|
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
@@ -7566,6 +7710,9 @@ button) {
|
|
|
7566
7710
|
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
7567
7711
|
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
7568
7712
|
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7713
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7714
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
|
|
7715
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
|
|
7569
7716
|
--pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
|
|
7570
7717
|
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
7571
7718
|
--pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
@@ -7604,9 +7751,15 @@ button) {
|
|
|
7604
7751
|
--pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7605
7752
|
--pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
|
|
7606
7753
|
--pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
|
|
7754
|
+
--pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7755
|
+
--pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
|
|
7756
|
+
--pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
|
|
7607
7757
|
--pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7608
7758
|
--pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
|
|
7609
7759
|
--pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
|
|
7760
|
+
--pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
|
|
7761
|
+
--pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
|
|
7762
|
+
--pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
|
|
7610
7763
|
--pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7611
7764
|
--pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7612
7765
|
--pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
@@ -7670,9 +7823,15 @@ button) {
|
|
|
7670
7823
|
--pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
|
|
7671
7824
|
--pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
|
|
7672
7825
|
--pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
|
|
7826
|
+
--pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
|
|
7827
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
|
|
7828
|
+
--pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
|
|
7673
7829
|
--pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
|
|
7674
7830
|
--pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
|
|
7675
7831
|
--pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
|
|
7832
|
+
--pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
|
|
7833
|
+
--pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
|
|
7834
|
+
--pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
|
|
7676
7835
|
--pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
|
|
7677
7836
|
--pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7678
7837
|
--pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
@@ -7707,6 +7866,14 @@ button) {
|
|
|
7707
7866
|
--pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
7708
7867
|
--pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
7709
7868
|
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7869
|
+
--pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
|
|
7870
|
+
--pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
|
|
7871
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
7872
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
7873
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
7874
|
+
--pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
7875
|
+
--pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
7876
|
+
--pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
7710
7877
|
}
|
|
7711
7878
|
|
|
7712
7879
|
:root:where(.pf-v6-theme-high-contrast) {
|
|
@@ -8802,6 +8969,226 @@ button) {
|
|
|
8802
8969
|
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
8803
8970
|
}
|
|
8804
8971
|
|
|
8972
|
+
:root:where(.pf-v6-theme-glass) {
|
|
8973
|
+
--pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
|
|
8974
|
+
--pf-t--global--background--opacity--glass--primary: 80%;
|
|
8975
|
+
}
|
|
8976
|
+
|
|
8977
|
+
:root:where(.pf-v6-theme-glass.pf-v6-theme-dark) {
|
|
8978
|
+
--pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
|
|
8979
|
+
--pf-t--global--background--opacity--glass--primary: 80%;
|
|
8980
|
+
}
|
|
8981
|
+
|
|
8982
|
+
:root:where(.pf-v6-theme-redhat) {
|
|
8983
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
|
|
8984
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
|
|
8985
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
|
|
8986
|
+
--pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
|
|
8987
|
+
--pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
|
|
8988
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
|
|
8989
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
|
|
8990
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
|
|
8991
|
+
}
|
|
8992
|
+
|
|
8993
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-dark) {
|
|
8994
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
|
|
8995
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
|
|
8996
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
|
|
8997
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
|
|
8998
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
|
|
8999
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
|
|
9000
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
|
|
9001
|
+
}
|
|
9002
|
+
|
|
9003
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
|
|
9004
|
+
--pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
|
|
9005
|
+
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
|
|
9006
|
+
--pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
|
|
9007
|
+
--pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
|
|
9008
|
+
--pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
|
|
9009
|
+
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
|
|
9010
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
|
|
9011
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
|
|
9012
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
|
|
9013
|
+
--pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
|
|
9014
|
+
--pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
|
|
9015
|
+
--pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
|
|
9016
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
|
|
9017
|
+
--pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
|
|
9018
|
+
--pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
|
|
9019
|
+
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
|
|
9020
|
+
--pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
|
|
9021
|
+
--pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
|
|
9022
|
+
--pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
|
|
9023
|
+
--pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
|
|
9024
|
+
--pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
|
|
9025
|
+
--pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
|
|
9026
|
+
--pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
|
|
9027
|
+
--pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
|
|
9028
|
+
--pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
|
|
9029
|
+
--pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
|
|
9030
|
+
--pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
|
|
9031
|
+
--pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
|
|
9032
|
+
--pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
|
|
9033
|
+
--pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
|
|
9034
|
+
--pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
|
|
9035
|
+
--pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
|
|
9036
|
+
--pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
|
|
9037
|
+
--pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
|
|
9038
|
+
--pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
|
|
9039
|
+
--pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
|
|
9040
|
+
--pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
|
|
9041
|
+
--pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
|
|
9042
|
+
--pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
|
|
9043
|
+
--pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
|
|
9044
|
+
--pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
|
|
9045
|
+
--pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
|
|
9046
|
+
--pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
|
|
9047
|
+
--pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
|
|
9048
|
+
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
9049
|
+
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
9050
|
+
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
9051
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
|
|
9052
|
+
--pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
|
|
9053
|
+
--pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
|
|
9054
|
+
--pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
|
|
9055
|
+
--pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
|
|
9056
|
+
--pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
|
|
9057
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--300);
|
|
9058
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--200);
|
|
9059
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--300);
|
|
9060
|
+
--pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
|
|
9061
|
+
--pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
|
|
9062
|
+
--pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
|
|
9063
|
+
--pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
|
|
9064
|
+
--pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
|
|
9065
|
+
--pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
|
|
9066
|
+
--pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
|
|
9067
|
+
--pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
|
|
9068
|
+
--pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
|
|
9069
|
+
--pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
|
|
9070
|
+
--pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
|
|
9071
|
+
--pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
|
|
9072
|
+
--pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
|
|
9073
|
+
--pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
|
|
9074
|
+
--pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
|
|
9075
|
+
--pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
|
|
9076
|
+
--pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
|
|
9077
|
+
--pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
|
|
9078
|
+
--pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
|
|
9079
|
+
--pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
|
|
9080
|
+
--pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
|
|
9081
|
+
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
9082
|
+
--pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
9083
|
+
--pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
9084
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
|
|
9085
|
+
--pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
|
|
9086
|
+
--pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
|
|
9087
|
+
--pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
|
|
9088
|
+
--pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
|
|
9089
|
+
--pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
|
|
9090
|
+
--pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
|
|
9091
|
+
--pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
|
|
9092
|
+
--pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
|
|
9093
|
+
--pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
|
|
9094
|
+
--pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
|
|
9095
|
+
--pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
|
|
9096
|
+
--pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
9097
|
+
--pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
9098
|
+
--pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
9099
|
+
--pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
|
|
9100
|
+
--pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
|
|
9101
|
+
--pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
|
|
9102
|
+
--pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
|
|
9103
|
+
--pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
|
|
9104
|
+
--pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
|
|
9105
|
+
--pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
|
|
9106
|
+
--pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
|
|
9107
|
+
--pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
|
|
9108
|
+
--pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
|
|
9109
|
+
--pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300);
|
|
9110
|
+
--pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
9111
|
+
--pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
9112
|
+
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
9113
|
+
--pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
|
|
9114
|
+
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
9115
|
+
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
9116
|
+
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
9117
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
9118
|
+
--pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
|
|
9119
|
+
--pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
|
|
9120
|
+
--pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
|
|
9121
|
+
--pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
|
|
9122
|
+
--pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
|
|
9123
|
+
--pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
|
|
9124
|
+
}
|
|
9125
|
+
|
|
9126
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
|
|
9127
|
+
--pf-t--global--background--color--primary--default: var(--pf-t--color--black);
|
|
9128
|
+
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
9129
|
+
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
9130
|
+
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
|
|
9131
|
+
--pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
|
|
9132
|
+
--pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
|
|
9133
|
+
--pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
|
|
9134
|
+
--pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
|
|
9135
|
+
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
|
|
9136
|
+
--pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
|
|
9137
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9138
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9139
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9140
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
|
|
9141
|
+
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
|
|
9142
|
+
--pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
|
|
9143
|
+
--pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
|
|
9144
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300);
|
|
9145
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--350);
|
|
9146
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--300);
|
|
9147
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--350);
|
|
9148
|
+
--pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
|
|
9149
|
+
--pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
|
|
9150
|
+
--pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
|
|
9151
|
+
--pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
|
|
9152
|
+
--pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
|
|
9153
|
+
--pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
|
|
9154
|
+
--pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
|
|
9155
|
+
--pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
|
|
9156
|
+
--pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
|
|
9157
|
+
--pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
|
|
9158
|
+
--pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
|
|
9159
|
+
--pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
|
|
9160
|
+
--pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
|
|
9161
|
+
--pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
|
|
9162
|
+
--pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
|
|
9163
|
+
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
|
|
9164
|
+
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
9165
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
9166
|
+
--pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
|
|
9167
|
+
}
|
|
9168
|
+
|
|
9169
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-glass) {
|
|
9170
|
+
--pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
|
|
9171
|
+
--pf-t--global--background--opacity--glass--primary: 80%;
|
|
9172
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
|
|
9173
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
|
|
9174
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
|
|
9175
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
|
|
9176
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
|
|
9177
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
|
|
9178
|
+
}
|
|
9179
|
+
|
|
9180
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-glass.pf-v6-theme-dark) {
|
|
9181
|
+
--pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
|
|
9182
|
+
--pf-t--global--background--opacity--glass--primary: 80%;
|
|
9183
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9184
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9185
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9186
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
|
|
9187
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
|
|
9188
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
|
|
9189
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
|
|
9190
|
+
}
|
|
9191
|
+
|
|
8805
9192
|
:is(.pf-v6-m-dir-rtl, [dir=rtl]) {
|
|
8806
9193
|
--pf-v6-global--inverse--multiplier: -1;
|
|
8807
9194
|
}
|
|
@@ -8825,31 +9212,6 @@ button) {
|
|
|
8825
9212
|
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8826
9213
|
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8827
9214
|
--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
8828
|
-
--pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
8829
|
-
--pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8830
|
-
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8831
|
-
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
8832
|
-
--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
8833
|
-
--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8834
|
-
--pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
|
|
8835
|
-
--pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
|
|
8836
|
-
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8837
|
-
--pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
8838
|
-
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
8839
|
-
--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8840
|
-
--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8841
|
-
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
8842
|
-
--pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
8843
|
-
--pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
|
|
8844
|
-
--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8845
|
-
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
8846
|
-
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8847
|
-
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
|
|
8848
|
-
--pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
8849
|
-
--pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8850
|
-
--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8851
|
-
--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
8852
|
-
--pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8853
9215
|
}
|
|
8854
9216
|
@media screen and (min-width: 36rem) {
|
|
8855
9217
|
.pf-v6-c-about-modal-box {
|
|
@@ -8858,6 +9220,14 @@ button) {
|
|
|
8858
9220
|
--pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
|
|
8859
9221
|
}
|
|
8860
9222
|
}
|
|
9223
|
+
.pf-v6-c-about-modal-box {
|
|
9224
|
+
--pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
9225
|
+
--pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
9226
|
+
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
9227
|
+
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
9228
|
+
--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
9229
|
+
--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
9230
|
+
}
|
|
8861
9231
|
@media only screen and (min-width: 36rem) {
|
|
8862
9232
|
.pf-v6-c-about-modal-box {
|
|
8863
9233
|
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
|
|
@@ -8868,17 +9238,42 @@ button) {
|
|
|
8868
9238
|
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
|
|
8869
9239
|
}
|
|
8870
9240
|
}
|
|
9241
|
+
.pf-v6-c-about-modal-box {
|
|
9242
|
+
--pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
|
|
9243
|
+
--pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
|
|
9244
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
9245
|
+
--pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
9246
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
9247
|
+
--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
9248
|
+
--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
9249
|
+
}
|
|
8871
9250
|
@media only screen and (min-width: 36rem) {
|
|
8872
9251
|
.pf-v6-c-about-modal-box {
|
|
8873
9252
|
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
|
|
8874
9253
|
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
|
|
8875
9254
|
}
|
|
8876
9255
|
}
|
|
9256
|
+
.pf-v6-c-about-modal-box {
|
|
9257
|
+
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
9258
|
+
--pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
9259
|
+
--pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
|
|
9260
|
+
--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
9261
|
+
}
|
|
8877
9262
|
@media only screen and (min-width: 36rem) {
|
|
8878
9263
|
.pf-v6-c-about-modal-box {
|
|
8879
9264
|
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
|
|
8880
9265
|
}
|
|
8881
9266
|
}
|
|
9267
|
+
.pf-v6-c-about-modal-box {
|
|
9268
|
+
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
9269
|
+
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
9270
|
+
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
|
|
9271
|
+
--pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
9272
|
+
--pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
|
|
9273
|
+
--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
9274
|
+
--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
9275
|
+
--pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
|
|
9276
|
+
}
|
|
8882
9277
|
@media only screen and (min-width: 36rem) {
|
|
8883
9278
|
.pf-v6-c-about-modal-box {
|
|
8884
9279
|
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
|
|
@@ -8902,7 +9297,6 @@ button) {
|
|
|
8902
9297
|
background-repeat: no-repeat;
|
|
8903
9298
|
background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
|
|
8904
9299
|
background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
|
|
8905
|
-
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
8906
9300
|
}
|
|
8907
9301
|
@media only screen and (min-width: 36rem) {
|
|
8908
9302
|
.pf-v6-c-about-modal-box {
|
|
@@ -8918,6 +9312,9 @@ button) {
|
|
|
8918
9312
|
grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
|
|
8919
9313
|
}
|
|
8920
9314
|
}
|
|
9315
|
+
.pf-v6-c-about-modal-box {
|
|
9316
|
+
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
9317
|
+
}
|
|
8921
9318
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
|
|
8922
9319
|
--pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
|
|
8923
9320
|
}
|
|
@@ -9058,6 +9455,18 @@ button) {
|
|
|
9058
9455
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
|
|
9059
9456
|
--pf-v6-c-accordion__expandable-content--TranslateY: 0;
|
|
9060
9457
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
|
|
9458
|
+
}
|
|
9459
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
9460
|
+
.pf-v6-c-accordion {
|
|
9461
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9462
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9463
|
+
--pf-v6-c-accordion__item--before--TranslateY: -.5rem;
|
|
9464
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9465
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9466
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
|
9467
|
+
}
|
|
9468
|
+
}
|
|
9469
|
+
.pf-v6-c-accordion {
|
|
9061
9470
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
9062
9471
|
--pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
9063
9472
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -9083,16 +9492,6 @@ button) {
|
|
|
9083
9492
|
--pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9084
9493
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
9085
9494
|
}
|
|
9086
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
9087
|
-
.pf-v6-c-accordion {
|
|
9088
|
-
--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9089
|
-
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9090
|
-
--pf-v6-c-accordion__item--before--TranslateY: -.5rem;
|
|
9091
|
-
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9092
|
-
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9093
|
-
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
|
9094
|
-
}
|
|
9095
|
-
}
|
|
9096
9495
|
|
|
9097
9496
|
.pf-v6-c-accordion {
|
|
9098
9497
|
display: flex;
|
|
@@ -9203,13 +9602,14 @@ button) {
|
|
|
9203
9602
|
color: var(--pf-v6-c-accordion__toggle-text--Color);
|
|
9204
9603
|
}
|
|
9205
9604
|
|
|
9605
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
|
|
9606
|
+
scale: -1 1;
|
|
9607
|
+
}
|
|
9608
|
+
|
|
9206
9609
|
.pf-v6-c-accordion__toggle-icon {
|
|
9207
9610
|
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9208
9611
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
9209
9612
|
}
|
|
9210
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
|
|
9211
|
-
scale: -1 1;
|
|
9212
|
-
}
|
|
9213
9613
|
|
|
9214
9614
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
9215
9615
|
display: revert;
|
|
@@ -9254,6 +9654,7 @@ button) {
|
|
|
9254
9654
|
--pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
9255
9655
|
--pf-v6-c-action-list--m-vertical--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
|
|
9256
9656
|
--pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
9657
|
+
--pf-v6-c-action-list--m-vertical--m-icons--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
9257
9658
|
}
|
|
9258
9659
|
|
|
9259
9660
|
.pf-v6-c-action-list,
|
|
@@ -9268,6 +9669,7 @@ button) {
|
|
|
9268
9669
|
}
|
|
9269
9670
|
.pf-v6-c-action-list.pf-m-icons {
|
|
9270
9671
|
--pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
9672
|
+
--pf-v6-c-action-list--m-vertical--RowGap: var(--pf-v6-c-action-list--m-vertical--m-icons--RowGap);
|
|
9271
9673
|
column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
9272
9674
|
}
|
|
9273
9675
|
.pf-v6-c-action-list.pf-m-vertical, .pf-v6-c-action-list.pf-m-vertical .pf-v6-c-action-list__group {
|
|
@@ -9427,14 +9829,15 @@ button) {
|
|
|
9427
9829
|
margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
|
|
9428
9830
|
}
|
|
9429
9831
|
|
|
9832
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
|
|
9833
|
+
scale: -1 1;
|
|
9834
|
+
}
|
|
9835
|
+
|
|
9430
9836
|
.pf-v6-c-alert__toggle-icon {
|
|
9431
9837
|
display: inline-block;
|
|
9432
9838
|
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
9433
9839
|
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
9434
9840
|
}
|
|
9435
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
|
|
9436
|
-
scale: -1 1;
|
|
9437
|
-
}
|
|
9438
9841
|
|
|
9439
9842
|
.pf-v6-c-alert__icon {
|
|
9440
9843
|
grid-area: icon;
|
|
@@ -9451,9 +9854,9 @@ button) {
|
|
|
9451
9854
|
}
|
|
9452
9855
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
9453
9856
|
display: -webkit-box;
|
|
9857
|
+
overflow: hidden;
|
|
9454
9858
|
-webkit-box-orient: vertical;
|
|
9455
9859
|
-webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
|
|
9456
|
-
overflow: hidden;
|
|
9457
9860
|
}
|
|
9458
9861
|
|
|
9459
9862
|
.pf-v6-c-alert__description {
|
|
@@ -9690,7 +10093,6 @@ button) {
|
|
|
9690
10093
|
}
|
|
9691
10094
|
.pf-v6-c-avatar.pf-m-sm {
|
|
9692
10095
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width);
|
|
9693
|
-
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
|
|
9694
10096
|
}
|
|
9695
10097
|
@media (min-width: 36rem) {
|
|
9696
10098
|
.pf-v6-c-avatar.pf-m-sm {
|
|
@@ -9717,6 +10119,9 @@ button) {
|
|
|
9717
10119
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-2xl, var(--pf-v6-c-avatar--m-sm--Width-on-xl, var(--pf-v6-c-avatar--m-sm--Width-on-lg, var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width))))));
|
|
9718
10120
|
}
|
|
9719
10121
|
}
|
|
10122
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
10123
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
|
|
10124
|
+
}
|
|
9720
10125
|
@media (min-width: 36rem) {
|
|
9721
10126
|
.pf-v6-c-avatar.pf-m-sm {
|
|
9722
10127
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height));
|
|
@@ -9744,7 +10149,6 @@ button) {
|
|
|
9744
10149
|
}
|
|
9745
10150
|
.pf-v6-c-avatar.pf-m-md {
|
|
9746
10151
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width);
|
|
9747
|
-
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
|
|
9748
10152
|
}
|
|
9749
10153
|
@media (min-width: 36rem) {
|
|
9750
10154
|
.pf-v6-c-avatar.pf-m-md {
|
|
@@ -9771,6 +10175,9 @@ button) {
|
|
|
9771
10175
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width-on-2xl, var(--pf-v6-c-avatar--m-md--Width-on-xl, var(--pf-v6-c-avatar--m-md--Width-on-lg, var(--pf-v6-c-avatar--m-md--Width-on-md, var(--pf-v6-c-avatar--m-md--Width-on-sm, var(--pf-v6-c-avatar--m-md--Width))))));
|
|
9772
10176
|
}
|
|
9773
10177
|
}
|
|
10178
|
+
.pf-v6-c-avatar.pf-m-md {
|
|
10179
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
|
|
10180
|
+
}
|
|
9774
10181
|
@media (min-width: 36rem) {
|
|
9775
10182
|
.pf-v6-c-avatar.pf-m-md {
|
|
9776
10183
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height));
|
|
@@ -9798,7 +10205,6 @@ button) {
|
|
|
9798
10205
|
}
|
|
9799
10206
|
.pf-v6-c-avatar.pf-m-lg {
|
|
9800
10207
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width);
|
|
9801
|
-
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
|
|
9802
10208
|
}
|
|
9803
10209
|
@media (min-width: 36rem) {
|
|
9804
10210
|
.pf-v6-c-avatar.pf-m-lg {
|
|
@@ -9825,6 +10231,9 @@ button) {
|
|
|
9825
10231
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-2xl, var(--pf-v6-c-avatar--m-lg--Width-on-xl, var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width))))));
|
|
9826
10232
|
}
|
|
9827
10233
|
}
|
|
10234
|
+
.pf-v6-c-avatar.pf-m-lg {
|
|
10235
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
|
|
10236
|
+
}
|
|
9828
10237
|
@media (min-width: 36rem) {
|
|
9829
10238
|
.pf-v6-c-avatar.pf-m-lg {
|
|
9830
10239
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height));
|
|
@@ -9852,7 +10261,6 @@ button) {
|
|
|
9852
10261
|
}
|
|
9853
10262
|
.pf-v6-c-avatar.pf-m-xl {
|
|
9854
10263
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width);
|
|
9855
|
-
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
|
|
9856
10264
|
}
|
|
9857
10265
|
@media (min-width: 36rem) {
|
|
9858
10266
|
.pf-v6-c-avatar.pf-m-xl {
|
|
@@ -9879,6 +10287,9 @@ button) {
|
|
|
9879
10287
|
--pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-2xl, var(--pf-v6-c-avatar--m-xl--Width-on-xl, var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width))))));
|
|
9880
10288
|
}
|
|
9881
10289
|
}
|
|
10290
|
+
.pf-v6-c-avatar.pf-m-xl {
|
|
10291
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
|
|
10292
|
+
}
|
|
9882
10293
|
@media (min-width: 36rem) {
|
|
9883
10294
|
.pf-v6-c-avatar.pf-m-xl {
|
|
9884
10295
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height));
|
|
@@ -9936,6 +10347,12 @@ button) {
|
|
|
9936
10347
|
|
|
9937
10348
|
.pf-v6-c-background-image {
|
|
9938
10349
|
--pf-v6-c-background-image--BackgroundPosition: bottom right;
|
|
10350
|
+
}
|
|
10351
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
|
|
10352
|
+
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
10353
|
+
}
|
|
10354
|
+
|
|
10355
|
+
.pf-v6-c-background-image {
|
|
9939
10356
|
position: fixed;
|
|
9940
10357
|
inset-block-start: 0;
|
|
9941
10358
|
inset-inline-start: 0;
|
|
@@ -9948,9 +10365,6 @@ button) {
|
|
|
9948
10365
|
background-position: var(--pf-v6-c-background-image--BackgroundPosition);
|
|
9949
10366
|
background-size: var(--pf-v6-c-background-image--BackgroundSize);
|
|
9950
10367
|
}
|
|
9951
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
|
|
9952
|
-
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
9953
|
-
}
|
|
9954
10368
|
|
|
9955
10369
|
.pf-v6-c-back-to-top {
|
|
9956
10370
|
--pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
@@ -10068,6 +10482,14 @@ button) {
|
|
|
10068
10482
|
--pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
10069
10483
|
--pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10070
10484
|
--pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
10485
|
+
}
|
|
10486
|
+
@media (min-width: 48rem) {
|
|
10487
|
+
.pf-v6-c-banner {
|
|
10488
|
+
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
|
|
10489
|
+
--pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
|
|
10490
|
+
}
|
|
10491
|
+
}
|
|
10492
|
+
.pf-v6-c-banner {
|
|
10071
10493
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
10072
10494
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
10073
10495
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
@@ -10101,12 +10523,6 @@ button) {
|
|
|
10101
10523
|
--pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
10102
10524
|
--pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
10103
10525
|
}
|
|
10104
|
-
@media (min-width: 48rem) {
|
|
10105
|
-
.pf-v6-c-banner {
|
|
10106
|
-
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
|
|
10107
|
-
--pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
|
|
10108
|
-
}
|
|
10109
|
-
}
|
|
10110
10526
|
|
|
10111
10527
|
.pf-v6-c-banner {
|
|
10112
10528
|
flex-shrink: 0;
|
|
@@ -10209,7 +10625,6 @@ button) {
|
|
|
10209
10625
|
width: var(--pf-v6-c-brand--Width--base);
|
|
10210
10626
|
height: var(--pf-v6-c-brand--Height--base);
|
|
10211
10627
|
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
|
|
10212
|
-
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
|
|
10213
10628
|
}
|
|
10214
10629
|
@media (min-width: 36rem) {
|
|
10215
10630
|
.pf-v6-c-brand {
|
|
@@ -10236,6 +10651,9 @@ button) {
|
|
|
10236
10651
|
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
|
|
10237
10652
|
}
|
|
10238
10653
|
}
|
|
10654
|
+
.pf-v6-c-brand {
|
|
10655
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
|
|
10656
|
+
}
|
|
10239
10657
|
@media (min-width: 36rem) {
|
|
10240
10658
|
.pf-v6-c-brand {
|
|
10241
10659
|
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
|
|
@@ -10316,15 +10734,16 @@ button) {
|
|
|
10316
10734
|
margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
|
|
10317
10735
|
}
|
|
10318
10736
|
|
|
10737
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
|
|
10738
|
+
scale: -1 1;
|
|
10739
|
+
}
|
|
10740
|
+
|
|
10319
10741
|
.pf-v6-c-breadcrumb__item-divider {
|
|
10320
10742
|
margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
|
|
10321
10743
|
font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
|
|
10322
10744
|
line-height: 1;
|
|
10323
10745
|
color: var(--pf-v6-c-breadcrumb__item-divider--Color);
|
|
10324
10746
|
}
|
|
10325
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
|
|
10326
|
-
scale: -1 1;
|
|
10327
|
-
}
|
|
10328
10747
|
|
|
10329
10748
|
.pf-v6-c-breadcrumb__link {
|
|
10330
10749
|
padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
|
|
@@ -10490,10 +10909,17 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10490
10909
|
--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
|
|
10491
10910
|
--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
|
|
10492
10911
|
--pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
|
|
10912
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
|
|
10493
10913
|
--pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
10494
10914
|
--pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
10915
|
+
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--default);
|
|
10916
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
|
|
10495
10917
|
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
10496
10918
|
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
10919
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
10920
|
+
--pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
|
|
10921
|
+
--pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
|
|
10922
|
+
--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
|
|
10497
10923
|
--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
|
|
10498
10924
|
--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
|
|
10499
10925
|
--pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -10503,10 +10929,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10503
10929
|
--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
10504
10930
|
--pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
|
|
10505
10931
|
--pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
10506
|
-
--pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
|
|
10507
10932
|
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
10508
10933
|
--pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
10509
|
-
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
|
|
10510
10934
|
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
10511
10935
|
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
10512
10936
|
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
@@ -10692,6 +11116,14 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10692
11116
|
--pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
|
|
10693
11117
|
--pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
|
|
10694
11118
|
--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
|
|
11119
|
+
--pf-v6-c-button--m-circle--ScaleX: 1.29;
|
|
11120
|
+
--pf-v6-c-button--m-circle--ScaleY: 1.29;
|
|
11121
|
+
--pf-v6-c-button--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
11122
|
+
--pf-v6-c-button--m-circle--Padding--base: var(--pf-t--global--spacer--control--vertical--default);
|
|
11123
|
+
--pf-v6-c-button--m-circle--PaddingBlockStart: var(--pf-v6-c-button--m-circle--Padding--base);
|
|
11124
|
+
--pf-v6-c-button--m-circle--PaddingInlineEnd: 0;
|
|
11125
|
+
--pf-v6-c-button--m-circle--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--Padding--base);
|
|
11126
|
+
--pf-v6-c-button--m-circle--PaddingInlineStart: 0;
|
|
10695
11127
|
}
|
|
10696
11128
|
|
|
10697
11129
|
.pf-v6-c-button {
|
|
@@ -10813,6 +11245,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10813
11245
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
|
|
10814
11246
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
|
|
10815
11247
|
}
|
|
11248
|
+
span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
11249
|
+
--pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
|
|
11250
|
+
--pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
|
|
11251
|
+
--pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
|
|
11252
|
+
}
|
|
11253
|
+
|
|
10816
11254
|
.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
10817
11255
|
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
|
|
10818
11256
|
--pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
|
|
@@ -10823,12 +11261,13 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10823
11261
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
|
|
10824
11262
|
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
|
|
10825
11263
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
|
|
11264
|
+
--pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-link--m-inline--TransitionDuration);
|
|
11265
|
+
--pf-v6-c-button--TransitionTimingFunction: var(--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction);
|
|
11266
|
+
--pf-v6-c-button--TransitionProperty: var(--pf-v6-c-button--m-link--m-inline--TransitionProperty);
|
|
10826
11267
|
--pf-v6-c-button--BackgroundColor: transparent;
|
|
10827
11268
|
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
|
|
10828
11269
|
--pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
|
|
10829
11270
|
--pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
|
|
10830
|
-
--pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
|
|
10831
|
-
--pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
|
|
10832
11271
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
10833
11272
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
|
10834
11273
|
--pf-v6-c-button--disabled--BackgroundColor: transparent;
|
|
@@ -10837,6 +11276,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10837
11276
|
--pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
|
|
10838
11277
|
--pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
|
|
10839
11278
|
--pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
|
|
11279
|
+
--pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
|
|
11280
|
+
--pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
|
|
10840
11281
|
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
|
10841
11282
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
|
10842
11283
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
|
@@ -10844,16 +11285,14 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10844
11285
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
10845
11286
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
10846
11287
|
text-align: start;
|
|
11288
|
+
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
10847
11289
|
white-space: normal;
|
|
10848
11290
|
background: transparent;
|
|
10849
11291
|
outline-offset: 0.125rem;
|
|
10850
11292
|
}
|
|
10851
|
-
|
|
10852
|
-
--pf-v6-c-button--m-link--m-inline--
|
|
10853
|
-
--pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
|
|
10854
|
-
--pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
|
|
11293
|
+
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
11294
|
+
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
10855
11295
|
}
|
|
10856
|
-
|
|
10857
11296
|
.pf-v6-c-button.pf-m-link.pf-m-danger {
|
|
10858
11297
|
--pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
|
|
10859
11298
|
--pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
|
|
@@ -11059,6 +11498,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11059
11498
|
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
11060
11499
|
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
11061
11500
|
}
|
|
11501
|
+
.pf-v6-c-button.pf-m-circle {
|
|
11502
|
+
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
|
|
11503
|
+
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-circle--PaddingBlockStart);
|
|
11504
|
+
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-circle--PaddingInlineEnd);
|
|
11505
|
+
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--PaddingBlockEnd);
|
|
11506
|
+
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-circle--PaddingInlineStart);
|
|
11507
|
+
}
|
|
11508
|
+
.pf-v6-c-button.pf-m-circle .pf-v6-c-button__icon {
|
|
11509
|
+
scale: var(--pf-v6-c-button--m-circle--ScaleX) var(--pf-v6-c-button--m-circle--ScaleY);
|
|
11510
|
+
}
|
|
11062
11511
|
.pf-v6-c-button:hover, .pf-v6-c-button:focus {
|
|
11063
11512
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
|
|
11064
11513
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
|
@@ -11313,13 +11762,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11313
11762
|
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
11314
11763
|
}
|
|
11315
11764
|
|
|
11765
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
11766
|
+
scale: -1 1;
|
|
11767
|
+
}
|
|
11768
|
+
|
|
11316
11769
|
.pf-v6-c-calendar-month__header-nav-control {
|
|
11317
11770
|
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
11318
11771
|
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
11319
11772
|
}
|
|
11320
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
11321
|
-
scale: -1 1;
|
|
11322
|
-
}
|
|
11323
11773
|
|
|
11324
11774
|
.pf-v6-c-calendar-month__header-month {
|
|
11325
11775
|
flex-grow: 1;
|
|
@@ -11596,6 +12046,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11596
12046
|
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
|
|
11597
12047
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor);
|
|
11598
12048
|
}
|
|
12049
|
+
.pf-v6-c-card__actions:has(> .pf-v6-c-card__selectable-actions input.pf-v6-screen-reader), .pf-v6-c-card.pf-m-clickable:not(.pf-m-selectable) {
|
|
12050
|
+
--pf-v6-c-card__actions--PaddingInlineStart: 0;
|
|
12051
|
+
--pf-v6-c-card__actions--MarginBlockStart: 0;
|
|
12052
|
+
--pf-v6-c-card__actions--MarginBlockEnd: 0;
|
|
12053
|
+
}
|
|
12054
|
+
|
|
11599
12055
|
.pf-v6-c-card.pf-m-compact {
|
|
11600
12056
|
--pf-v6-c-card__title-text--FontSize: var(--pf-v6-c-card--m-compact__title-text--FontSize);
|
|
11601
12057
|
--pf-v6-c-card__body--FontSize: var(--pf-v6-c-card--m-compact__body--FontSize);
|
|
@@ -11663,12 +12119,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11663
12119
|
flex-wrap: wrap;
|
|
11664
12120
|
row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
|
|
11665
12121
|
}
|
|
11666
|
-
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
11667
|
-
margin-inline-start: 0;
|
|
11668
|
-
}
|
|
11669
12122
|
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
|
|
11670
12123
|
margin-inline-end: auto;
|
|
11671
12124
|
}
|
|
12125
|
+
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
12126
|
+
margin-inline-start: 0;
|
|
12127
|
+
}
|
|
11672
12128
|
|
|
11673
12129
|
.pf-v6-c-card__header-main {
|
|
11674
12130
|
flex-grow: 1;
|
|
@@ -11682,15 +12138,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11682
12138
|
margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
|
|
11683
12139
|
}
|
|
11684
12140
|
|
|
12141
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
|
|
12142
|
+
scale: -1 1;
|
|
12143
|
+
}
|
|
12144
|
+
|
|
11685
12145
|
.pf-v6-c-card__header-toggle-icon {
|
|
11686
12146
|
display: inline-block;
|
|
11687
12147
|
transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
|
|
11688
12148
|
transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
|
|
11689
12149
|
transition-property: transform;
|
|
11690
12150
|
}
|
|
11691
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
|
|
11692
|
-
scale: -1 1;
|
|
11693
|
-
}
|
|
11694
12151
|
|
|
11695
12152
|
.pf-v6-c-card__title-text {
|
|
11696
12153
|
font-family: var(--pf-v6-c-card__title-text--FontFamily);
|
|
@@ -11701,6 +12158,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11701
12158
|
overflow-wrap: var(--pf-v6-c-card__title-text--OverflowWrap);
|
|
11702
12159
|
}
|
|
11703
12160
|
|
|
12161
|
+
.pf-v6-c-card__subtitle {
|
|
12162
|
+
padding-block-start: var(--pf-t--global--spacer--sm);
|
|
12163
|
+
font-size: var(--pf-t--global--font--size--body--sm);
|
|
12164
|
+
color: var(--pf-t--global--text--color--subtle);
|
|
12165
|
+
}
|
|
12166
|
+
|
|
11704
12167
|
.pf-v6-c-card__actions {
|
|
11705
12168
|
display: flex;
|
|
11706
12169
|
gap: var(--pf-v6-c-card__actions--Gap);
|
|
@@ -11950,13 +12413,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
11950
12413
|
gap: var(--pf-v6-c-clipboard-copy__group--Gap);
|
|
11951
12414
|
}
|
|
11952
12415
|
|
|
11953
|
-
.pf-v6-c-clipboard-copy__toggle-icon {
|
|
11954
|
-
transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
|
|
11955
|
-
}
|
|
11956
12416
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
|
|
11957
12417
|
scale: -1 1;
|
|
11958
12418
|
}
|
|
11959
12419
|
|
|
12420
|
+
.pf-v6-c-clipboard-copy__toggle-icon {
|
|
12421
|
+
transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
|
|
12422
|
+
}
|
|
12423
|
+
|
|
11960
12424
|
.pf-v6-c-clipboard-copy__expandable-content {
|
|
11961
12425
|
padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
|
|
11962
12426
|
padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
|
|
@@ -12127,8 +12591,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12127
12591
|
|
|
12128
12592
|
.pf-v6-c-code-editor__container {
|
|
12129
12593
|
display: flex;
|
|
12130
|
-
flex-direction: column;
|
|
12131
12594
|
flex-grow: 1;
|
|
12595
|
+
flex-direction: column;
|
|
12132
12596
|
}
|
|
12133
12597
|
|
|
12134
12598
|
.pf-v6-c-code-editor__header {
|
|
@@ -12270,6 +12734,326 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12270
12734
|
margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart);
|
|
12271
12735
|
}
|
|
12272
12736
|
|
|
12737
|
+
.pf-v6-c-compass {
|
|
12738
|
+
--pf-v6-c-compass--BackgroundImage: var(--pf-v6-c-compass--BackgroundImage--light);
|
|
12739
|
+
--pf-v6-c-compass--BackgroundImage--light: none;
|
|
12740
|
+
--pf-v6-c-compass--BackgroundImage--dark: none;
|
|
12741
|
+
--pf-v6-c-compass--Padding: var(--pf-t--global--spacer--inset--page-chrome);
|
|
12742
|
+
--pf-v6-c-compass--Gap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
12743
|
+
--pf-v6-c-compass__nav--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
12744
|
+
--pf-v6-c-compass__nav--PaddingBlockStart: 0;
|
|
12745
|
+
--pf-v6-c-compass__nav--PaddingBlockEnd: 0;
|
|
12746
|
+
--pf-v6-c-compass__nav--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
12747
|
+
--pf-v6-c-compass__nav--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
12748
|
+
--pf-v6-c-compass__nav-main--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
12749
|
+
--pf-v6-c-compass__nav-main--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
12750
|
+
--pf-v6-c-compass__sidebar--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
12751
|
+
--pf-v6-c-compass__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
12752
|
+
--pf-v6-c-compass__sidebar--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
12753
|
+
--pf-v6-c-compass__sidebar--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
12754
|
+
--pf-v6-c-compass__main--RowGap: var(--pf-t--global--spacer--md);
|
|
12755
|
+
--pf-v6-c-compass__main-header-content--RowGap: var(--pf-t--global--spacer--sm);
|
|
12756
|
+
--pf-v6-c-compass__main-header-content--ColumnGap: var(--pf-t--global--spacer--md);
|
|
12757
|
+
--pf-v6-c-compass__main-footer--MarginBlockStart: calc(var(--pf-v6-c-compass__main--RowGap) * -1 + var(--pf-v6-c-compass--Gap));
|
|
12758
|
+
--pf-v6-c-compass__panel--m-pill--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
12759
|
+
--pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
12760
|
+
--pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
12761
|
+
--pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
12762
|
+
--pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
12763
|
+
--pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
|
|
12764
|
+
--pf-v6-c-compass__panel--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
12765
|
+
--pf-v6-c-compass__panel--BorderColor: var(--pf-t--global--border--color--alt);
|
|
12766
|
+
--pf-v6-c-compass__panel--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
12767
|
+
--pf-v6-c-compass__panel--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
12768
|
+
--pf-v6-c-compass__panel--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
12769
|
+
--pf-v6-c-compass__message-bar--Width: 450px;
|
|
12770
|
+
--pf-v6-c-compass__message-bar--MinWidth: 300px;
|
|
12771
|
+
--pf-v6-c-compass__message-bar--MaxWidth: 600px;
|
|
12772
|
+
--pf-v6-c-compass--section--slide--length--header: 100%;
|
|
12773
|
+
--pf-v6-c-compass--section--slide--length--sidebar: 100%;
|
|
12774
|
+
--pf-v6-c-compass--section--slide--length--main-footer: 100%;
|
|
12775
|
+
--pf-v6-c-compass--section--slide--length--footer: 100%;
|
|
12776
|
+
--pf-v6-c-compass--section--duration: var(--pf-t--global--motion--duration--fade--short);
|
|
12777
|
+
--pf-v6-c-compass--section--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
12778
|
+
--pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s, 0s, 0s;
|
|
12779
|
+
--pf-v6-c-compass--section--TransitionProperty: opacity, visibility, translate, height, width, margin;
|
|
12780
|
+
--pf-v6-c-compass--section--TransitionDelay: 0s, var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration);
|
|
12781
|
+
--pf-v6-c-compass--section--m-expanded--duration: var(--pf-t--global--motion--duration--fade--default);
|
|
12782
|
+
--pf-v6-c-compass--section--m-expanded--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--duration), 0s, 0s, 0s, 0s, 0s;
|
|
12783
|
+
--pf-v6-c-compass--section--m-expanded--TransitionDelay: 0s;
|
|
12784
|
+
}
|
|
12785
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
12786
|
+
.pf-v6-c-compass {
|
|
12787
|
+
--pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s;
|
|
12788
|
+
--pf-v6-c-compass--section--TransitionDelay: 0s, var(--pf-v6-c-compass--section--duration), 0s, var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration);
|
|
12789
|
+
--pf-v6-c-compass--section--m-expanded--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--duration), 0s, var(--pf-v6-c-compass--section--m-expanded--duration), 0s, 0s, 0s;
|
|
12790
|
+
}
|
|
12791
|
+
.pf-v6-c-compass.pf-m-animate-smoothly {
|
|
12792
|
+
--pf-v6-c-compass--section--TransitionProperty: opacity, visibility, translate, height, width, margin;
|
|
12793
|
+
--pf-v6-c-compass--section--slide--length--header: 10rem;
|
|
12794
|
+
--pf-v6-c-compass--section--slide--length--sidebar: var(--pf-t--global--spacer--4xl);
|
|
12795
|
+
--pf-v6-c-compass--section--slide--length--main-footer: 6rem;
|
|
12796
|
+
--pf-v6-c-compass--section--slide--length--footer: 6rem;
|
|
12797
|
+
--pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration);
|
|
12798
|
+
--pf-v6-c-compass--section--TransitionDelay: 0s, var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s;
|
|
12799
|
+
--pf-v6-c-compass--section--m-expanded--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--duration), 0s, var(--pf-v6-c-compass--section--m-expanded--duration), var(--pf-v6-c-compass--section--m-expanded--duration), var(--pf-v6-c-compass--section--m-expanded--duration);
|
|
12800
|
+
}
|
|
12801
|
+
}
|
|
12802
|
+
|
|
12803
|
+
.pf-v6-c-compass {
|
|
12804
|
+
interpolate-size: allow-keywords;
|
|
12805
|
+
display: grid;
|
|
12806
|
+
grid-template-areas: "header header header" "sidebar-start main sidebar-end";
|
|
12807
|
+
grid-template-rows: auto 1fr;
|
|
12808
|
+
grid-template-columns: auto 1fr auto;
|
|
12809
|
+
grid-auto-rows: auto;
|
|
12810
|
+
align-items: center;
|
|
12811
|
+
justify-content: center;
|
|
12812
|
+
height: 100dvh;
|
|
12813
|
+
padding: var(--pf-v6-c-compass--Padding);
|
|
12814
|
+
overflow: hidden;
|
|
12815
|
+
background-image: var(--pf-v6-c-compass--BackgroundImage);
|
|
12816
|
+
background-size: cover;
|
|
12817
|
+
}
|
|
12818
|
+
.pf-v6-c-compass.pf-m-dock {
|
|
12819
|
+
grid-template-areas: "dock main";
|
|
12820
|
+
grid-template-rows: auto;
|
|
12821
|
+
grid-template-columns: auto 1fr;
|
|
12822
|
+
align-items: stretch;
|
|
12823
|
+
padding: 0;
|
|
12824
|
+
}
|
|
12825
|
+
.pf-v6-c-compass.pf-m-dock .pf-v6-c-compass__main {
|
|
12826
|
+
padding: var(--pf-v6-c-compass--Padding);
|
|
12827
|
+
}
|
|
12828
|
+
:root:where(.pf-v6-theme-dark) .pf-v6-c-compass {
|
|
12829
|
+
--pf-v6-c-compass--BackgroundImage: var(--pf-v6-c-compass--BackgroundImage--dark);
|
|
12830
|
+
}
|
|
12831
|
+
.pf-v6-c-compass__panel.pf-m-no-glass, .pf-v6-c-compass.pf-m-no-glass {
|
|
12832
|
+
--pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
12833
|
+
}
|
|
12834
|
+
|
|
12835
|
+
.pf-v6-c-compass__header,
|
|
12836
|
+
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
|
|
12837
|
+
.pf-v6-c-compass__main-footer,
|
|
12838
|
+
.pf-v6-c-compass__footer {
|
|
12839
|
+
margin: 0;
|
|
12840
|
+
visibility: hidden;
|
|
12841
|
+
opacity: 0;
|
|
12842
|
+
transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
|
|
12843
|
+
transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
|
|
12844
|
+
transition-duration: var(--pf-v6-c-compass--section--TransitionDuration);
|
|
12845
|
+
transition-property: var(--pf-v6-c-compass--section--TransitionProperty);
|
|
12846
|
+
}
|
|
12847
|
+
.pf-v6-c-compass__header.pf-m-expanded,
|
|
12848
|
+
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end).pf-m-expanded,
|
|
12849
|
+
.pf-v6-c-compass__main-footer.pf-m-expanded,
|
|
12850
|
+
.pf-v6-c-compass__footer.pf-m-expanded {
|
|
12851
|
+
--pf-v6-c-compass--section--TransitionDelay: var(--pf-v6-c-compass--section--m-expanded--TransitionDelay);
|
|
12852
|
+
--pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--TransitionDuration);
|
|
12853
|
+
visibility: visible;
|
|
12854
|
+
opacity: 1;
|
|
12855
|
+
translate: 0;
|
|
12856
|
+
}
|
|
12857
|
+
|
|
12858
|
+
.pf-v6-c-compass__header,
|
|
12859
|
+
.pf-v6-c-compass__main-footer,
|
|
12860
|
+
.pf-v6-c-compass__footer {
|
|
12861
|
+
height: 0;
|
|
12862
|
+
}
|
|
12863
|
+
.pf-v6-c-compass__header.pf-m-expanded,
|
|
12864
|
+
.pf-v6-c-compass__main-footer.pf-m-expanded,
|
|
12865
|
+
.pf-v6-c-compass__footer.pf-m-expanded {
|
|
12866
|
+
height: auto;
|
|
12867
|
+
}
|
|
12868
|
+
|
|
12869
|
+
.pf-v6-c-compass__header {
|
|
12870
|
+
display: grid;
|
|
12871
|
+
grid-area: header;
|
|
12872
|
+
grid-template-columns: 1fr auto 1fr;
|
|
12873
|
+
align-items: start;
|
|
12874
|
+
translate: 0 calc(var(--pf-v6-c-compass--section--slide--length--header) * -1);
|
|
12875
|
+
}
|
|
12876
|
+
.pf-v6-c-compass__header.pf-m-expanded {
|
|
12877
|
+
margin-block-end: var(--pf-v6-c-compass--Gap);
|
|
12878
|
+
}
|
|
12879
|
+
|
|
12880
|
+
.pf-v6-c-compass__profile {
|
|
12881
|
+
justify-self: end;
|
|
12882
|
+
}
|
|
12883
|
+
.pf-v6-c-compass__profile .pf-v6-c-menu-toggle.pf-m-plain {
|
|
12884
|
+
margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
|
|
12885
|
+
}
|
|
12886
|
+
|
|
12887
|
+
.pf-v6-c-compass__nav {
|
|
12888
|
+
--pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-v6-c-compass__nav--PaddingBlockStart);
|
|
12889
|
+
--pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-v6-c-compass__nav--PaddingBlockEnd);
|
|
12890
|
+
--pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-v6-c-compass__nav--PaddingInlineStart);
|
|
12891
|
+
--pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-v6-c-compass__nav--PaddingInlineEnd);
|
|
12892
|
+
display: flex;
|
|
12893
|
+
flex-direction: column;
|
|
12894
|
+
gap: var(--pf-v6-c-compass__nav--RowGap);
|
|
12895
|
+
align-items: center;
|
|
12896
|
+
justify-self: stretch;
|
|
12897
|
+
}
|
|
12898
|
+
|
|
12899
|
+
.pf-v6-c-compass__nav-content {
|
|
12900
|
+
display: flex;
|
|
12901
|
+
align-items: center;
|
|
12902
|
+
}
|
|
12903
|
+
|
|
12904
|
+
.pf-v6-c-compass__nav-main {
|
|
12905
|
+
padding-inline-start: var(--pf-v6-c-compass__nav-main--PaddingInlineStart);
|
|
12906
|
+
padding-inline-end: var(--pf-v6-c-compass__nav-main--PaddingInlineEnd);
|
|
12907
|
+
}
|
|
12908
|
+
|
|
12909
|
+
.pf-v6-c-compass__sidebar {
|
|
12910
|
+
--pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-v6-c-compass__sidebar--PaddingBlockStart);
|
|
12911
|
+
--pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-v6-c-compass__sidebar--PaddingBlockEnd);
|
|
12912
|
+
--pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-v6-c-compass__sidebar--PaddingInlineStart);
|
|
12913
|
+
--pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-v6-c-compass__sidebar--PaddingInlineEnd);
|
|
12914
|
+
display: flex;
|
|
12915
|
+
width: 0;
|
|
12916
|
+
}
|
|
12917
|
+
.pf-v6-c-compass__sidebar.pf-m-expanded {
|
|
12918
|
+
width: auto;
|
|
12919
|
+
}
|
|
12920
|
+
.pf-v6-c-compass__sidebar.pf-m-start {
|
|
12921
|
+
translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
|
|
12922
|
+
}
|
|
12923
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-start {
|
|
12924
|
+
translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
|
|
12925
|
+
}
|
|
12926
|
+
|
|
12927
|
+
.pf-v6-c-compass__sidebar.pf-m-start {
|
|
12928
|
+
grid-area: sidebar-start;
|
|
12929
|
+
}
|
|
12930
|
+
.pf-v6-c-compass__sidebar.pf-m-start.pf-m-expanded {
|
|
12931
|
+
margin-inline-end: var(--pf-v6-c-compass--Gap);
|
|
12932
|
+
}
|
|
12933
|
+
.pf-v6-c-compass__sidebar.pf-m-end {
|
|
12934
|
+
translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
|
|
12935
|
+
}
|
|
12936
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-end {
|
|
12937
|
+
translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
|
|
12938
|
+
}
|
|
12939
|
+
|
|
12940
|
+
.pf-v6-c-compass__sidebar.pf-m-end {
|
|
12941
|
+
grid-area: sidebar-end;
|
|
12942
|
+
}
|
|
12943
|
+
.pf-v6-c-compass__sidebar.pf-m-end.pf-m-expanded {
|
|
12944
|
+
margin-inline-start: var(--pf-v6-c-compass--Gap);
|
|
12945
|
+
}
|
|
12946
|
+
|
|
12947
|
+
.pf-v6-c-compass__main {
|
|
12948
|
+
display: flex;
|
|
12949
|
+
flex-direction: column;
|
|
12950
|
+
grid-area: main;
|
|
12951
|
+
gap: var(--pf-v6-c-compass__main--RowGap);
|
|
12952
|
+
align-self: stretch;
|
|
12953
|
+
min-height: 0;
|
|
12954
|
+
}
|
|
12955
|
+
|
|
12956
|
+
.pf-v6-c-compass__main-header-content {
|
|
12957
|
+
display: flex;
|
|
12958
|
+
gap: var(--pf-v6-c-compass__main-header-content--RowGap) var(--pf-v6-c-compass__main-header-content--ColumnGap);
|
|
12959
|
+
}
|
|
12960
|
+
|
|
12961
|
+
.pf-v6-c-compass__main-header-title {
|
|
12962
|
+
flex-grow: 1;
|
|
12963
|
+
}
|
|
12964
|
+
|
|
12965
|
+
.pf-v6-c-compass__content {
|
|
12966
|
+
display: flex;
|
|
12967
|
+
flex: 1 0 0;
|
|
12968
|
+
flex-direction: column;
|
|
12969
|
+
min-height: 0;
|
|
12970
|
+
overflow: auto;
|
|
12971
|
+
}
|
|
12972
|
+
.pf-v6-c-compass__content > *:last-child {
|
|
12973
|
+
flex-grow: 1;
|
|
12974
|
+
max-height: 100%;
|
|
12975
|
+
}
|
|
12976
|
+
|
|
12977
|
+
.pf-v6-c-compass__main-footer {
|
|
12978
|
+
display: flex;
|
|
12979
|
+
justify-content: center;
|
|
12980
|
+
min-height: 0;
|
|
12981
|
+
translate: 0 var(--pf-v6-c-compass--section--slide--length--main-footer);
|
|
12982
|
+
}
|
|
12983
|
+
.pf-v6-c-compass__main-footer.pf-m-expanded {
|
|
12984
|
+
margin-block-start: var(--pf-v6-c-compass__main-footer--MarginBlockStart);
|
|
12985
|
+
}
|
|
12986
|
+
|
|
12987
|
+
.pf-v6-c-compass__footer {
|
|
12988
|
+
display: flex;
|
|
12989
|
+
grid-column: 1/-1;
|
|
12990
|
+
justify-content: center;
|
|
12991
|
+
translate: 0 var(--pf-v6-c-compass--section--slide--length--main-footer);
|
|
12992
|
+
}
|
|
12993
|
+
.pf-v6-c-compass__footer.pf-m-expanded {
|
|
12994
|
+
margin-block-start: var(--pf-v6-c-compass--Gap);
|
|
12995
|
+
}
|
|
12996
|
+
|
|
12997
|
+
.pf-v6-c-compass__message-bar {
|
|
12998
|
+
width: var(--pf-v6-c-compass__message-bar--Width);
|
|
12999
|
+
min-width: var(--pf-v6-c-compass__message-bar--MinWidth);
|
|
13000
|
+
max-width: var(--pf-v6-c-compass__message-bar--MaxWidth);
|
|
13001
|
+
}
|
|
13002
|
+
|
|
13003
|
+
.pf-v6-c-compass__panel {
|
|
13004
|
+
padding-block-start: var(--pf-v6-c-compass__panel--PaddingBlockStart);
|
|
13005
|
+
padding-block-end: var(--pf-v6-c-compass__panel--PaddingBlockEnd);
|
|
13006
|
+
padding-inline-start: var(--pf-v6-c-compass__panel--PaddingInlineStart);
|
|
13007
|
+
padding-inline-end: var(--pf-v6-c-compass__panel--PaddingInlineEnd);
|
|
13008
|
+
background-color: var(--pf-v6-c-compass__panel--BackgroundColor);
|
|
13009
|
+
backdrop-filter: var(--pf-v6-c-compass__panel--BackdropFilter);
|
|
13010
|
+
border: var(--pf-v6-c-compass__panel--BorderWidth) solid var(--pf-v6-c-compass__panel--BorderColor);
|
|
13011
|
+
border-radius: var(--pf-v6-c-compass__panel--BorderRadius);
|
|
13012
|
+
box-shadow: var(--pf-v6-c-compass__panel--BoxShadow);
|
|
13013
|
+
}
|
|
13014
|
+
.pf-v6-c-compass__panel.pf-m-no-border {
|
|
13015
|
+
border-width: 0;
|
|
13016
|
+
}
|
|
13017
|
+
.pf-v6-c-compass__panel.pf-m-no-padding {
|
|
13018
|
+
padding: 0;
|
|
13019
|
+
}
|
|
13020
|
+
.pf-v6-c-compass__panel.pf-m-full-height {
|
|
13021
|
+
height: 100%;
|
|
13022
|
+
}
|
|
13023
|
+
.pf-v6-c-compass__panel.pf-m-pill {
|
|
13024
|
+
border-radius: var(--pf-v6-c-compass__panel--m-pill--BorderRadius);
|
|
13025
|
+
}
|
|
13026
|
+
.pf-v6-c-compass__panel.pf-m-scrollable {
|
|
13027
|
+
overflow: auto;
|
|
13028
|
+
}
|
|
13029
|
+
|
|
13030
|
+
/* stylelint-disable */
|
|
13031
|
+
@media (max-width: 1200px) {
|
|
13032
|
+
.pf-v6-c-compass * {
|
|
13033
|
+
display: none;
|
|
13034
|
+
}
|
|
13035
|
+
.pf-v6-c-compass {
|
|
13036
|
+
position: relative;
|
|
13037
|
+
display: grid;
|
|
13038
|
+
grid-template-columns: auto;
|
|
13039
|
+
grid-template-rows: auto;
|
|
13040
|
+
place-content: center;
|
|
13041
|
+
gap: 0;
|
|
13042
|
+
}
|
|
13043
|
+
.pf-v6-c-compass::after {
|
|
13044
|
+
padding: 1em;
|
|
13045
|
+
border-radius: var(--pf-t--global--border--radius--large);
|
|
13046
|
+
background: var(--pf-t--global--background--color--primary--default);
|
|
13047
|
+
content: "This page is optimized for wide screens.\a\aPlease view on a larger display and/or make your browser window wider.";
|
|
13048
|
+
width: 80%;
|
|
13049
|
+
width: 300px;
|
|
13050
|
+
border: 1px solid var(--pf-t--global--border--color--default);
|
|
13051
|
+
box-shadow: var(--pf-t--global--box-shadow--md);
|
|
13052
|
+
white-space: pre-wrap;
|
|
13053
|
+
text-align: center;
|
|
13054
|
+
}
|
|
13055
|
+
}
|
|
13056
|
+
/* stylelint-enable */
|
|
12273
13057
|
:root {
|
|
12274
13058
|
--pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
12275
13059
|
--pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
@@ -12964,7 +13748,16 @@ ul) {
|
|
|
12964
13748
|
--pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
12965
13749
|
--pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
12966
13750
|
--pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
12967
|
-
|
|
13751
|
+
}
|
|
13752
|
+
@media screen and (min-width: 36rem) {
|
|
13753
|
+
.pf-v6-c-data-list {
|
|
13754
|
+
--pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
|
|
13755
|
+
--pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
|
|
13756
|
+
}
|
|
13757
|
+
}
|
|
13758
|
+
.pf-v6-c-data-list {
|
|
13759
|
+
--pf-v6-c-data-list__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
13760
|
+
--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
|
|
12968
13761
|
--pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
12969
13762
|
--pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
12970
13763
|
--pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
@@ -12972,6 +13765,14 @@ ul) {
|
|
|
12972
13765
|
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
|
|
12973
13766
|
--pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
12974
13767
|
--pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
13768
|
+
}
|
|
13769
|
+
@media screen and (min-width: 36rem) {
|
|
13770
|
+
.pf-v6-c-data-list {
|
|
13771
|
+
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
|
|
13772
|
+
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
|
|
13773
|
+
}
|
|
13774
|
+
}
|
|
13775
|
+
.pf-v6-c-data-list {
|
|
12975
13776
|
--pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
12976
13777
|
--pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
12977
13778
|
--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -13067,18 +13868,6 @@ ul) {
|
|
|
13067
13868
|
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
13068
13869
|
--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
13069
13870
|
}
|
|
13070
|
-
@media screen and (min-width: 36rem) {
|
|
13071
|
-
.pf-v6-c-data-list {
|
|
13072
|
-
--pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
|
|
13073
|
-
--pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
|
|
13074
|
-
}
|
|
13075
|
-
}
|
|
13076
|
-
@media screen and (min-width: 36rem) {
|
|
13077
|
-
.pf-v6-c-data-list {
|
|
13078
|
-
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
|
|
13079
|
-
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
|
|
13080
|
-
}
|
|
13081
|
-
}
|
|
13082
13871
|
|
|
13083
13872
|
.pf-v6-c-data-list {
|
|
13084
13873
|
font-size: var(--pf-v6-c-data-list--FontSize);
|
|
@@ -13119,6 +13908,9 @@ ul) {
|
|
|
13119
13908
|
.pf-v6-c-data-list.pf-m-drag-over {
|
|
13120
13909
|
overflow-anchor: none;
|
|
13121
13910
|
}
|
|
13911
|
+
.pf-v6-c-data-list.pf-m-plain {
|
|
13912
|
+
--pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
|
|
13913
|
+
}
|
|
13122
13914
|
|
|
13123
13915
|
.pf-v6-c-data-list.pf-m-truncate,
|
|
13124
13916
|
.pf-v6-c-data-list__item-row.pf-m-truncate,
|
|
@@ -13238,12 +14030,6 @@ ul) {
|
|
|
13238
14030
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
13239
14031
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
13240
14032
|
display: var(--pf-v6-hidden-visible--Display);
|
|
13241
|
-
gap: var(--pf-v6-c-data-list__item-action--Gap);
|
|
13242
|
-
align-content: flex-start;
|
|
13243
|
-
align-items: flex-start;
|
|
13244
|
-
padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
|
|
13245
|
-
padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
|
|
13246
|
-
margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
|
|
13247
14033
|
}
|
|
13248
14034
|
.pf-v6-c-data-list__item-action.pf-m-hidden {
|
|
13249
14035
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -13288,6 +14074,14 @@ ul) {
|
|
|
13288
14074
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
13289
14075
|
}
|
|
13290
14076
|
}
|
|
14077
|
+
.pf-v6-c-data-list__item-action {
|
|
14078
|
+
gap: var(--pf-v6-c-data-list__item-action--Gap);
|
|
14079
|
+
align-content: flex-start;
|
|
14080
|
+
align-items: flex-start;
|
|
14081
|
+
padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
|
|
14082
|
+
padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
|
|
14083
|
+
margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
|
|
14084
|
+
}
|
|
13291
14085
|
|
|
13292
14086
|
.pf-v6-c-data-list__toggle {
|
|
13293
14087
|
margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
|
|
@@ -13295,15 +14089,16 @@ ul) {
|
|
|
13295
14089
|
margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginInlineStart);
|
|
13296
14090
|
}
|
|
13297
14091
|
|
|
14092
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
|
|
14093
|
+
scale: -1 1;
|
|
14094
|
+
}
|
|
14095
|
+
|
|
13298
14096
|
.pf-v6-c-data-list__toggle-icon {
|
|
13299
14097
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
13300
14098
|
pointer-events: none;
|
|
13301
14099
|
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
13302
14100
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
13303
14101
|
}
|
|
13304
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
|
|
13305
|
-
scale: -1 1;
|
|
13306
|
-
}
|
|
13307
14102
|
|
|
13308
14103
|
.pf-v6-c-data-list__item-content {
|
|
13309
14104
|
display: grid;
|
|
@@ -13398,6 +14193,13 @@ ul) {
|
|
|
13398
14193
|
--pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
13399
14194
|
--pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13400
14195
|
--pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
14196
|
+
}
|
|
14197
|
+
@media screen and (min-width: 36rem) {
|
|
14198
|
+
.pf-v6-c-description-list {
|
|
14199
|
+
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
|
14200
|
+
}
|
|
14201
|
+
}
|
|
14202
|
+
.pf-v6-c-description-list {
|
|
13401
14203
|
--pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
|
|
13402
14204
|
--pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
13403
14205
|
--pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
@@ -13426,11 +14228,6 @@ ul) {
|
|
|
13426
14228
|
--pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
|
|
13427
14229
|
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
13428
14230
|
}
|
|
13429
|
-
@media screen and (min-width: 36rem) {
|
|
13430
|
-
.pf-v6-c-description-list {
|
|
13431
|
-
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
|
13432
|
-
}
|
|
13433
|
-
}
|
|
13434
14231
|
@media (min-width: 36rem) {
|
|
13435
14232
|
.pf-v6-c-description-list {
|
|
13436
14233
|
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
|
|
@@ -13812,6 +14609,15 @@ ul) {
|
|
|
13812
14609
|
--pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
|
|
13813
14610
|
--pf-v6-c-dual-list-selector__list--TranslateY: 0;
|
|
13814
14611
|
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
|
14612
|
+
}
|
|
14613
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14614
|
+
.pf-v6-c-dual-list-selector {
|
|
14615
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
14616
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
14617
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
|
|
14618
|
+
}
|
|
14619
|
+
}
|
|
14620
|
+
.pf-v6-c-dual-list-selector {
|
|
13815
14621
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
13816
14622
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
13817
14623
|
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
@@ -13853,13 +14659,6 @@ ul) {
|
|
|
13853
14659
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
13854
14660
|
--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
13855
14661
|
}
|
|
13856
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
13857
|
-
.pf-v6-c-dual-list-selector {
|
|
13858
|
-
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
13859
|
-
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
13860
|
-
--pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
|
|
13861
|
-
}
|
|
13862
|
-
}
|
|
13863
14662
|
|
|
13864
14663
|
.pf-v6-c-dual-list-selector {
|
|
13865
14664
|
display: grid;
|
|
@@ -13930,8 +14729,6 @@ ul) {
|
|
|
13930
14729
|
|
|
13931
14730
|
.pf-v6-c-dual-list-selector__list {
|
|
13932
14731
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
13933
|
-
display: flex;
|
|
13934
|
-
flex-direction: column;
|
|
13935
14732
|
}
|
|
13936
14733
|
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list {
|
|
13937
14734
|
--pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart: 0;
|
|
@@ -13939,16 +14736,22 @@ ul) {
|
|
|
13939
14736
|
}
|
|
13940
14737
|
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
|
|
13941
14738
|
transform: translateX(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX));
|
|
13942
|
-
position: absolute;
|
|
13943
|
-
inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
|
|
13944
14739
|
}
|
|
13945
14740
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
|
|
13946
14741
|
transform: translateX(calc(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
13947
14742
|
}
|
|
13948
14743
|
|
|
14744
|
+
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
|
|
14745
|
+
position: absolute;
|
|
14746
|
+
inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
|
|
14747
|
+
}
|
|
13949
14748
|
.pf-v6-c-dual-list-selector__list.pf-m-drag-over {
|
|
13950
14749
|
overflow-anchor: none;
|
|
13951
14750
|
}
|
|
14751
|
+
.pf-v6-c-dual-list-selector__list {
|
|
14752
|
+
display: flex;
|
|
14753
|
+
flex-direction: column;
|
|
14754
|
+
}
|
|
13952
14755
|
|
|
13953
14756
|
.pf-v6-c-dual-list-selector__list-item:focus-visible {
|
|
13954
14757
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
|
@@ -14233,11 +15036,6 @@ ul) {
|
|
|
14233
15036
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
14234
15037
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
14235
15038
|
display: var(--pf-v6-hidden-visible--Display);
|
|
14236
|
-
flex-shrink: 0;
|
|
14237
|
-
align-items: stretch;
|
|
14238
|
-
align-self: stretch;
|
|
14239
|
-
justify-content: center;
|
|
14240
|
-
border: 0;
|
|
14241
15039
|
}
|
|
14242
15040
|
.pf-v6-c-divider.pf-m-hidden {
|
|
14243
15041
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -14282,6 +15080,13 @@ ul) {
|
|
|
14282
15080
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
14283
15081
|
}
|
|
14284
15082
|
}
|
|
15083
|
+
.pf-v6-c-divider {
|
|
15084
|
+
flex-shrink: 0;
|
|
15085
|
+
align-items: stretch;
|
|
15086
|
+
align-self: stretch;
|
|
15087
|
+
justify-content: center;
|
|
15088
|
+
border: 0;
|
|
15089
|
+
}
|
|
14285
15090
|
.pf-v6-c-divider::before {
|
|
14286
15091
|
flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
|
|
14287
15092
|
content: "";
|
|
@@ -14526,6 +15331,7 @@ ul) {
|
|
|
14526
15331
|
}
|
|
14527
15332
|
|
|
14528
15333
|
.pf-v6-c-drawer {
|
|
15334
|
+
--pf-v6-c-drawer--m-pill--m-inline__main--Gap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
14529
15335
|
--pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
14530
15336
|
--pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
14531
15337
|
--pf-v6-c-drawer__content--FlexBasis: 100%;
|
|
@@ -14556,6 +15362,7 @@ ul) {
|
|
|
14556
15362
|
--pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
|
|
14557
15363
|
--pf-v6-c-drawer__panel--Opacity: 0;
|
|
14558
15364
|
--pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
|
|
15365
|
+
--pf-v6-c-drawer--m-expanded__panel--inset: 0px;
|
|
14559
15366
|
--pf-v6-c-drawer__panel--FlexBasis: 100%;
|
|
14560
15367
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
|
|
14561
15368
|
--pf-v6-c-drawer__panel--md--FlexBasis: 50%;
|
|
@@ -14571,6 +15378,29 @@ ul) {
|
|
|
14571
15378
|
--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column;
|
|
14572
15379
|
--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem;
|
|
14573
15380
|
--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem;
|
|
15381
|
+
--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth: var(--pf-t--global--border--width--regular);
|
|
15382
|
+
--pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
|
|
15383
|
+
--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
|
|
15384
|
+
--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
|
|
15385
|
+
--pf-v6-c-drawer--m-pill__panel--BorderColor: var(--pf-t--global--border--color--default);
|
|
15386
|
+
--pf-v6-c-drawer--m-pill__panel--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
15387
|
+
--pf-v6-c-drawer--m-pill--m-expanded__panel--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
15388
|
+
--pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
|
|
15389
|
+
--pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
15390
|
+
--pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
|
|
15391
|
+
}
|
|
15392
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
15393
|
+
.pf-v6-c-drawer {
|
|
15394
|
+
--pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
|
|
15395
|
+
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
|
|
15396
|
+
--pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
15397
|
+
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
15398
|
+
--pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
|
|
15399
|
+
--pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
|
|
15400
|
+
--pf-v6-c-drawer__panel--Opacity: 1;
|
|
15401
|
+
}
|
|
15402
|
+
}
|
|
15403
|
+
.pf-v6-c-drawer {
|
|
14574
15404
|
--pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
14575
15405
|
--pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
14576
15406
|
--pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -14633,6 +15463,17 @@ ul) {
|
|
|
14633
15463
|
--pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
|
|
14634
15464
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
|
|
14635
15465
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
|
|
15466
|
+
}
|
|
15467
|
+
@media screen and (min-width: 75rem) {
|
|
15468
|
+
.pf-v6-c-drawer {
|
|
15469
|
+
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
|
15470
|
+
}
|
|
15471
|
+
.pf-v6-c-drawer.pf-m-panel-bottom {
|
|
15472
|
+
--pf-v6-c-drawer__panel--MinWidth: auto;
|
|
15473
|
+
--pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
|
|
15474
|
+
}
|
|
15475
|
+
}
|
|
15476
|
+
.pf-v6-c-drawer {
|
|
14636
15477
|
--pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
|
|
14637
15478
|
--pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
|
|
14638
15479
|
--pf-v6-c-drawer__panel--BoxShadow: none;
|
|
@@ -14647,46 +15488,32 @@ ul) {
|
|
|
14647
15488
|
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
|
|
14648
15489
|
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
|
|
14649
15490
|
}
|
|
14650
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14651
|
-
.pf-v6-c-drawer {
|
|
14652
|
-
--pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
|
|
14653
|
-
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
|
|
14654
|
-
--pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
14655
|
-
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
14656
|
-
--pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
|
|
14657
|
-
--pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
|
|
14658
|
-
--pf-v6-c-drawer__panel--Opacity: 1;
|
|
14659
|
-
}
|
|
14660
|
-
}
|
|
14661
|
-
@media screen and (min-width: 75rem) {
|
|
14662
|
-
.pf-v6-c-drawer {
|
|
14663
|
-
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
|
14664
|
-
}
|
|
14665
|
-
.pf-v6-c-drawer.pf-m-panel-bottom {
|
|
14666
|
-
--pf-v6-c-drawer__panel--MinWidth: auto;
|
|
14667
|
-
--pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
|
|
14668
|
-
}
|
|
14669
|
-
}
|
|
14670
15491
|
|
|
14671
15492
|
.pf-v6-c-drawer {
|
|
14672
15493
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
|
|
14673
|
-
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
14674
|
-
display: flex;
|
|
14675
|
-
flex-direction: column;
|
|
14676
|
-
height: 100%;
|
|
14677
|
-
overflow-x: hidden;
|
|
14678
15494
|
}
|
|
14679
15495
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
|
14680
15496
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
14681
15497
|
}
|
|
14682
15498
|
|
|
15499
|
+
.pf-v6-c-drawer {
|
|
15500
|
+
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
15501
|
+
}
|
|
14683
15502
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
|
14684
15503
|
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
|
|
14685
15504
|
}
|
|
14686
15505
|
|
|
15506
|
+
.pf-v6-c-drawer {
|
|
15507
|
+
display: flex;
|
|
15508
|
+
flex-direction: column;
|
|
15509
|
+
height: 100%;
|
|
15510
|
+
overflow-x: hidden;
|
|
15511
|
+
}
|
|
14687
15512
|
.pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
|
|
14688
15513
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
|
|
14689
15514
|
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
15515
|
+
--pf-v6-c-drawer--m-pill__main--Gap: var(--pf-v6-c-drawer--m-pill--m-inline__main--Gap);
|
|
15516
|
+
--pf-v6-c-drawer--m-pill--m-expanded__panel--inset: 0px;
|
|
14690
15517
|
}
|
|
14691
15518
|
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
|
|
14692
15519
|
padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
|
|
@@ -14710,19 +15537,21 @@ ul) {
|
|
|
14710
15537
|
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
|
|
14711
15538
|
}
|
|
14712
15539
|
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
14713
|
-
transform: translateX(-100%);
|
|
14714
|
-
--pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
|
|
14715
|
-
visibility: visible;
|
|
15540
|
+
transform: translateX(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
14716
15541
|
}
|
|
14717
15542
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
14718
|
-
transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
|
|
15543
|
+
transform: translateX(calc(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)) * var(--pf-v6-global--inverse--multiplier)));
|
|
14719
15544
|
}
|
|
14720
15545
|
|
|
15546
|
+
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15547
|
+
--pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
|
|
15548
|
+
visibility: visible;
|
|
15549
|
+
}
|
|
14721
15550
|
.pf-v6-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
14722
15551
|
transform: translateX(0);
|
|
14723
15552
|
}
|
|
14724
15553
|
.pf-v6-c-drawer.pf-m-expanded.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
14725
|
-
transform: translate(0, -100%);
|
|
15554
|
+
transform: translate(0, calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
14726
15555
|
}
|
|
14727
15556
|
.pf-v6-c-drawer.pf-m-resizing {
|
|
14728
15557
|
--pf-v6-c-drawer__panel--TransitionProperty: none;
|
|
@@ -14731,6 +15560,26 @@ ul) {
|
|
|
14731
15560
|
.pf-v6-c-drawer.pf-m-resizing .pf-v6-c-drawer__splitter {
|
|
14732
15561
|
pointer-events: auto;
|
|
14733
15562
|
}
|
|
15563
|
+
@media screen and (min-width: 48rem) {
|
|
15564
|
+
.pf-v6-c-drawer.pf-m-pill {
|
|
15565
|
+
--pf-v6-c-drawer__main--Gap: var(--pf-v6-c-drawer--m-pill__main--Gap, revert);
|
|
15566
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-pill__panel--BorderColor);
|
|
15567
|
+
--pf-v6-c-drawer__panel--BorderRadius: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
|
|
15568
|
+
--pf-v6-c-drawer--m-expanded__panel--inset: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
|
|
15569
|
+
--pf-v6-c-drawer__panel--MarginBlock: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
|
|
15570
|
+
}
|
|
15571
|
+
.pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15572
|
+
border-block-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth);
|
|
15573
|
+
border-block-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth);
|
|
15574
|
+
border-inline-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth);
|
|
15575
|
+
border-inline-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth);
|
|
15576
|
+
}
|
|
15577
|
+
.pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-glass) {
|
|
15578
|
+
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
|
|
15579
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
|
|
15580
|
+
backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
|
|
15581
|
+
}
|
|
15582
|
+
}
|
|
14734
15583
|
|
|
14735
15584
|
.pf-v6-c-drawer__section {
|
|
14736
15585
|
flex-grow: 0;
|
|
@@ -14746,6 +15595,7 @@ ul) {
|
|
|
14746
15595
|
.pf-v6-c-drawer__main {
|
|
14747
15596
|
display: flex;
|
|
14748
15597
|
flex: 1;
|
|
15598
|
+
gap: var(--pf-v6-c-drawer__main--Gap, 0);
|
|
14749
15599
|
overflow: hidden;
|
|
14750
15600
|
}
|
|
14751
15601
|
|
|
@@ -14753,8 +15603,8 @@ ul) {
|
|
|
14753
15603
|
.pf-v6-c-drawer__panel,
|
|
14754
15604
|
.pf-v6-c-drawer__panel-main {
|
|
14755
15605
|
display: flex;
|
|
14756
|
-
flex-direction: column;
|
|
14757
15606
|
flex-shrink: 0;
|
|
15607
|
+
flex-direction: column;
|
|
14758
15608
|
overflow: auto;
|
|
14759
15609
|
}
|
|
14760
15610
|
|
|
@@ -14784,6 +15634,8 @@ ul) {
|
|
|
14784
15634
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
14785
15635
|
order: 1;
|
|
14786
15636
|
max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
|
|
15637
|
+
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
15638
|
+
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
14787
15639
|
overflow: auto;
|
|
14788
15640
|
visibility: hidden;
|
|
14789
15641
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
@@ -14792,6 +15644,7 @@ ul) {
|
|
|
14792
15644
|
border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
|
|
14793
15645
|
border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
|
|
14794
15646
|
border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
|
|
15647
|
+
border-radius: var(--pf-v6-c-drawer__panel--BorderRadius, revert);
|
|
14795
15648
|
box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
|
|
14796
15649
|
opacity: var(--pf-v6-c-drawer__panel--Opacity);
|
|
14797
15650
|
transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
|
|
@@ -14979,7 +15832,7 @@ ul) {
|
|
|
14979
15832
|
padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
|
|
14980
15833
|
}
|
|
14981
15834
|
.pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
14982
|
-
transform: translateX(
|
|
15835
|
+
transform: translateX(var(--pf-v6-c-drawer--m-expanded__panel--inset));
|
|
14983
15836
|
}
|
|
14984
15837
|
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
|
|
14985
15838
|
--pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
|
|
@@ -14991,6 +15844,8 @@ ul) {
|
|
|
14991
15844
|
--pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
|
|
14992
15845
|
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
14993
15846
|
--pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
|
|
15847
|
+
--pf-v6-c-drawer__panel--MarginBlock: initial;
|
|
15848
|
+
--pf-v6-c-drawer__panel--MarginInline: var(--pf-v6-c-drawer--m-expanded__panel--inset);
|
|
14994
15849
|
min-width: auto;
|
|
14995
15850
|
min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
|
|
14996
15851
|
}
|
|
@@ -15038,82 +15893,86 @@ ul) {
|
|
|
15038
15893
|
}
|
|
15039
15894
|
@media (min-width: 48rem) {
|
|
15040
15895
|
.pf-v6-c-drawer__panel.pf-m-width-25 {
|
|
15041
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 25
|
|
15896
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15042
15897
|
}
|
|
15043
15898
|
.pf-v6-c-drawer__panel.pf-m-width-33 {
|
|
15044
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 33
|
|
15899
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15045
15900
|
}
|
|
15046
15901
|
.pf-v6-c-drawer__panel.pf-m-width-50 {
|
|
15047
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 50
|
|
15902
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15048
15903
|
}
|
|
15049
15904
|
.pf-v6-c-drawer__panel.pf-m-width-66 {
|
|
15050
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 66
|
|
15905
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15051
15906
|
}
|
|
15052
15907
|
.pf-v6-c-drawer__panel.pf-m-width-75 {
|
|
15053
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 75
|
|
15908
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15054
15909
|
}
|
|
15055
15910
|
.pf-v6-c-drawer__panel.pf-m-width-100 {
|
|
15056
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 100
|
|
15911
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15912
|
+
--pf-v6-c-drawer__main--Gap: 0;
|
|
15057
15913
|
}
|
|
15058
15914
|
}
|
|
15059
15915
|
@media (min-width: 62rem) {
|
|
15060
15916
|
.pf-v6-c-drawer__panel.pf-m-width-25-on-lg {
|
|
15061
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 25
|
|
15917
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15062
15918
|
}
|
|
15063
15919
|
.pf-v6-c-drawer__panel.pf-m-width-33-on-lg {
|
|
15064
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 33
|
|
15920
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15065
15921
|
}
|
|
15066
15922
|
.pf-v6-c-drawer__panel.pf-m-width-50-on-lg {
|
|
15067
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 50
|
|
15923
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15068
15924
|
}
|
|
15069
15925
|
.pf-v6-c-drawer__panel.pf-m-width-66-on-lg {
|
|
15070
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 66
|
|
15926
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15071
15927
|
}
|
|
15072
15928
|
.pf-v6-c-drawer__panel.pf-m-width-75-on-lg {
|
|
15073
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 75
|
|
15929
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15074
15930
|
}
|
|
15075
15931
|
.pf-v6-c-drawer__panel.pf-m-width-100-on-lg {
|
|
15076
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 100
|
|
15932
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15933
|
+
--pf-v6-c-drawer__main--Gap: 0;
|
|
15077
15934
|
}
|
|
15078
15935
|
}
|
|
15079
15936
|
@media (min-width: 75rem) {
|
|
15080
15937
|
.pf-v6-c-drawer__panel.pf-m-width-25-on-xl {
|
|
15081
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 25
|
|
15938
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15082
15939
|
}
|
|
15083
15940
|
.pf-v6-c-drawer__panel.pf-m-width-33-on-xl {
|
|
15084
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 33
|
|
15941
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15085
15942
|
}
|
|
15086
15943
|
.pf-v6-c-drawer__panel.pf-m-width-50-on-xl {
|
|
15087
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 50
|
|
15944
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15088
15945
|
}
|
|
15089
15946
|
.pf-v6-c-drawer__panel.pf-m-width-66-on-xl {
|
|
15090
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 66
|
|
15947
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15091
15948
|
}
|
|
15092
15949
|
.pf-v6-c-drawer__panel.pf-m-width-75-on-xl {
|
|
15093
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 75
|
|
15950
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15094
15951
|
}
|
|
15095
15952
|
.pf-v6-c-drawer__panel.pf-m-width-100-on-xl {
|
|
15096
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 100
|
|
15953
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15954
|
+
--pf-v6-c-drawer__main--Gap: 0;
|
|
15097
15955
|
}
|
|
15098
15956
|
}
|
|
15099
15957
|
@media (min-width: 90.625rem) {
|
|
15100
15958
|
.pf-v6-c-drawer__panel.pf-m-width-25-on-2xl {
|
|
15101
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 25
|
|
15959
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15102
15960
|
}
|
|
15103
15961
|
.pf-v6-c-drawer__panel.pf-m-width-33-on-2xl {
|
|
15104
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 33
|
|
15962
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15105
15963
|
}
|
|
15106
15964
|
.pf-v6-c-drawer__panel.pf-m-width-50-on-2xl {
|
|
15107
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 50
|
|
15965
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15108
15966
|
}
|
|
15109
15967
|
.pf-v6-c-drawer__panel.pf-m-width-66-on-2xl {
|
|
15110
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 66
|
|
15968
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15111
15969
|
}
|
|
15112
15970
|
.pf-v6-c-drawer__panel.pf-m-width-75-on-2xl {
|
|
15113
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 75
|
|
15971
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15114
15972
|
}
|
|
15115
15973
|
.pf-v6-c-drawer__panel.pf-m-width-100-on-2xl {
|
|
15116
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 100
|
|
15974
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15975
|
+
--pf-v6-c-drawer__main--Gap: 0;
|
|
15117
15976
|
}
|
|
15118
15977
|
}
|
|
15119
15978
|
@media (min-width: 48rem) {
|
|
@@ -15545,10 +16404,24 @@ ul) {
|
|
|
15545
16404
|
--pf-v6-c-expandable-section__content--Opacity: 0;
|
|
15546
16405
|
--pf-v6-c-expandable-section__content--TranslateY: 0;
|
|
15547
16406
|
--pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
|
|
16407
|
+
--pf-v6-c-expandable-section__content--MaxHeight: 0px;
|
|
16408
|
+
--pf-v6-c-expandable-section__content--Visibility: hidden;
|
|
16409
|
+
--pf-v6-c-expandable-section__content--Opacity: 0;
|
|
15548
16410
|
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
|
|
15549
16411
|
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
|
|
15550
16412
|
--pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
|
|
15551
16413
|
--pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
|
|
16414
|
+
}
|
|
16415
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
16416
|
+
.pf-v6-c-expandable-section {
|
|
16417
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
16418
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
16419
|
+
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
|
16420
|
+
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
|
|
16421
|
+
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
|
|
16422
|
+
}
|
|
16423
|
+
}
|
|
16424
|
+
.pf-v6-c-expandable-section {
|
|
15552
16425
|
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
|
15553
16426
|
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
15554
16427
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -15565,15 +16438,6 @@ ul) {
|
|
|
15565
16438
|
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
15566
16439
|
--pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
|
|
15567
16440
|
}
|
|
15568
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
15569
|
-
.pf-v6-c-expandable-section {
|
|
15570
|
-
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
15571
|
-
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
15572
|
-
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
|
15573
|
-
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
|
|
15574
|
-
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
|
|
15575
|
-
}
|
|
15576
|
-
}
|
|
15577
16441
|
|
|
15578
16442
|
.pf-v6-c-expandable-section {
|
|
15579
16443
|
display: flex;
|
|
@@ -15632,9 +16496,13 @@ ul) {
|
|
|
15632
16496
|
}
|
|
15633
16497
|
.pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
|
|
15634
16498
|
display: -webkit-box;
|
|
16499
|
+
overflow: hidden;
|
|
15635
16500
|
-webkit-box-orient: vertical;
|
|
15636
16501
|
-webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
|
|
15637
|
-
|
|
16502
|
+
}
|
|
16503
|
+
|
|
16504
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
16505
|
+
scale: -1 1;
|
|
15638
16506
|
}
|
|
15639
16507
|
|
|
15640
16508
|
.pf-v6-c-expandable-section__toggle-icon {
|
|
@@ -15644,10 +16512,6 @@ ul) {
|
|
|
15644
16512
|
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
15645
16513
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
15646
16514
|
}
|
|
15647
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
15648
|
-
scale: -1 1;
|
|
15649
|
-
}
|
|
15650
|
-
|
|
15651
16515
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
15652
16516
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
15653
16517
|
}
|
|
@@ -16230,8 +17094,8 @@ ul) {
|
|
|
16230
17094
|
|
|
16231
17095
|
.pf-v6-c-form__field-group-header-main {
|
|
16232
17096
|
display: flex;
|
|
16233
|
-
flex-direction: column;
|
|
16234
17097
|
flex-grow: 1;
|
|
17098
|
+
flex-direction: column;
|
|
16235
17099
|
}
|
|
16236
17100
|
|
|
16237
17101
|
.pf-v6-c-form__field-group-header-title {
|
|
@@ -16472,8 +17336,8 @@ ul) {
|
|
|
16472
17336
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
|
|
16473
17337
|
}
|
|
16474
17338
|
.pf-v6-c-form-control.pf-m-textarea > textarea {
|
|
16475
|
-
outline-offset: 0;
|
|
16476
17339
|
scrollbar-gutter: stable;
|
|
17340
|
+
outline-offset: 0;
|
|
16477
17341
|
}
|
|
16478
17342
|
.pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
|
|
16479
17343
|
padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
|
|
@@ -16653,81 +17517,6 @@ ul) {
|
|
|
16653
17517
|
pointer-events: none;
|
|
16654
17518
|
}
|
|
16655
17519
|
|
|
16656
|
-
.pf-v6-c-hint {
|
|
16657
|
-
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
|
16658
|
-
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
16659
|
-
--pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
16660
|
-
--pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
16661
|
-
--pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
16662
|
-
--pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
16663
|
-
--pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
16664
|
-
--pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
16665
|
-
--pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
16666
|
-
--pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
|
|
16667
|
-
--pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
16668
|
-
--pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
16669
|
-
--pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
16670
|
-
--pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
16671
|
-
--pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
16672
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
16673
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
16674
|
-
}
|
|
16675
|
-
|
|
16676
|
-
.pf-v6-c-hint {
|
|
16677
|
-
display: grid;
|
|
16678
|
-
grid-template-columns: 1fr auto;
|
|
16679
|
-
grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
16680
|
-
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
16681
|
-
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
16682
|
-
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
16683
|
-
padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
|
|
16684
|
-
color: var(--pf-v6-c-hint--Color);
|
|
16685
|
-
background-color: var(--pf-v6-c-hint--BackgroundColor);
|
|
16686
|
-
border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
|
|
16687
|
-
border-radius: var(--pf-v6-c-hint--BorderRadius);
|
|
16688
|
-
}
|
|
16689
|
-
.pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
16690
|
-
text-align: start;
|
|
16691
|
-
white-space: normal;
|
|
16692
|
-
}
|
|
16693
|
-
|
|
16694
|
-
.pf-v6-c-hint__actions {
|
|
16695
|
-
display: inline-grid;
|
|
16696
|
-
grid-row: 1;
|
|
16697
|
-
grid-column: 2;
|
|
16698
|
-
grid-auto-flow: column;
|
|
16699
|
-
align-self: start;
|
|
16700
|
-
margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
|
|
16701
|
-
margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
|
|
16702
|
-
margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
|
|
16703
|
-
text-align: end;
|
|
16704
|
-
}
|
|
16705
|
-
.pf-v6-c-hint__actions.pf-m-no-offset {
|
|
16706
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
|
|
16707
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
|
|
16708
|
-
}
|
|
16709
|
-
.pf-v6-c-hint__actions + .pf-v6-c-hint__body {
|
|
16710
|
-
grid-column: 1;
|
|
16711
|
-
}
|
|
16712
|
-
|
|
16713
|
-
.pf-v6-c-hint__title {
|
|
16714
|
-
align-self: center;
|
|
16715
|
-
font-weight: var(--pf-v6-c-hint__title--FontWeight);
|
|
16716
|
-
}
|
|
16717
|
-
|
|
16718
|
-
.pf-v6-c-hint__body {
|
|
16719
|
-
grid-column: 1/-1;
|
|
16720
|
-
font-size: var(--pf-v6-c-hint__body--FontSize);
|
|
16721
|
-
}
|
|
16722
|
-
|
|
16723
|
-
.pf-v6-c-hint__footer {
|
|
16724
|
-
grid-column: 1/-1;
|
|
16725
|
-
margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
|
|
16726
|
-
}
|
|
16727
|
-
.pf-v6-c-hint__footer > :not(:last-child) {
|
|
16728
|
-
margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
|
|
16729
|
-
}
|
|
16730
|
-
|
|
16731
17520
|
.pf-v6-c-helper-text {
|
|
16732
17521
|
--pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
|
|
16733
17522
|
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
@@ -16813,6 +17602,156 @@ ul) {
|
|
|
16813
17602
|
color: var(--pf-v6-c-helper-text__item-text--Color);
|
|
16814
17603
|
}
|
|
16815
17604
|
|
|
17605
|
+
.pf-v6-c-hero {
|
|
17606
|
+
--pf-v6-c-hero--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
17607
|
+
--pf-v6-c-hero--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
17608
|
+
--pf-v6-c-hero--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
17609
|
+
--pf-v6-c-hero--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
17610
|
+
--pf-v6-c-hero--gradient--angle: 109deg;
|
|
17611
|
+
--pf-v6-c-hero--gradient--stop-1--light: transparent;
|
|
17612
|
+
--pf-v6-c-hero--gradient--stop-2--light: transparent;
|
|
17613
|
+
--pf-v6-c-hero--gradient--stop-3--light: transparent;
|
|
17614
|
+
--pf-v6-c-hero--gradient--stop-1--dark: transparent;
|
|
17615
|
+
--pf-v6-c-hero--gradient--stop-2--dark: transparent;
|
|
17616
|
+
--pf-v6-c-hero--gradient--stop-3--dark: transparent;
|
|
17617
|
+
--pf-v6-c-hero--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
|
|
17618
|
+
--pf-v6-c-hero--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
17619
|
+
--pf-v6-c-hero--BackgroundImage--light: none;
|
|
17620
|
+
--pf-v6-c-hero--BackgroundImage--dark: none;
|
|
17621
|
+
--pf-v6-c-hero--BackgroundRepeat: no-repeat;
|
|
17622
|
+
--pf-v6-c-hero--BackgroundPosition: right center;
|
|
17623
|
+
--pf-v6-c-hero--BackgroundSize: contain;
|
|
17624
|
+
--pf-v6-c-hero--BorderStyle: solid;
|
|
17625
|
+
--pf-v6-c-hero--BorderBlockStartWidth: var(--pf-t--global--border--width--regular);
|
|
17626
|
+
--pf-v6-c-hero--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
|
|
17627
|
+
--pf-v6-c-hero--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
|
|
17628
|
+
--pf-v6-c-hero--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
|
|
17629
|
+
--pf-v6-c-hero--BorderColor: var(--pf-t--global--border--color--default);
|
|
17630
|
+
--pf-v6-c-hero--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
|
|
17631
|
+
--pf-v6-c-hero--m-glass--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
17632
|
+
--pf-v6-c-hero--BorderStartStartRadius: 24px;
|
|
17633
|
+
--pf-v6-c-hero--BorderStartEndRadius: 72px;
|
|
17634
|
+
--pf-v6-c-hero--BorderEndEndRadius: 24px;
|
|
17635
|
+
--pf-v6-c-hero--BorderEndStartRadius: 72px;
|
|
17636
|
+
--pf-v6-c-hero__body--Width: 800px;
|
|
17637
|
+
--pf-v6-c-hero__body--MaxWidth: 80%;
|
|
17638
|
+
}
|
|
17639
|
+
|
|
17640
|
+
.pf-v6-c-hero {
|
|
17641
|
+
display: flex;
|
|
17642
|
+
padding-block-start: var(--pf-v6-c-hero--PaddingBlockStart);
|
|
17643
|
+
padding-block-end: var(--pf-v6-c-hero--PaddingBlockEnd);
|
|
17644
|
+
padding-inline-start: var(--pf-v6-c-hero--PaddingInlineStart);
|
|
17645
|
+
padding-inline-end: var(--pf-v6-c-hero--PaddingInlineEnd);
|
|
17646
|
+
background-image: var(--pf-v6-c-hero--BackgroundImage, var(--pf-v6-c-hero--BackgroundImage--light)), linear-gradient(var(--pf-v6-c-hero--gradient--angle), var(--pf-v6-c-hero--gradient--stop-1, var(--pf-v6-c-hero--gradient--stop-1--light)) 0%, var(--pf-v6-c-hero--gradient--stop-2, var(--pf-v6-c-hero--gradient--stop-2--light)) 50%, var(--pf-v6-c-hero--gradient--stop-3, var(--pf-v6-c-hero--gradient--stop-3--light)) 100%);
|
|
17647
|
+
background-repeat: var(--pf-v6-c-hero--BackgroundRepeat);
|
|
17648
|
+
background-position: var(--pf-v6-c-hero--BackgroundPosition);
|
|
17649
|
+
background-size: var(--pf-v6-c-hero--BackgroundSize);
|
|
17650
|
+
border-color: var(--pf-v6-c-hero--BorderColor);
|
|
17651
|
+
border-style: var(--pf-v6-c-hero--BorderStyle);
|
|
17652
|
+
border-block-start-width: var(--pf-v6-c-hero--BorderBlockStartWidth);
|
|
17653
|
+
border-block-end-width: var(--pf-v6-c-hero--BorderBlockEndWidth);
|
|
17654
|
+
border-inline-start-width: var(--pf-v6-c-hero--BorderInlineStartWidth);
|
|
17655
|
+
border-inline-end-width: var(--pf-v6-c-hero--BorderInlineEndWidth);
|
|
17656
|
+
border-start-start-radius: var(--pf-v6-c-hero--BorderStartStartRadius);
|
|
17657
|
+
border-start-end-radius: var(--pf-v6-c-hero--BorderStartEndRadius);
|
|
17658
|
+
border-end-start-radius: var(--pf-v6-c-hero--BorderEndStartRadius);
|
|
17659
|
+
border-end-end-radius: var(--pf-v6-c-hero--BorderEndEndRadius);
|
|
17660
|
+
}
|
|
17661
|
+
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
17662
|
+
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
17663
|
+
--pf-v6-c-hero--gradient--stop-1: var(--pf-v6-c-hero--gradient--stop-1--dark);
|
|
17664
|
+
--pf-v6-c-hero--gradient--stop-2: var(--pf-v6-c-hero--gradient--stop-2--dark);
|
|
17665
|
+
--pf-v6-c-hero--gradient--stop-3: var(--pf-v6-c-hero--gradient--stop-3--dark);
|
|
17666
|
+
}
|
|
17667
|
+
:root:where(.pf-v6-theme-glass) .pf-v6-c-hero {
|
|
17668
|
+
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
17669
|
+
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
17670
|
+
}
|
|
17671
|
+
.pf-v6-c-hero:not(.pf-m-no-glass) {
|
|
17672
|
+
background-color: var(--pf-v6-c-hero--BackgroundColor);
|
|
17673
|
+
backdrop-filter: var(--pf-v6-c-hero--BackdropFilter);
|
|
17674
|
+
}
|
|
17675
|
+
|
|
17676
|
+
.pf-v6-c-hero__body {
|
|
17677
|
+
width: min(var(--pf-v6-c-hero__body--Width), var(--pf-v6-c-hero__body--MaxWidth));
|
|
17678
|
+
}
|
|
17679
|
+
|
|
17680
|
+
.pf-v6-c-hint {
|
|
17681
|
+
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
|
17682
|
+
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
17683
|
+
--pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
17684
|
+
--pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
17685
|
+
--pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
17686
|
+
--pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
17687
|
+
--pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
17688
|
+
--pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
17689
|
+
--pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
17690
|
+
--pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
|
|
17691
|
+
--pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
17692
|
+
--pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
17693
|
+
--pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
17694
|
+
--pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
17695
|
+
--pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
17696
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
17697
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
17698
|
+
}
|
|
17699
|
+
|
|
17700
|
+
.pf-v6-c-hint {
|
|
17701
|
+
display: grid;
|
|
17702
|
+
grid-template-columns: 1fr auto;
|
|
17703
|
+
grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
17704
|
+
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
17705
|
+
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
17706
|
+
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
17707
|
+
padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
|
|
17708
|
+
color: var(--pf-v6-c-hint--Color);
|
|
17709
|
+
background-color: var(--pf-v6-c-hint--BackgroundColor);
|
|
17710
|
+
border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
|
|
17711
|
+
border-radius: var(--pf-v6-c-hint--BorderRadius);
|
|
17712
|
+
}
|
|
17713
|
+
.pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
17714
|
+
text-align: start;
|
|
17715
|
+
white-space: normal;
|
|
17716
|
+
}
|
|
17717
|
+
|
|
17718
|
+
.pf-v6-c-hint__actions {
|
|
17719
|
+
display: inline-grid;
|
|
17720
|
+
grid-row: 1;
|
|
17721
|
+
grid-column: 2;
|
|
17722
|
+
grid-auto-flow: column;
|
|
17723
|
+
align-self: start;
|
|
17724
|
+
margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
|
|
17725
|
+
margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
|
|
17726
|
+
margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
|
|
17727
|
+
text-align: end;
|
|
17728
|
+
}
|
|
17729
|
+
.pf-v6-c-hint__actions.pf-m-no-offset {
|
|
17730
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
|
|
17731
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
|
|
17732
|
+
}
|
|
17733
|
+
.pf-v6-c-hint__actions + .pf-v6-c-hint__body {
|
|
17734
|
+
grid-column: 1;
|
|
17735
|
+
}
|
|
17736
|
+
|
|
17737
|
+
.pf-v6-c-hint__title {
|
|
17738
|
+
align-self: center;
|
|
17739
|
+
font-weight: var(--pf-v6-c-hint__title--FontWeight);
|
|
17740
|
+
}
|
|
17741
|
+
|
|
17742
|
+
.pf-v6-c-hint__body {
|
|
17743
|
+
grid-column: 1/-1;
|
|
17744
|
+
font-size: var(--pf-v6-c-hint__body--FontSize);
|
|
17745
|
+
}
|
|
17746
|
+
|
|
17747
|
+
.pf-v6-c-hint__footer {
|
|
17748
|
+
grid-column: 1/-1;
|
|
17749
|
+
margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
|
|
17750
|
+
}
|
|
17751
|
+
.pf-v6-c-hint__footer > :not(:last-child) {
|
|
17752
|
+
margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
|
|
17753
|
+
}
|
|
17754
|
+
|
|
16816
17755
|
.pf-v6-c-icon {
|
|
16817
17756
|
--pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
|
|
16818
17757
|
--pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
|
|
@@ -17541,6 +18480,10 @@ label.pf-v6-c-input-group__text {
|
|
|
17541
18480
|
margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
|
|
17542
18481
|
}
|
|
17543
18482
|
|
|
18483
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
18484
|
+
scale: -1 1;
|
|
18485
|
+
}
|
|
18486
|
+
|
|
17544
18487
|
.pf-v6-c-jump-links__toggle-icon {
|
|
17545
18488
|
display: inline-block;
|
|
17546
18489
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
@@ -17549,9 +18492,6 @@ label.pf-v6-c-input-group__text {
|
|
|
17549
18492
|
transition-property: transform;
|
|
17550
18493
|
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
17551
18494
|
}
|
|
17552
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
17553
|
-
scale: -1 1;
|
|
17554
|
-
}
|
|
17555
18495
|
|
|
17556
18496
|
.pf-v6-c-label {
|
|
17557
18497
|
--pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -18048,6 +18988,10 @@ input.pf-v6-c-label__content {
|
|
|
18048
18988
|
.pf-v6-c-label__actions {
|
|
18049
18989
|
margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
|
|
18050
18990
|
}
|
|
18991
|
+
.pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
|
|
18992
|
+
--pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
|
|
18993
|
+
}
|
|
18994
|
+
|
|
18051
18995
|
.pf-v6-c-label__actions .pf-v6-c-button {
|
|
18052
18996
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
|
|
18053
18997
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
|
|
@@ -18058,9 +19002,6 @@ input.pf-v6-c-label__content {
|
|
|
18058
19002
|
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
|
18059
19003
|
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
18060
19004
|
}
|
|
18061
|
-
.pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
|
|
18062
|
-
--pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
|
|
18063
|
-
}
|
|
18064
19005
|
|
|
18065
19006
|
.pf-v6-c-label-group {
|
|
18066
19007
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -18201,9 +19142,9 @@ input.pf-v6-c-label__content {
|
|
|
18201
19142
|
padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
|
|
18202
19143
|
white-space: nowrap;
|
|
18203
19144
|
resize: none;
|
|
18204
|
-
border: 0;
|
|
18205
|
-
-ms-overflow-style: none;
|
|
18206
19145
|
scrollbar-width: none;
|
|
19146
|
+
-ms-overflow-style: none;
|
|
19147
|
+
border: 0;
|
|
18207
19148
|
}
|
|
18208
19149
|
.pf-v6-c-label-group__textarea::-webkit-scrollbar {
|
|
18209
19150
|
display: none;
|
|
@@ -18289,18 +19230,48 @@ ul.pf-v6-c-list {
|
|
|
18289
19230
|
--pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
|
|
18290
19231
|
--pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
|
|
18291
19232
|
--pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
|
|
19233
|
+
}
|
|
19234
|
+
@media (min-width: 75rem) {
|
|
19235
|
+
.pf-v6-c-login {
|
|
19236
|
+
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
19237
|
+
}
|
|
19238
|
+
}
|
|
19239
|
+
.pf-v6-c-login {
|
|
18292
19240
|
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
18293
19241
|
--pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18294
19242
|
--pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
19243
|
+
}
|
|
19244
|
+
@media (min-width: 36rem) {
|
|
19245
|
+
.pf-v6-c-login {
|
|
19246
|
+
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
19247
|
+
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
19248
|
+
}
|
|
19249
|
+
}
|
|
19250
|
+
.pf-v6-c-login {
|
|
18295
19251
|
--pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
18296
19252
|
--pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
|
|
18297
19253
|
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
18298
19254
|
--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
19255
|
+
}
|
|
19256
|
+
@media (min-width: 75rem) {
|
|
19257
|
+
.pf-v6-c-login {
|
|
19258
|
+
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
19259
|
+
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
19260
|
+
}
|
|
19261
|
+
}
|
|
19262
|
+
.pf-v6-c-login {
|
|
18299
19263
|
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
18300
19264
|
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
18301
19265
|
--pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
18302
19266
|
--pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
18303
19267
|
--pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
19268
|
+
}
|
|
19269
|
+
@media (min-width: 75rem) {
|
|
19270
|
+
.pf-v6-c-login {
|
|
19271
|
+
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
19272
|
+
}
|
|
19273
|
+
}
|
|
19274
|
+
.pf-v6-c-login {
|
|
18304
19275
|
--pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
18305
19276
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
18306
19277
|
--pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -18312,11 +19283,28 @@ ul.pf-v6-c-list {
|
|
|
18312
19283
|
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18313
19284
|
--pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
|
|
18314
19285
|
--pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
|
|
19286
|
+
}
|
|
19287
|
+
@media (min-width: 48rem) {
|
|
19288
|
+
.pf-v6-c-login {
|
|
19289
|
+
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
19290
|
+
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
19291
|
+
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
|
|
19292
|
+
}
|
|
19293
|
+
}
|
|
19294
|
+
.pf-v6-c-login {
|
|
18315
19295
|
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
18316
19296
|
--pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
18317
19297
|
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
18318
19298
|
--pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
18319
19299
|
--pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
|
|
19300
|
+
}
|
|
19301
|
+
@media (min-width: 48rem) {
|
|
19302
|
+
.pf-v6-c-login {
|
|
19303
|
+
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
19304
|
+
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
19305
|
+
}
|
|
19306
|
+
}
|
|
19307
|
+
.pf-v6-c-login {
|
|
18320
19308
|
--pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
18321
19309
|
--pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
18322
19310
|
--pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -18334,43 +19322,6 @@ ul.pf-v6-c-list {
|
|
|
18334
19322
|
--pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18335
19323
|
--pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18336
19324
|
--pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
18337
|
-
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18338
|
-
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
18339
|
-
}
|
|
18340
|
-
@media (min-width: 75rem) {
|
|
18341
|
-
.pf-v6-c-login {
|
|
18342
|
-
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
18343
|
-
}
|
|
18344
|
-
}
|
|
18345
|
-
@media (min-width: 36rem) {
|
|
18346
|
-
.pf-v6-c-login {
|
|
18347
|
-
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
18348
|
-
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
18349
|
-
}
|
|
18350
|
-
}
|
|
18351
|
-
@media (min-width: 75rem) {
|
|
18352
|
-
.pf-v6-c-login {
|
|
18353
|
-
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
18354
|
-
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
18355
|
-
}
|
|
18356
|
-
}
|
|
18357
|
-
@media (min-width: 75rem) {
|
|
18358
|
-
.pf-v6-c-login {
|
|
18359
|
-
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
18360
|
-
}
|
|
18361
|
-
}
|
|
18362
|
-
@media (min-width: 48rem) {
|
|
18363
|
-
.pf-v6-c-login {
|
|
18364
|
-
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
18365
|
-
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
18366
|
-
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
|
|
18367
|
-
}
|
|
18368
|
-
}
|
|
18369
|
-
@media (min-width: 48rem) {
|
|
18370
|
-
.pf-v6-c-login {
|
|
18371
|
-
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
18372
|
-
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
18373
|
-
}
|
|
18374
19325
|
}
|
|
18375
19326
|
@media (min-width: 36rem) {
|
|
18376
19327
|
.pf-v6-c-login {
|
|
@@ -18378,6 +19329,10 @@ ul.pf-v6-c-list {
|
|
|
18378
19329
|
--pf-v6-c-login__footer--PaddingInlineStart: 0;
|
|
18379
19330
|
}
|
|
18380
19331
|
}
|
|
19332
|
+
.pf-v6-c-login {
|
|
19333
|
+
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19334
|
+
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
19335
|
+
}
|
|
18381
19336
|
@media (min-width: 75rem) {
|
|
18382
19337
|
.pf-v6-c-login {
|
|
18383
19338
|
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
|
|
@@ -18573,12 +19528,26 @@ ul.pf-v6-c-list {
|
|
|
18573
19528
|
--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn: 2;
|
|
18574
19529
|
--pf-v6-c-masthead--m-display-inline__main--Display: flex;
|
|
18575
19530
|
--pf-v6-c-masthead--m-display-inline__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
19531
|
+
--pf-v6-c-masthead--m-docked--GridTemplateRows: min-content 1fr;
|
|
19532
|
+
--pf-v6-c-masthead--m-docked--RowGap: var(--pf-t--global--spacer--gutter--default);
|
|
19533
|
+
--pf-v6-c-masthead--m-docked--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
19534
|
+
--pf-v6-c-masthead--m-docked--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
19535
|
+
--pf-v6-c-masthead--m-docked--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
19536
|
+
--pf-v6-c-masthead--m-docked--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
19537
|
+
--pf-v6-c-masthead--m-docked--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
|
|
19538
|
+
--pf-v6-c-masthead--m-docked--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
19539
|
+
--pf-v6-c-masthead--m-docked--c-toolbar--Height: 100%;
|
|
18576
19540
|
--pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
18577
19541
|
--pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
|
|
18578
19542
|
--pf-v6-c-masthead--c-toolbar--Width: 100%;
|
|
18579
19543
|
--pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
|
|
18580
19544
|
}
|
|
18581
19545
|
|
|
19546
|
+
.pf-v6-c-masthead .pf-v6-c-toolbar {
|
|
19547
|
+
--pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
|
|
19548
|
+
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
19549
|
+
--pf-v6-c-toolbar__content--MinWidth: 0;
|
|
19550
|
+
}
|
|
18582
19551
|
.pf-v6-c-masthead {
|
|
18583
19552
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
18584
19553
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
@@ -18592,22 +19561,6 @@ ul.pf-v6-c-list {
|
|
|
18592
19561
|
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
18593
19562
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
18594
19563
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
18595
|
-
display: grid;
|
|
18596
|
-
grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
|
|
18597
|
-
row-gap: var(--pf-v6-c-masthead--RowGap);
|
|
18598
|
-
column-gap: var(--pf-v6-c-masthead--ColumnGap);
|
|
18599
|
-
align-items: start;
|
|
18600
|
-
min-width: 0;
|
|
18601
|
-
padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
|
|
18602
|
-
padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
|
|
18603
|
-
padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
|
|
18604
|
-
padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
|
|
18605
|
-
background-color: var(--pf-v6-c-masthead--BackgroundColor);
|
|
18606
|
-
}
|
|
18607
|
-
.pf-v6-c-masthead .pf-v6-c-toolbar {
|
|
18608
|
-
--pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
|
|
18609
|
-
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
18610
|
-
--pf-v6-c-toolbar__content--MinWidth: 0;
|
|
18611
19564
|
}
|
|
18612
19565
|
@media screen and (min-width: 48rem) {
|
|
18613
19566
|
:where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
|
|
@@ -18625,6 +19578,62 @@ ul.pf-v6-c-list {
|
|
|
18625
19578
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
18626
19579
|
}
|
|
18627
19580
|
}
|
|
19581
|
+
.pf-v6-c-masthead {
|
|
19582
|
+
display: grid;
|
|
19583
|
+
grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
|
|
19584
|
+
grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
|
|
19585
|
+
row-gap: var(--pf-v6-c-masthead--RowGap);
|
|
19586
|
+
column-gap: var(--pf-v6-c-masthead--ColumnGap);
|
|
19587
|
+
align-items: start;
|
|
19588
|
+
min-width: 0;
|
|
19589
|
+
padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19590
|
+
padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19591
|
+
padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
|
|
19592
|
+
padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
|
|
19593
|
+
background-color: var(--pf-v6-c-masthead--BackgroundColor);
|
|
19594
|
+
}
|
|
19595
|
+
.pf-v6-c-masthead.pf-m-docked {
|
|
19596
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
19597
|
+
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
19598
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
19599
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
19600
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
19601
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
19602
|
+
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
19603
|
+
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
19604
|
+
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
19605
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
19606
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
19607
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
19608
|
+
--pf-v6-c-masthead--BackgroundColor: var(--pf-v6-c-masthead--m-docked--BackgroundColor);
|
|
19609
|
+
--pf-v6-c-masthead--GridTemplateRows: var(--pf-v6-c-masthead--m-docked--GridTemplateRows);
|
|
19610
|
+
--pf-v6-c-masthead--PaddingBlockStart: var(--pf-v6-c-masthead--m-docked--PaddingBlockStart);
|
|
19611
|
+
--pf-v6-c-masthead--PaddingBlockEnd: var(--pf-v6-c-masthead--m-docked--PaddingBlockEnd);
|
|
19612
|
+
--pf-v6-c-masthead--PaddingInlineStart: var(--pf-v6-c-masthead--m-docked--PaddingInlineStart);
|
|
19613
|
+
--pf-v6-c-masthead--PaddingInlineEnd: var(--pf-v6-c-masthead--m-docked--PaddingInlineEnd);
|
|
19614
|
+
--pf-v6-c-masthead--GridTemplateColumns: auto;
|
|
19615
|
+
--pf-v6-c-masthead--RowGap: var(--pf-v6-c-masthead--m-docked--RowGap);
|
|
19616
|
+
--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns: auto;
|
|
19617
|
+
--pf-v6-c-masthead__main--GridColumn: auto;
|
|
19618
|
+
--pf-v6-c-masthead__content--GridColumn: auto;
|
|
19619
|
+
--pf-v6-c-masthead__logo--Width: auto;
|
|
19620
|
+
--pf-v6-c-masthead__main--MarginInlineEnd: 0;
|
|
19621
|
+
display: flex;
|
|
19622
|
+
flex-direction: column;
|
|
19623
|
+
align-items: center;
|
|
19624
|
+
width: fit-content;
|
|
19625
|
+
height: 100%;
|
|
19626
|
+
backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
|
|
19627
|
+
}
|
|
19628
|
+
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
|
|
19629
|
+
flex-grow: 1;
|
|
19630
|
+
flex-direction: column;
|
|
19631
|
+
align-self: revert;
|
|
19632
|
+
}
|
|
19633
|
+
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
|
|
19634
|
+
--pf-v6-c-masthead--c-toolbar--Width: fit-content;
|
|
19635
|
+
height: var(--pf-v6-c-masthead--m-docked--c-toolbar--Height);
|
|
19636
|
+
}
|
|
18628
19637
|
.pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
|
|
18629
19638
|
flex-wrap: nowrap;
|
|
18630
19639
|
min-width: 0;
|
|
@@ -19088,6 +20097,13 @@ ul.pf-v6-c-list {
|
|
|
19088
20097
|
--pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
19089
20098
|
--pf-v6-c-menu--TransitionDuration: 0s;
|
|
19090
20099
|
--pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
20100
|
+
}
|
|
20101
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
20102
|
+
.pf-v6-c-menu {
|
|
20103
|
+
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
20104
|
+
}
|
|
20105
|
+
}
|
|
20106
|
+
.pf-v6-c-menu {
|
|
19091
20107
|
--pf-v6-c-menu--m-plain--BoxShadow: none;
|
|
19092
20108
|
--pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
|
|
19093
20109
|
--pf-v6-c-menu__content--Height: auto;
|
|
@@ -19167,33 +20183,34 @@ ul.pf-v6-c-list {
|
|
|
19167
20183
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19168
20184
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19169
20185
|
--pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
|
|
19170
|
-
--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
|
|
19171
|
-
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
|
|
19172
|
-
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
19173
|
-
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
|
|
19174
|
-
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
19175
|
-
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
|
|
19176
|
-
}
|
|
19177
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
19178
|
-
.pf-v6-c-menu {
|
|
19179
|
-
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
19180
|
-
}
|
|
19181
20186
|
}
|
|
19182
20187
|
@media (prefers-reduced-motion: no-preference) {
|
|
19183
20188
|
.pf-v6-c-menu {
|
|
19184
20189
|
--pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
|
|
19185
20190
|
}
|
|
19186
20191
|
}
|
|
20192
|
+
.pf-v6-c-menu {
|
|
20193
|
+
--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
|
|
20194
|
+
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
|
|
20195
|
+
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
20196
|
+
}
|
|
19187
20197
|
@media (prefers-reduced-motion: no-preference) {
|
|
19188
20198
|
.pf-v6-c-menu {
|
|
19189
20199
|
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19190
20200
|
}
|
|
19191
20201
|
}
|
|
20202
|
+
.pf-v6-c-menu {
|
|
20203
|
+
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
|
|
20204
|
+
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
20205
|
+
}
|
|
19192
20206
|
@media (prefers-reduced-motion: no-preference) {
|
|
19193
20207
|
.pf-v6-c-menu {
|
|
19194
20208
|
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19195
20209
|
}
|
|
19196
20210
|
}
|
|
20211
|
+
.pf-v6-c-menu {
|
|
20212
|
+
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
|
|
20213
|
+
}
|
|
19197
20214
|
|
|
19198
20215
|
.pf-v6-c-menu__content,
|
|
19199
20216
|
.pf-v6-c-menu__list-item,
|
|
@@ -19651,13 +20668,14 @@ ul.pf-v6-c-list {
|
|
|
19651
20668
|
--pf-v6-c-check__input--TranslateY: none;
|
|
19652
20669
|
}
|
|
19653
20670
|
|
|
19654
|
-
.pf-v6-c-menu__item-toggle-icon {
|
|
19655
|
-
color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
|
|
19656
|
-
}
|
|
19657
20671
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
|
|
19658
20672
|
scale: -1 1;
|
|
19659
20673
|
}
|
|
19660
20674
|
|
|
20675
|
+
.pf-v6-c-menu__item-toggle-icon {
|
|
20676
|
+
color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
|
|
20677
|
+
}
|
|
20678
|
+
|
|
19661
20679
|
.pf-v6-c-menu__item-icon {
|
|
19662
20680
|
color: var(--pf-v6-c-menu__item--icon--Color, inherit);
|
|
19663
20681
|
}
|
|
@@ -19826,6 +20844,7 @@ ul.pf-v6-c-list {
|
|
|
19826
20844
|
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
|
|
19827
20845
|
--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
19828
20846
|
--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
20847
|
+
--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
19829
20848
|
--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
|
19830
20849
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
19831
20850
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
@@ -19954,6 +20973,9 @@ ul.pf-v6-c-list {
|
|
|
19954
20973
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
|
|
19955
20974
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
|
|
19956
20975
|
}
|
|
20976
|
+
.pf-v6-c-menu-toggle.pf-m-plain.pf-m-circle {
|
|
20977
|
+
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius);
|
|
20978
|
+
}
|
|
19957
20979
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
|
19958
20980
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
|
|
19959
20981
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|
|
@@ -20244,6 +21266,13 @@ ul.pf-v6-c-list {
|
|
|
20244
21266
|
--pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
20245
21267
|
--pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
20246
21268
|
--pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
21269
|
+
}
|
|
21270
|
+
@media (min-width: 75rem) {
|
|
21271
|
+
.pf-v6-c-modal-box {
|
|
21272
|
+
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
|
21273
|
+
}
|
|
21274
|
+
}
|
|
21275
|
+
.pf-v6-c-modal-box {
|
|
20247
21276
|
--pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
20248
21277
|
--pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20249
21278
|
--pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -20275,11 +21304,6 @@ ul.pf-v6-c-list {
|
|
|
20275
21304
|
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
20276
21305
|
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
|
|
20277
21306
|
}
|
|
20278
|
-
@media (min-width: 75rem) {
|
|
20279
|
-
.pf-v6-c-modal-box {
|
|
20280
|
-
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
|
20281
|
-
}
|
|
20282
|
-
}
|
|
20283
21307
|
|
|
20284
21308
|
.pf-v6-c-modal-box {
|
|
20285
21309
|
position: relative;
|
|
@@ -20341,8 +21365,8 @@ ul.pf-v6-c-list {
|
|
|
20341
21365
|
|
|
20342
21366
|
.pf-v6-c-modal-box__header {
|
|
20343
21367
|
display: flex;
|
|
20344
|
-
flex-direction: column;
|
|
20345
21368
|
flex-shrink: 0;
|
|
21369
|
+
flex-direction: column;
|
|
20346
21370
|
gap: var(--pf-v6-c-modal-box__header--Gap);
|
|
20347
21371
|
padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
|
|
20348
21372
|
padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
|
|
@@ -20359,8 +21383,8 @@ ul.pf-v6-c-list {
|
|
|
20359
21383
|
|
|
20360
21384
|
.pf-v6-c-modal-box__header-main {
|
|
20361
21385
|
display: flex;
|
|
20362
|
-
flex-direction: column;
|
|
20363
21386
|
flex-grow: 1;
|
|
21387
|
+
flex-direction: column;
|
|
20364
21388
|
gap: var(--pf-v6-c-modal-box__header-main--Gap);
|
|
20365
21389
|
min-width: 0;
|
|
20366
21390
|
padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
|
|
@@ -20669,6 +21693,15 @@ ul.pf-v6-c-list {
|
|
|
20669
21693
|
--pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
|
|
20670
21694
|
--pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
|
|
20671
21695
|
--pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
|
|
21696
|
+
--pf-v6-c-nav__item--accent--size: var(--pf-t--global--border--width--extra-strong);
|
|
21697
|
+
--pf-v6-c-nav__item--accent--color: var(--pf-t--global--border--color--clicked);
|
|
21698
|
+
--pf-v6-c-nav__item--accent--offset: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
21699
|
+
--pf-v6-c-nav__item--accent--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
21700
|
+
--pf-v6-c-nav__item--accent--ScaleY: 0;
|
|
21701
|
+
--pf-v6-c-nav__item--current--accent--ScaleY: 1;
|
|
21702
|
+
--pf-v6-c-nav__item--accent--TransitionDuration: 0;
|
|
21703
|
+
--pf-v6-c-nav__item--current--accent--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
21704
|
+
--pf-v6-c-nav__item--accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
20672
21705
|
--pf-v6-c-nav__item__toggle-icon--Rotate: 0;
|
|
20673
21706
|
--pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
|
|
20674
21707
|
--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
|
|
@@ -20693,6 +21726,7 @@ ul.pf-v6-c-list {
|
|
|
20693
21726
|
--pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
|
|
20694
21727
|
--pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
20695
21728
|
--pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
21729
|
+
--pf-v6-c-nav__link-text--FontSize: initial;
|
|
20696
21730
|
--pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
|
|
20697
21731
|
--pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
|
|
20698
21732
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
|
|
@@ -20704,6 +21738,15 @@ ul.pf-v6-c-list {
|
|
|
20704
21738
|
--pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
|
|
20705
21739
|
--pf-v6-c-nav__subnav--TranslateY: 0;
|
|
20706
21740
|
--pf-v6-c-nav__subnav--hidden--TranslateY: 0;
|
|
21741
|
+
}
|
|
21742
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
21743
|
+
.pf-v6-c-nav {
|
|
21744
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
21745
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
21746
|
+
--pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
|
|
21747
|
+
}
|
|
21748
|
+
}
|
|
21749
|
+
.pf-v6-c-nav {
|
|
20707
21750
|
--pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
|
|
20708
21751
|
--pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
20709
21752
|
--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -20733,13 +21776,11 @@ ul.pf-v6-c-list {
|
|
|
20733
21776
|
--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
20734
21777
|
--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
20735
21778
|
--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
20736
|
-
|
|
20737
|
-
|
|
20738
|
-
|
|
20739
|
-
|
|
20740
|
-
|
|
20741
|
-
--pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
|
|
20742
|
-
}
|
|
21779
|
+
--pf-v6-c-nav--m-docked__list--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
21780
|
+
--pf-v6-c-nav--m-docked__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
21781
|
+
--pf-v6-c-nav--m-docked__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
21782
|
+
--pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
21783
|
+
--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
20743
21784
|
}
|
|
20744
21785
|
|
|
20745
21786
|
.pf-v6-c-nav,
|
|
@@ -20774,6 +21815,25 @@ ul.pf-v6-c-list {
|
|
|
20774
21815
|
.pf-v6-c-nav.pf-m-fill {
|
|
20775
21816
|
flex-grow: 1;
|
|
20776
21817
|
}
|
|
21818
|
+
.pf-v6-c-nav.pf-m-docked {
|
|
21819
|
+
--pf-v6-c-nav--PaddingBlockStart: 0;
|
|
21820
|
+
--pf-v6-c-nav--PaddingBlockEnd: 0;
|
|
21821
|
+
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav--m-docked__list--RowGap);
|
|
21822
|
+
--pf-v6-c-nav__link--PaddingInlineStart: var(--pf-v6-c-nav--m-docked__link--PaddingInlineStart);
|
|
21823
|
+
--pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-v6-c-nav--m-docked__link--PaddingInlineEnd);
|
|
21824
|
+
--pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--hover--BackgroundColor);
|
|
21825
|
+
--pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor);
|
|
21826
|
+
width: fit-content;
|
|
21827
|
+
}
|
|
21828
|
+
.pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-icon {
|
|
21829
|
+
position: relative;
|
|
21830
|
+
align-self: center;
|
|
21831
|
+
min-width: 1lh;
|
|
21832
|
+
text-align: center;
|
|
21833
|
+
}
|
|
21834
|
+
.pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text {
|
|
21835
|
+
display: none;
|
|
21836
|
+
}
|
|
20777
21837
|
.pf-v6-c-nav .pf-v6-c-menu {
|
|
20778
21838
|
--pf-v6-c-menu--MinWidth: 100%;
|
|
20779
21839
|
}
|
|
@@ -20837,14 +21897,34 @@ ul.pf-v6-c-list {
|
|
|
20837
21897
|
}
|
|
20838
21898
|
|
|
20839
21899
|
.pf-v6-c-nav__item {
|
|
21900
|
+
position: relative;
|
|
20840
21901
|
scroll-snap-align: var(--pf-v6-c-nav__item--ScrollSnapAlign);
|
|
20841
21902
|
}
|
|
21903
|
+
.pf-v6-c-nav__item::before {
|
|
21904
|
+
position: absolute;
|
|
21905
|
+
inset-block-start: 0;
|
|
21906
|
+
inset-block-end: 0;
|
|
21907
|
+
inset-inline-start: var(--pf-v6-c-nav__item--accent--offset);
|
|
21908
|
+
width: var(--pf-v6-c-nav__item--accent--size);
|
|
21909
|
+
pointer-events: none;
|
|
21910
|
+
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
21911
|
+
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
21912
|
+
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
21913
|
+
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
21914
|
+
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
21915
|
+
transition-property: scale;
|
|
21916
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
21917
|
+
}
|
|
20842
21918
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
20843
21919
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
20844
21920
|
}
|
|
20845
21921
|
.pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
|
|
20846
21922
|
margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
|
|
20847
21923
|
}
|
|
21924
|
+
.pf-v6-c-nav__item:has(> .pf-v6-c-nav__link.pf-m-current) {
|
|
21925
|
+
--pf-v6-c-nav__item--accent--ScaleY: var(--pf-v6-c-nav__item--current--accent--ScaleY);
|
|
21926
|
+
--pf-v6-c-nav__item--accent--TransitionDuration: var(--pf-v6-c-nav__item--current--accent--TransitionDuration);
|
|
21927
|
+
}
|
|
20848
21928
|
|
|
20849
21929
|
.pf-v6-c-nav__section {
|
|
20850
21930
|
row-gap: var(--pf-v6-c-nav__section--RowGap, var(--pf-v6-c-nav__list--RowGap));
|
|
@@ -20906,6 +21986,10 @@ ul.pf-v6-c-list {
|
|
|
20906
21986
|
color: var(--pf-v6-c-nav__link-icon--Color);
|
|
20907
21987
|
}
|
|
20908
21988
|
|
|
21989
|
+
.pf-v6-c-nav__link-text {
|
|
21990
|
+
font-size: var(--pf-v6-c-nav__link-text--FontSize, inherit);
|
|
21991
|
+
}
|
|
21992
|
+
|
|
20909
21993
|
.pf-v6-c-nav__toggle {
|
|
20910
21994
|
flex: none;
|
|
20911
21995
|
align-self: start;
|
|
@@ -20961,6 +22045,7 @@ ul.pf-v6-c-list {
|
|
|
20961
22045
|
}
|
|
20962
22046
|
|
|
20963
22047
|
.pf-v6-c-nav:where(.pf-m-horizontal) {
|
|
22048
|
+
--pf-v6-c-nav__item--accent--content: none;
|
|
20964
22049
|
padding: 0;
|
|
20965
22050
|
overflow: hidden;
|
|
20966
22051
|
}
|
|
@@ -20981,12 +22066,14 @@ ul.pf-v6-c-list {
|
|
|
20981
22066
|
scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
|
|
20982
22067
|
scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
|
|
20983
22068
|
-webkit-overflow-scrolling: touch;
|
|
20984
|
-
scrollbar-width: none;
|
|
20985
|
-
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
20986
22069
|
}
|
|
20987
22070
|
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
|
|
20988
22071
|
display: none;
|
|
20989
22072
|
}
|
|
22073
|
+
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
|
|
22074
|
+
scrollbar-width: none;
|
|
22075
|
+
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
22076
|
+
}
|
|
20990
22077
|
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
|
|
20991
22078
|
outline-offset: var(--pf-v6-c-nav--OutlineOffset);
|
|
20992
22079
|
}
|
|
@@ -21024,6 +22111,7 @@ ul.pf-v6-c-list {
|
|
|
21024
22111
|
--pf-v6-c-notification-drawer__header-status--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
21025
22112
|
--pf-v6-c-notification-drawer__header-status--FontSize: var(--pf-t--global--font--size--body--default);
|
|
21026
22113
|
--pf-v6-c-notification-drawer__header-status--Color: var(--pf-t--global--text--color--subtle);
|
|
22114
|
+
--pf-v6-c-notification-drawer__header-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
21027
22115
|
--pf-v6-c-notification-drawer__body--ZIndex: var(--pf-t--global--z-index--xs);
|
|
21028
22116
|
--pf-v6-c-notification-drawer__body--PaddingBlockStart: 0;
|
|
21029
22117
|
--pf-v6-c-notification-drawer__body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -21118,6 +22206,7 @@ ul.pf-v6-c-list {
|
|
|
21118
22206
|
|
|
21119
22207
|
.pf-v6-c-notification-drawer__header-action {
|
|
21120
22208
|
display: flex;
|
|
22209
|
+
gap: var(--pf-v6-c-notification-drawer__header-action--Gap);
|
|
21121
22210
|
align-items: center;
|
|
21122
22211
|
margin-inline-start: auto;
|
|
21123
22212
|
}
|
|
@@ -21201,9 +22290,9 @@ ul.pf-v6-c-list {
|
|
|
21201
22290
|
}
|
|
21202
22291
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
21203
22292
|
display: -webkit-box;
|
|
22293
|
+
overflow: hidden;
|
|
21204
22294
|
-webkit-box-orient: vertical;
|
|
21205
22295
|
-webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
|
|
21206
|
-
overflow: hidden;
|
|
21207
22296
|
}
|
|
21208
22297
|
|
|
21209
22298
|
.pf-v6-c-notification-drawer__list-item-action {
|
|
@@ -21257,9 +22346,9 @@ ul.pf-v6-c-list {
|
|
|
21257
22346
|
|
|
21258
22347
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
21259
22348
|
display: -webkit-box;
|
|
22349
|
+
overflow: hidden;
|
|
21260
22350
|
-webkit-box-orient: vertical;
|
|
21261
22351
|
-webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
|
|
21262
|
-
overflow: hidden;
|
|
21263
22352
|
flex: 1;
|
|
21264
22353
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
21265
22354
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
@@ -21272,15 +22361,15 @@ ul.pf-v6-c-list {
|
|
|
21272
22361
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
|
|
21273
22362
|
}
|
|
21274
22363
|
|
|
22364
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
22365
|
+
scale: -1 1;
|
|
22366
|
+
}
|
|
22367
|
+
|
|
21275
22368
|
.pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21276
22369
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
|
|
21277
22370
|
color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
|
|
21278
22371
|
transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
|
|
21279
22372
|
}
|
|
21280
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21281
|
-
scale: -1 1;
|
|
21282
|
-
}
|
|
21283
|
-
|
|
21284
22373
|
.pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21285
22374
|
transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
21286
22375
|
}
|
|
@@ -21326,6 +22415,7 @@ ul.pf-v6-c-list {
|
|
|
21326
22415
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
21327
22416
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
21328
22417
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
22418
|
+
--pf-v6-c-page__dock--ZIndex: var(--pf-t--global--z-index--md);
|
|
21329
22419
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
21330
22420
|
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
21331
22421
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
@@ -21348,6 +22438,15 @@ ul.pf-v6-c-list {
|
|
|
21348
22438
|
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
21349
22439
|
--pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21350
22440
|
--pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
22441
|
+
}
|
|
22442
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
22443
|
+
.pf-v6-c-page {
|
|
22444
|
+
--pf-v6-c-page__sidebar--Opacity: 1;
|
|
22445
|
+
--pf-v6-c-page__sidebar--TransitionProperty: transform;
|
|
22446
|
+
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
22447
|
+
}
|
|
22448
|
+
}
|
|
22449
|
+
.pf-v6-c-page {
|
|
21351
22450
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
21352
22451
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
21353
22452
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -21363,6 +22462,15 @@ ul.pf-v6-c-list {
|
|
|
21363
22462
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
|
21364
22463
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
21365
22464
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
22465
|
+
}
|
|
22466
|
+
@media screen and (min-width: 75rem) {
|
|
22467
|
+
.pf-v6-c-page {
|
|
22468
|
+
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
22469
|
+
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
22470
|
+
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
22471
|
+
}
|
|
22472
|
+
}
|
|
22473
|
+
.pf-v6-c-page {
|
|
21366
22474
|
--pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
|
|
21367
22475
|
--pf-v6-c-page__main-container--GridArea: main;
|
|
21368
22476
|
--pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
|
|
@@ -21385,6 +22493,17 @@ ul.pf-v6-c-list {
|
|
|
21385
22493
|
--pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
|
|
21386
22494
|
--pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
|
|
21387
22495
|
--pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
|
|
22496
|
+
}
|
|
22497
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
22498
|
+
.pf-v6-c-page {
|
|
22499
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
22500
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
22501
|
+
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
|
22502
|
+
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
|
22503
|
+
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
|
22504
|
+
}
|
|
22505
|
+
}
|
|
22506
|
+
.pf-v6-c-page {
|
|
21388
22507
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
21389
22508
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
21390
22509
|
--pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -21433,29 +22552,9 @@ ul.pf-v6-c-list {
|
|
|
21433
22552
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
21434
22553
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21435
22554
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
21436
|
-
|
|
21437
|
-
|
|
21438
|
-
|
|
21439
|
-
--pf-v6-c-page__sidebar--Opacity: 1;
|
|
21440
|
-
--pf-v6-c-page__sidebar--TransitionProperty: transform;
|
|
21441
|
-
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
21442
|
-
}
|
|
21443
|
-
}
|
|
21444
|
-
@media screen and (min-width: 75rem) {
|
|
21445
|
-
.pf-v6-c-page {
|
|
21446
|
-
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
21447
|
-
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
21448
|
-
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
21449
|
-
}
|
|
21450
|
-
}
|
|
21451
|
-
@media screen and (max-width: calc(48rem - 1px)) {
|
|
21452
|
-
.pf-v6-c-page {
|
|
21453
|
-
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
21454
|
-
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
21455
|
-
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
|
21456
|
-
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
|
21457
|
-
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
|
21458
|
-
}
|
|
22555
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
22556
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
22557
|
+
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
21459
22558
|
}
|
|
21460
22559
|
|
|
21461
22560
|
.pf-v6-c-page {
|
|
@@ -21475,6 +22574,16 @@ ul.pf-v6-c-list {
|
|
|
21475
22574
|
grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
|
|
21476
22575
|
}
|
|
21477
22576
|
}
|
|
22577
|
+
.pf-v6-c-page.pf-m-dock {
|
|
22578
|
+
--pf-v6-c-page--masthead--main-container--GridArea: main;
|
|
22579
|
+
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight);
|
|
22580
|
+
--pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart);
|
|
22581
|
+
--pf-v6-c-page__main-container--MarginInlineStart: 0;
|
|
22582
|
+
grid-template-areas: "dock main";
|
|
22583
|
+
grid-template-rows: auto;
|
|
22584
|
+
grid-template-columns: auto 1fr;
|
|
22585
|
+
column-gap: var(--pf-v6-c-page--m-dock--ColumnGap);
|
|
22586
|
+
}
|
|
21478
22587
|
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
|
|
21479
22588
|
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
21480
22589
|
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
@@ -21521,15 +22630,20 @@ ul.pf-v6-c-list {
|
|
|
21521
22630
|
}
|
|
21522
22631
|
}
|
|
21523
22632
|
|
|
21524
|
-
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
21525
|
-
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
21526
|
-
grid-area: header;
|
|
21527
|
-
}
|
|
21528
22633
|
@media (min-width: 75rem) {
|
|
21529
22634
|
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
21530
22635
|
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
|
|
21531
22636
|
}
|
|
21532
22637
|
}
|
|
22638
|
+
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
22639
|
+
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
22640
|
+
grid-area: header;
|
|
22641
|
+
}
|
|
22642
|
+
|
|
22643
|
+
.pf-v6-c-page__dock {
|
|
22644
|
+
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
22645
|
+
grid-area: dock;
|
|
22646
|
+
}
|
|
21533
22647
|
|
|
21534
22648
|
.pf-v6-c-page__sidebar {
|
|
21535
22649
|
z-index: var(--pf-v6-c-page__sidebar--ZIndex);
|
|
@@ -21641,8 +22755,8 @@ ul.pf-v6-c-list {
|
|
|
21641
22755
|
.pf-v6-c-page__main-group,
|
|
21642
22756
|
.pf-v6-c-page__main-subnav {
|
|
21643
22757
|
display: flex;
|
|
21644
|
-
flex-direction: column;
|
|
21645
22758
|
flex-shrink: 0;
|
|
22759
|
+
flex-direction: column;
|
|
21646
22760
|
}
|
|
21647
22761
|
.pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
|
|
21648
22762
|
.pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
|
|
@@ -21834,6 +22948,7 @@ ul.pf-v6-c-list {
|
|
|
21834
22948
|
flex-direction: column;
|
|
21835
22949
|
align-self: var(--pf-v6-c-page__main-container--AlignSelf);
|
|
21836
22950
|
max-height: var(--pf-v6-c-page__main-container--MaxHeight);
|
|
22951
|
+
margin-block-start: var(--pf-v6-c-page__main-container--MarginBlockStart, 0);
|
|
21837
22952
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
21838
22953
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
21839
22954
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
@@ -21885,8 +23000,8 @@ ul.pf-v6-c-list {
|
|
|
21885
23000
|
.pf-v6-c-page__main-drawer,
|
|
21886
23001
|
.pf-v6-c-page__main-group {
|
|
21887
23002
|
display: flex;
|
|
21888
|
-
flex-direction: column;
|
|
21889
23003
|
flex-grow: 1;
|
|
23004
|
+
flex-direction: column;
|
|
21890
23005
|
}
|
|
21891
23006
|
|
|
21892
23007
|
.pf-v6-c-page__main {
|
|
@@ -23800,8 +24915,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23800
24915
|
position: var(--pf-v6-c-sidebar__panel--Position);
|
|
23801
24916
|
inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
|
|
23802
24917
|
z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
|
|
23803
|
-
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
23804
24918
|
flex-shrink: 0;
|
|
24919
|
+
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
23805
24920
|
order: var(--pf-v6-c-sidebar__panel--Order);
|
|
23806
24921
|
padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
|
|
23807
24922
|
padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
|
|
@@ -24098,7 +25213,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24098
25213
|
--pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
|
|
24099
25214
|
--pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
|
|
24100
25215
|
--pf-v6-c-skeleton--before--Height: auto;
|
|
24101
|
-
--pf-v6-c-skeleton--before--Content: "
|
|
25216
|
+
--pf-v6-c-skeleton--before--Content: "\00a0";
|
|
24102
25217
|
--pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
|
|
24103
25218
|
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
24104
25219
|
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
@@ -24109,6 +25224,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24109
25224
|
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
24110
25225
|
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
24111
25226
|
--pf-v6-c-skeleton--after--AnimationDelay: .5s;
|
|
25227
|
+
}
|
|
25228
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
25229
|
+
.pf-v6-c-skeleton {
|
|
25230
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
25231
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
25232
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
25233
|
+
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
25234
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
25235
|
+
}
|
|
25236
|
+
}
|
|
25237
|
+
.pf-v6-c-skeleton {
|
|
24112
25238
|
--pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
24113
25239
|
--pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
|
|
24114
25240
|
--pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
|
|
@@ -24136,15 +25262,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24136
25262
|
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
24137
25263
|
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
24138
25264
|
}
|
|
24139
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
24140
|
-
.pf-v6-c-skeleton {
|
|
24141
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
24142
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
24143
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
24144
|
-
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
24145
|
-
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
24146
|
-
}
|
|
24147
|
-
}
|
|
24148
25265
|
|
|
24149
25266
|
.pf-v6-c-skeleton {
|
|
24150
25267
|
position: relative;
|
|
@@ -24161,6 +25278,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24161
25278
|
padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
|
|
24162
25279
|
content: var(--pf-v6-c-skeleton--before--Content);
|
|
24163
25280
|
}
|
|
25281
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
25282
|
+
scale: -1 1;
|
|
25283
|
+
}
|
|
25284
|
+
|
|
24164
25285
|
.pf-v6-c-skeleton::after {
|
|
24165
25286
|
position: absolute;
|
|
24166
25287
|
inset: 0;
|
|
@@ -24170,10 +25291,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24170
25291
|
transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
|
|
24171
25292
|
animation: var(--pf-v6-c-skeleton--after--AnimationName) var(--pf-v6-c-skeleton--after--AnimationDuration) var(--pf-v6-c-skeleton--after--AnimationTimingFunction) var(--pf-v6-c-skeleton--after--AnimationDelay) var(--pf-v6-c-skeleton--after--AnimationIterationCount);
|
|
24172
25293
|
}
|
|
24173
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
24174
|
-
scale: -1 1;
|
|
24175
|
-
}
|
|
24176
|
-
|
|
24177
25294
|
.pf-v6-c-skeleton.pf-m-circle {
|
|
24178
25295
|
--pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
|
|
24179
25296
|
}
|
|
@@ -24361,12 +25478,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24361
25478
|
|
|
24362
25479
|
.pf-v6-c-slider {
|
|
24363
25480
|
--pf-v6-c-slider__rail-track--before--fill--direction: right;
|
|
24364
|
-
display: flex;
|
|
24365
25481
|
}
|
|
24366
25482
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
|
|
24367
25483
|
--pf-v6-c-slider__rail-track--before--fill--direction: left;
|
|
24368
25484
|
}
|
|
24369
25485
|
|
|
25486
|
+
.pf-v6-c-slider {
|
|
25487
|
+
display: flex;
|
|
25488
|
+
}
|
|
24370
25489
|
.pf-v6-c-slider.pf-m-disabled {
|
|
24371
25490
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
|
|
24372
25491
|
--pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
|
|
@@ -24429,6 +25548,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24429
25548
|
|
|
24430
25549
|
.pf-v6-c-slider__step-tick {
|
|
24431
25550
|
transform: translateX(var(--pf-v6-c-slider__step-tick--TranslateX));
|
|
25551
|
+
}
|
|
25552
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
25553
|
+
transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
25554
|
+
}
|
|
25555
|
+
|
|
25556
|
+
.pf-v6-c-slider__step-tick {
|
|
24432
25557
|
position: absolute;
|
|
24433
25558
|
inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
|
|
24434
25559
|
inset-inline-start: 0;
|
|
@@ -24438,22 +25563,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24438
25563
|
border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
|
|
24439
25564
|
border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
|
|
24440
25565
|
}
|
|
24441
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
24442
|
-
transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
24443
|
-
}
|
|
24444
25566
|
|
|
24445
25567
|
.pf-v6-c-slider__step-label {
|
|
24446
25568
|
transform: translateX(var(--pf-v6-c-slider__step-label--TranslateX));
|
|
24447
|
-
position: absolute;
|
|
24448
|
-
inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
|
|
24449
|
-
word-break: normal;
|
|
24450
25569
|
}
|
|
24451
25570
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
|
|
24452
25571
|
transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
24453
25572
|
}
|
|
24454
25573
|
|
|
25574
|
+
.pf-v6-c-slider__step-label {
|
|
25575
|
+
position: absolute;
|
|
25576
|
+
inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
|
|
25577
|
+
word-break: normal;
|
|
25578
|
+
}
|
|
25579
|
+
|
|
24455
25580
|
.pf-v6-c-slider__thumb {
|
|
24456
25581
|
transform: translate(var(--pf-v6-c-slider__thumb--TranslateX), var(--pf-v6-c-slider__thumb--TranslateY));
|
|
25582
|
+
}
|
|
25583
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
|
|
25584
|
+
transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
|
|
25585
|
+
}
|
|
25586
|
+
|
|
25587
|
+
.pf-v6-c-slider__thumb {
|
|
24457
25588
|
position: absolute;
|
|
24458
25589
|
inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
|
|
24459
25590
|
inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
|
|
@@ -24465,12 +25596,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24465
25596
|
border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
|
|
24466
25597
|
box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
|
|
24467
25598
|
}
|
|
24468
|
-
|
|
24469
|
-
transform: translate(
|
|
25599
|
+
.pf-v6-c-slider__thumb::before {
|
|
25600
|
+
transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
25601
|
+
}
|
|
25602
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
|
|
25603
|
+
transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
24470
25604
|
}
|
|
24471
25605
|
|
|
24472
25606
|
.pf-v6-c-slider__thumb::before {
|
|
24473
|
-
transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
24474
25607
|
position: absolute;
|
|
24475
25608
|
inset-block-start: 50%;
|
|
24476
25609
|
inset-inline-start: 50%;
|
|
@@ -24479,10 +25612,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24479
25612
|
content: "";
|
|
24480
25613
|
border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
|
|
24481
25614
|
}
|
|
24482
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
|
|
24483
|
-
transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
24484
|
-
}
|
|
24485
|
-
|
|
24486
25615
|
.pf-v6-c-slider__thumb:hover {
|
|
24487
25616
|
--pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
|
|
24488
25617
|
}
|
|
@@ -24499,16 +25628,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24499
25628
|
}
|
|
24500
25629
|
.pf-v6-c-slider__value.pf-m-floating {
|
|
24501
25630
|
transform: translate(var(--pf-v6-c-slider__value--m-floating--TranslateX), var(--pf-v6-c-slider__value--m-floating--TranslateY));
|
|
25631
|
+
}
|
|
25632
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
|
|
25633
|
+
transform: translate(calc(var(--pf-v6-c-slider__value--m-floating--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__value--m-floating--TranslateY));
|
|
25634
|
+
}
|
|
25635
|
+
|
|
25636
|
+
.pf-v6-c-slider__value.pf-m-floating {
|
|
24502
25637
|
--pf-v6-c-slider__value--MarginInlineStart: 0;
|
|
24503
25638
|
position: absolute;
|
|
24504
25639
|
inset-block-start: 0;
|
|
24505
25640
|
inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
|
|
24506
25641
|
z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
|
|
24507
25642
|
}
|
|
24508
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
|
|
24509
|
-
transform: translate(calc(var(--pf-v6-c-slider__value--m-floating--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__value--m-floating--TranslateY));
|
|
24510
|
-
}
|
|
24511
|
-
|
|
24512
25643
|
.pf-v6-c-slider__value .pf-v6-c-form-control {
|
|
24513
25644
|
width: var(--pf-v6-c-slider__value--c-form-control--Width);
|
|
24514
25645
|
}
|
|
@@ -24686,12 +25817,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24686
25817
|
}
|
|
24687
25818
|
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
24688
25819
|
transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
|
|
24689
|
-
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
24690
25820
|
}
|
|
24691
25821
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
24692
25822
|
transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
|
|
24693
25823
|
}
|
|
24694
25824
|
|
|
25825
|
+
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
25826
|
+
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
25827
|
+
}
|
|
24695
25828
|
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
|
|
24696
25829
|
color: var(--pf-v6-c-switch__input--not-checked__label--Color);
|
|
24697
25830
|
}
|
|
@@ -25176,7 +26309,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25176
26309
|
--pf-v6-c-table--cell--Width: auto;
|
|
25177
26310
|
}
|
|
25178
26311
|
|
|
25179
|
-
@
|
|
26312
|
+
@container pf-v6-contain-table (max-width: 48rem) {
|
|
25180
26313
|
.pf-m-grid-md.pf-v6-c-table {
|
|
25181
26314
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
25182
26315
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -25454,15 +26587,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25454
26587
|
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
|
|
25455
26588
|
text-align: end;
|
|
25456
26589
|
}
|
|
25457
|
-
|
|
25458
|
-
|
|
25459
|
-
|
|
25460
|
-
|
|
25461
|
-
|
|
25462
|
-
|
|
26590
|
+
@media screen and (max-width: 36rem) {
|
|
26591
|
+
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
|
|
26592
|
+
grid-row-start: 1;
|
|
26593
|
+
grid-column-start: 2;
|
|
26594
|
+
margin-inline-start: 0;
|
|
26595
|
+
}
|
|
25463
26596
|
}
|
|
25464
|
-
}
|
|
25465
|
-
@media screen and (max-width: calc(48rem - 1px)) {
|
|
25466
26597
|
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
|
|
25467
26598
|
grid-column: 2;
|
|
25468
26599
|
grid-row: 2;
|
|
@@ -25488,7 +26619,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25488
26619
|
}
|
|
25489
26620
|
}
|
|
25490
26621
|
|
|
25491
|
-
@
|
|
26622
|
+
@container pf-v6-contain-table (max-width: 62rem) {
|
|
25492
26623
|
.pf-m-grid-lg.pf-v6-c-table {
|
|
25493
26624
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
25494
26625
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -25766,15 +26897,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25766
26897
|
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
|
|
25767
26898
|
text-align: end;
|
|
25768
26899
|
}
|
|
25769
|
-
|
|
25770
|
-
|
|
25771
|
-
|
|
25772
|
-
|
|
25773
|
-
|
|
25774
|
-
|
|
26900
|
+
@media screen and (max-width: 36rem) {
|
|
26901
|
+
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
|
|
26902
|
+
grid-row-start: 1;
|
|
26903
|
+
grid-column-start: 2;
|
|
26904
|
+
margin-inline-start: 0;
|
|
26905
|
+
}
|
|
25775
26906
|
}
|
|
25776
|
-
}
|
|
25777
|
-
@media screen and (max-width: calc(62rem - 1px)) {
|
|
25778
26907
|
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
|
|
25779
26908
|
grid-column: 2;
|
|
25780
26909
|
grid-row: 2;
|
|
@@ -25800,7 +26929,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25800
26929
|
}
|
|
25801
26930
|
}
|
|
25802
26931
|
|
|
25803
|
-
@
|
|
26932
|
+
@container pf-v6-contain-table (max-width: 75rem) {
|
|
25804
26933
|
.pf-m-grid-xl.pf-v6-c-table {
|
|
25805
26934
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
25806
26935
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -26078,15 +27207,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26078
27207
|
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
26079
27208
|
text-align: end;
|
|
26080
27209
|
}
|
|
26081
|
-
|
|
26082
|
-
|
|
26083
|
-
|
|
26084
|
-
|
|
26085
|
-
|
|
26086
|
-
|
|
27210
|
+
@media screen and (max-width: 36rem) {
|
|
27211
|
+
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
27212
|
+
grid-row-start: 1;
|
|
27213
|
+
grid-column-start: 2;
|
|
27214
|
+
margin-inline-start: 0;
|
|
27215
|
+
}
|
|
26087
27216
|
}
|
|
26088
|
-
}
|
|
26089
|
-
@media screen and (max-width: calc(75rem - 1px)) {
|
|
26090
27217
|
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
|
|
26091
27218
|
grid-column: 2;
|
|
26092
27219
|
grid-row: 2;
|
|
@@ -26112,7 +27239,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26112
27239
|
}
|
|
26113
27240
|
}
|
|
26114
27241
|
|
|
26115
|
-
@
|
|
27242
|
+
@container pf-v6-contain-table (max-width: 90.625rem) {
|
|
26116
27243
|
.pf-m-grid-2xl.pf-v6-c-table {
|
|
26117
27244
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
26118
27245
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -26390,15 +27517,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26390
27517
|
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
26391
27518
|
text-align: end;
|
|
26392
27519
|
}
|
|
26393
|
-
|
|
26394
|
-
|
|
26395
|
-
|
|
26396
|
-
|
|
26397
|
-
|
|
26398
|
-
|
|
27520
|
+
@media screen and (max-width: 36rem) {
|
|
27521
|
+
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
27522
|
+
grid-row-start: 1;
|
|
27523
|
+
grid-column-start: 2;
|
|
27524
|
+
margin-inline-start: 0;
|
|
27525
|
+
}
|
|
26399
27526
|
}
|
|
26400
|
-
}
|
|
26401
|
-
@media screen and (max-width: calc(90.625rem - 1px)) {
|
|
26402
27527
|
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
|
|
26403
27528
|
grid-column: 2;
|
|
26404
27529
|
grid-row: 2;
|
|
@@ -26513,6 +27638,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26513
27638
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
|
26514
27639
|
--pf-v6-c-table__expandable-row--TranslateY: 0;
|
|
26515
27640
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
|
|
27641
|
+
}
|
|
27642
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
27643
|
+
.pf-v6-c-table {
|
|
27644
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
27645
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
27646
|
+
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
|
27647
|
+
}
|
|
27648
|
+
}
|
|
27649
|
+
.pf-v6-c-table {
|
|
26516
27650
|
--pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
26517
27651
|
--pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
26518
27652
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -26581,13 +27715,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26581
27715
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
26582
27716
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
26583
27717
|
}
|
|
26584
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
26585
|
-
.pf-v6-c-table {
|
|
26586
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
26587
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
26588
|
-
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
|
26589
|
-
}
|
|
26590
|
-
}
|
|
26591
27718
|
|
|
26592
27719
|
.pf-v6-c-table {
|
|
26593
27720
|
width: 100%;
|
|
@@ -26652,22 +27779,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26652
27779
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
26653
27780
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
26654
27781
|
display: var(--pf-v6-hidden-visible--Display);
|
|
26655
|
-
position: relative;
|
|
26656
|
-
width: var(--pf-v6-c-table--cell--Width);
|
|
26657
|
-
min-width: var(--pf-v6-c-table--cell--MinWidth);
|
|
26658
|
-
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
26659
|
-
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
|
26660
|
-
padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
|
|
26661
|
-
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
26662
|
-
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
26663
|
-
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
26664
|
-
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
26665
|
-
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
26666
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
26667
|
-
color: var(--pf-v6-c-table--cell--Color);
|
|
26668
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
26669
|
-
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
26670
|
-
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
26671
27782
|
}
|
|
26672
27783
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
|
|
26673
27784
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -26712,6 +27823,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26712
27823
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
26713
27824
|
}
|
|
26714
27825
|
}
|
|
27826
|
+
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
|
|
27827
|
+
position: relative;
|
|
27828
|
+
width: var(--pf-v6-c-table--cell--Width);
|
|
27829
|
+
min-width: var(--pf-v6-c-table--cell--MinWidth);
|
|
27830
|
+
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
27831
|
+
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
|
27832
|
+
padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
|
|
27833
|
+
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
27834
|
+
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
27835
|
+
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
27836
|
+
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
27837
|
+
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
27838
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
27839
|
+
color: var(--pf-v6-c-table--cell--Color);
|
|
27840
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
27841
|
+
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
27842
|
+
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
27843
|
+
}
|
|
26715
27844
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
|
26716
27845
|
padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
|
26717
27846
|
}
|
|
@@ -27068,16 +28197,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27068
28197
|
.pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
|
|
27069
28198
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
|
27070
28199
|
}
|
|
28200
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
28201
|
+
scale: -1 1;
|
|
28202
|
+
}
|
|
28203
|
+
|
|
27071
28204
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27072
28205
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
27073
28206
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
27074
28207
|
transition-property: transform;
|
|
27075
28208
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
27076
28209
|
}
|
|
27077
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27078
|
-
scale: -1 1;
|
|
27079
|
-
}
|
|
27080
|
-
|
|
27081
28210
|
.pf-v6-c-table__toggle svg {
|
|
27082
28211
|
pointer-events: none;
|
|
27083
28212
|
}
|
|
@@ -27554,13 +28683,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27554
28683
|
}
|
|
27555
28684
|
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
27556
28685
|
transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
|
|
27557
|
-
position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
|
|
27558
|
-
inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
|
|
27559
28686
|
}
|
|
27560
28687
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
27561
28688
|
transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
27562
28689
|
}
|
|
27563
28690
|
|
|
28691
|
+
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
28692
|
+
position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
|
|
28693
|
+
inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
|
|
28694
|
+
}
|
|
27564
28695
|
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27565
28696
|
min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
|
|
27566
28697
|
}
|
|
@@ -28473,6 +29604,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28473
29604
|
--pf-v6-c-tabs__add--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
28474
29605
|
--pf-v6-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
28475
29606
|
--pf-v6-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
29607
|
+
--pf-v6-c-tabs--m-nav__link--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
29608
|
+
--pf-v6-c-tabs--m-nav__link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
29609
|
+
--pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
28476
29610
|
--pf-v6-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
28477
29611
|
--pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
28478
29612
|
--pf-v6-c-tabs__link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
@@ -28607,8 +29741,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28607
29741
|
}
|
|
28608
29742
|
.pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
|
|
28609
29743
|
position: relative;
|
|
28610
|
-
flex-direction: column;
|
|
28611
29744
|
flex-grow: 1;
|
|
29745
|
+
flex-direction: column;
|
|
28612
29746
|
max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
|
|
28613
29747
|
}
|
|
28614
29748
|
.pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
|
|
@@ -28750,6 +29884,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28750
29884
|
.pf-v6-c-tabs.pf-m-overflow .pf-v6-c-tabs__list {
|
|
28751
29885
|
overflow: visible;
|
|
28752
29886
|
}
|
|
29887
|
+
.pf-v6-c-tabs.pf-m-nav {
|
|
29888
|
+
--pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
|
|
29889
|
+
--pf-v6-c-tabs__link--disabled--Color: var(--pf-v6-c-tabs--m-nav__link--disabled--Color);
|
|
29890
|
+
--pf-v6-c-tabs__link--BorderRadius: var(--pf-v6-c-tabs--m-nav__link--BorderRadius);
|
|
29891
|
+
}
|
|
29892
|
+
.pf-v6-c-tabs.pf-m-nav::before,
|
|
29893
|
+
.pf-v6-c-tabs.pf-m-nav .pf-v6-c-tabs__link::before {
|
|
29894
|
+
border: 0;
|
|
29895
|
+
}
|
|
29896
|
+
.pf-v6-c-tabs.pf-m-nav.pf-m-subtab .pf-v6-c-tabs__scroll-button .pf-v6-c-button {
|
|
29897
|
+
--pf-v6-c-button--FontSize: var(--pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--FontSize);
|
|
29898
|
+
}
|
|
28753
29899
|
|
|
28754
29900
|
.pf-v6-c-tabs__toggle {
|
|
28755
29901
|
display: var(--pf-v6-c-tabs__toggle--Display);
|
|
@@ -28761,15 +29907,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28761
29907
|
white-space: normal;
|
|
28762
29908
|
}
|
|
28763
29909
|
|
|
29910
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
29911
|
+
scale: -1 1;
|
|
29912
|
+
}
|
|
29913
|
+
|
|
28764
29914
|
.pf-v6-c-tabs__toggle-icon {
|
|
28765
29915
|
display: inline-block;
|
|
28766
29916
|
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
28767
29917
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
28768
29918
|
}
|
|
28769
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
28770
|
-
scale: -1 1;
|
|
28771
|
-
}
|
|
28772
29919
|
|
|
29920
|
+
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
29921
|
+
display: none;
|
|
29922
|
+
}
|
|
28773
29923
|
.pf-v6-c-tabs__list {
|
|
28774
29924
|
scrollbar-width: none;
|
|
28775
29925
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
@@ -28781,25 +29931,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28781
29931
|
scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
|
|
28782
29932
|
-webkit-overflow-scrolling: touch;
|
|
28783
29933
|
}
|
|
28784
|
-
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
28785
|
-
display: none;
|
|
28786
|
-
}
|
|
28787
29934
|
|
|
28788
29935
|
.pf-v6-c-tabs__item {
|
|
28789
29936
|
position: relative;
|
|
28790
29937
|
display: flex;
|
|
28791
29938
|
flex: none;
|
|
28792
29939
|
column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
|
|
28793
|
-
scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
|
|
28794
29940
|
padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
|
|
28795
29941
|
padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
|
|
28796
29942
|
padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
|
|
28797
29943
|
padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
|
|
29944
|
+
scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
|
|
28798
29945
|
background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
|
|
28799
29946
|
}
|
|
28800
29947
|
.pf-v6-c-tabs__item.pf-m-current {
|
|
28801
29948
|
--pf-v6-c-tabs__link--Color: var(--pf-v6-c-tabs__item--m-current__link--Color);
|
|
28802
|
-
--pf-v6-c-tabs__link--after--BorderColor: var(--pf-v6-c-
|
|
29949
|
+
--pf-v6-c-tabs__link--after--BorderColor: var(--pf-v6-c-tabs--link-accent--color);
|
|
28803
29950
|
--pf-v6-c-tabs__link--after--BorderWidth: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
|
|
28804
29951
|
--pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs__item--m-current--BackgroundColor);
|
|
28805
29952
|
}
|
|
@@ -28847,6 +29994,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28847
29994
|
border: 0;
|
|
28848
29995
|
}
|
|
28849
29996
|
|
|
29997
|
+
.pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
|
|
29998
|
+
--pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
|
|
29999
|
+
}
|
|
30000
|
+
|
|
28850
30001
|
.pf-v6-c-tabs__link {
|
|
28851
30002
|
display: flex;
|
|
28852
30003
|
flex: 1;
|
|
@@ -28864,10 +30015,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28864
30015
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
|
28865
30016
|
transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
|
|
28866
30017
|
}
|
|
28867
|
-
.pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
|
|
28868
|
-
--pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
|
|
28869
|
-
}
|
|
28870
|
-
|
|
28871
30018
|
.pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
|
|
28872
30019
|
pointer-events: none;
|
|
28873
30020
|
border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
|
|
@@ -28922,6 +30069,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28922
30069
|
--pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
|
|
28923
30070
|
}
|
|
28924
30071
|
|
|
30072
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
|
|
30073
|
+
scale: -1 1;
|
|
30074
|
+
}
|
|
30075
|
+
|
|
28925
30076
|
.pf-v6-c-tabs__link-toggle-icon {
|
|
28926
30077
|
align-self: end;
|
|
28927
30078
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
@@ -28929,9 +30080,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28929
30080
|
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
28930
30081
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
28931
30082
|
}
|
|
28932
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
|
|
28933
|
-
scale: -1 1;
|
|
28934
|
-
}
|
|
28935
30083
|
|
|
28936
30084
|
.pf-v6-c-tabs__item-action {
|
|
28937
30085
|
display: flex;
|
|
@@ -29852,6 +31000,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29852
31000
|
--pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
29853
31001
|
--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
29854
31002
|
--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
31003
|
+
--pf-v6-c-toolbar--m-vertical--Width: fit-content;
|
|
29855
31004
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
|
|
29856
31005
|
--pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
29857
31006
|
--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -29948,9 +31097,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29948
31097
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
29949
31098
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
29950
31099
|
display: var(--pf-v6-hidden-visible--Display);
|
|
29951
|
-
row-gap: var(--pf-v6-c-toolbar__content--RowGap);
|
|
29952
|
-
padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
|
|
29953
|
-
padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
|
|
29954
31100
|
}
|
|
29955
31101
|
.pf-v6-c-toolbar__content.pf-m-hidden {
|
|
29956
31102
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -29995,6 +31141,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29995
31141
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
29996
31142
|
}
|
|
29997
31143
|
}
|
|
31144
|
+
.pf-v6-c-toolbar__content {
|
|
31145
|
+
row-gap: var(--pf-v6-c-toolbar__content--RowGap);
|
|
31146
|
+
padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
|
|
31147
|
+
padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
|
|
31148
|
+
}
|
|
29998
31149
|
|
|
29999
31150
|
.pf-v6-c-toolbar__content-section {
|
|
30000
31151
|
flex-wrap: wrap;
|
|
@@ -30055,14 +31206,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30055
31206
|
.pf-v6-c-toolbar.pf-m-no-background {
|
|
30056
31207
|
--pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-no-background--BackgroundColor);
|
|
30057
31208
|
}
|
|
31209
|
+
.pf-v6-c-toolbar.pf-m-vertical {
|
|
31210
|
+
--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart: auto;
|
|
31211
|
+
--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart: 0;
|
|
31212
|
+
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
31213
|
+
--pf-v6-c-toolbar--Width: var(--pf-v6-c-toolbar--m-vertical--Width);
|
|
31214
|
+
}
|
|
31215
|
+
.pf-v6-c-toolbar.pf-m-vertical :is(.pf-v6-c-toolbar__group, .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__content-section) {
|
|
31216
|
+
flex-direction: column;
|
|
31217
|
+
align-items: center;
|
|
31218
|
+
}
|
|
30058
31219
|
|
|
30059
31220
|
.pf-v6-c-toolbar__item {
|
|
30060
31221
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
|
|
30061
|
-
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
|
|
30062
|
-
row-gap: var(--pf-v6-c-toolbar__item--RowGap);
|
|
30063
|
-
column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
|
|
30064
|
-
width: var(--pf-v6-c-toolbar__item--Width--base);
|
|
30065
|
-
min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
|
|
30066
31222
|
}
|
|
30067
31223
|
@media (min-width: 36rem) {
|
|
30068
31224
|
.pf-v6-c-toolbar__item {
|
|
@@ -30089,6 +31245,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30089
31245
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
|
|
30090
31246
|
}
|
|
30091
31247
|
}
|
|
31248
|
+
.pf-v6-c-toolbar__item {
|
|
31249
|
+
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
|
|
31250
|
+
}
|
|
30092
31251
|
@media (min-width: 36rem) {
|
|
30093
31252
|
.pf-v6-c-toolbar__item {
|
|
30094
31253
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
|
|
@@ -30114,6 +31273,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30114
31273
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
|
|
30115
31274
|
}
|
|
30116
31275
|
}
|
|
31276
|
+
.pf-v6-c-toolbar__item {
|
|
31277
|
+
row-gap: var(--pf-v6-c-toolbar__item--RowGap);
|
|
31278
|
+
column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
|
|
31279
|
+
width: var(--pf-v6-c-toolbar__item--Width--base);
|
|
31280
|
+
min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
|
|
31281
|
+
}
|
|
30117
31282
|
.pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
|
|
30118
31283
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
|
|
30119
31284
|
}
|
|
@@ -30134,6 +31299,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30134
31299
|
row-gap: var(--pf-v6-c-toolbar__group--RowGap);
|
|
30135
31300
|
column-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
|
|
30136
31301
|
}
|
|
31302
|
+
.pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group {
|
|
31303
|
+
row-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
|
|
31304
|
+
}
|
|
30137
31305
|
.pf-v6-c-toolbar__group.pf-m-filter-group {
|
|
30138
31306
|
column-gap: var(--pf-v6-c-toolbar__group--m-filter-group--ColumnGap);
|
|
30139
31307
|
}
|
|
@@ -30145,9 +31313,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30145
31313
|
.pf-v6-c-toolbar__group.pf-m-action-group {
|
|
30146
31314
|
column-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
|
|
30147
31315
|
}
|
|
31316
|
+
.pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group.pf-m-action-group {
|
|
31317
|
+
row-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
|
|
31318
|
+
}
|
|
30148
31319
|
.pf-v6-c-toolbar__group.pf-m-action-group-plain {
|
|
30149
31320
|
column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
|
|
30150
31321
|
}
|
|
31322
|
+
.pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group.pf-m-action-group-plain {
|
|
31323
|
+
row-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
|
|
31324
|
+
}
|
|
30151
31325
|
.pf-v6-c-toolbar__group.pf-m-action-group-inline {
|
|
30152
31326
|
flex-wrap: wrap;
|
|
30153
31327
|
column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
|
|
@@ -30224,7 +31398,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30224
31398
|
}
|
|
30225
31399
|
.pf-v6-c-toolbar__group.pf-m-align-end,
|
|
30226
31400
|
.pf-v6-c-toolbar__item.pf-m-align-end {
|
|
30227
|
-
margin-
|
|
31401
|
+
margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
|
|
31402
|
+
margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
|
|
30228
31403
|
}
|
|
30229
31404
|
.pf-v6-c-toolbar__group.pf-m-flex-grow,
|
|
30230
31405
|
.pf-v6-c-toolbar__item.pf-m-flex-grow {
|
|
@@ -30479,7 +31654,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30479
31654
|
}
|
|
30480
31655
|
.pf-v6-c-toolbar__group.pf-m-align-end-on-sm,
|
|
30481
31656
|
.pf-v6-c-toolbar__item.pf-m-align-end-on-sm {
|
|
30482
|
-
margin-
|
|
31657
|
+
margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
|
|
31658
|
+
margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
|
|
30483
31659
|
}
|
|
30484
31660
|
.pf-v6-c-toolbar__group.pf-m-flex-grow-on-sm,
|
|
30485
31661
|
.pf-v6-c-toolbar__item.pf-m-flex-grow-on-sm {
|
|
@@ -30731,7 +31907,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30731
31907
|
}
|
|
30732
31908
|
.pf-v6-c-toolbar__group.pf-m-align-end-on-md,
|
|
30733
31909
|
.pf-v6-c-toolbar__item.pf-m-align-end-on-md {
|
|
30734
|
-
margin-
|
|
31910
|
+
margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
|
|
31911
|
+
margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
|
|
30735
31912
|
}
|
|
30736
31913
|
.pf-v6-c-toolbar__group.pf-m-flex-grow-on-md,
|
|
30737
31914
|
.pf-v6-c-toolbar__item.pf-m-flex-grow-on-md {
|
|
@@ -30983,7 +32160,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30983
32160
|
}
|
|
30984
32161
|
.pf-v6-c-toolbar__group.pf-m-align-end-on-lg,
|
|
30985
32162
|
.pf-v6-c-toolbar__item.pf-m-align-end-on-lg {
|
|
30986
|
-
margin-
|
|
32163
|
+
margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
|
|
32164
|
+
margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
|
|
30987
32165
|
}
|
|
30988
32166
|
.pf-v6-c-toolbar__group.pf-m-flex-grow-on-lg,
|
|
30989
32167
|
.pf-v6-c-toolbar__item.pf-m-flex-grow-on-lg {
|
|
@@ -31235,7 +32413,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31235
32413
|
}
|
|
31236
32414
|
.pf-v6-c-toolbar__group.pf-m-align-end-on-xl,
|
|
31237
32415
|
.pf-v6-c-toolbar__item.pf-m-align-end-on-xl {
|
|
31238
|
-
margin-
|
|
32416
|
+
margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
|
|
32417
|
+
margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
|
|
31239
32418
|
}
|
|
31240
32419
|
.pf-v6-c-toolbar__group.pf-m-flex-grow-on-xl,
|
|
31241
32420
|
.pf-v6-c-toolbar__item.pf-m-flex-grow-on-xl {
|
|
@@ -31487,7 +32666,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31487
32666
|
}
|
|
31488
32667
|
.pf-v6-c-toolbar__group.pf-m-align-end-on-2xl,
|
|
31489
32668
|
.pf-v6-c-toolbar__item.pf-m-align-end-on-2xl {
|
|
31490
|
-
margin-
|
|
32669
|
+
margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
|
|
32670
|
+
margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
|
|
31491
32671
|
}
|
|
31492
32672
|
.pf-v6-c-toolbar__group.pf-m-flex-grow-on-2xl,
|
|
31493
32673
|
.pf-v6-c-toolbar__item.pf-m-flex-grow-on-2xl {
|
|
@@ -31972,6 +33152,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31972
33152
|
--pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
|
|
31973
33153
|
--pf-v6-c-tree-view__list--TranslateY: 0;
|
|
31974
33154
|
--pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
|
|
33155
|
+
}
|
|
33156
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
33157
|
+
.pf-v6-c-tree-view {
|
|
33158
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
33159
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
33160
|
+
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
|
33161
|
+
}
|
|
33162
|
+
}
|
|
33163
|
+
.pf-v6-c-tree-view {
|
|
31975
33164
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
|
|
31976
33165
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
|
|
31977
33166
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
@@ -32000,6 +33189,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32000
33189
|
--pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
|
|
32001
33190
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
32002
33191
|
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
|
|
33192
|
+
--pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
33193
|
+
--pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
33194
|
+
--pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
32003
33195
|
--pf-v6-c-tree-view__node-text--max-lines: 1;
|
|
32004
33196
|
--pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
32005
33197
|
--pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -32055,6 +33247,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32055
33247
|
--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
32056
33248
|
--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
32057
33249
|
--pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
|
|
33250
|
+
--pf-v6-c-tree-view--m-compact__node-container--nested--Color: initial;
|
|
33251
|
+
--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: var(--pf-t--global--text--color--on-disabled);
|
|
33252
|
+
--pf-v6-c-tree-view--m-compact__node-icon--nested--Color: initial;
|
|
33253
|
+
--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
33254
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color: initial;
|
|
33255
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
32058
33256
|
--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
|
|
32059
33257
|
--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
|
|
32060
33258
|
--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
|
|
@@ -32064,13 +33262,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32064
33262
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
|
|
32065
33263
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart: calc(var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart) + 0.25rem);
|
|
32066
33264
|
}
|
|
32067
|
-
@media screen and (prefers-reduced-motion: no-preference) {
|
|
32068
|
-
.pf-v6-c-tree-view {
|
|
32069
|
-
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
32070
|
-
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
32071
|
-
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
|
32072
|
-
}
|
|
32073
|
-
}
|
|
32074
33265
|
|
|
32075
33266
|
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item {
|
|
32076
33267
|
position: relative;
|
|
@@ -32151,11 +33342,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32151
33342
|
padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
|
|
32152
33343
|
padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
|
|
32153
33344
|
padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
|
|
33345
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--Color, inherit);
|
|
32154
33346
|
background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
|
|
32155
33347
|
}
|
|
32156
33348
|
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-toggle {
|
|
32157
33349
|
margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
|
|
32158
33350
|
margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
|
|
33351
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color, inherit);
|
|
33352
|
+
}
|
|
33353
|
+
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-icon {
|
|
33354
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-icon--nested--Color, inherit);
|
|
32159
33355
|
}
|
|
32160
33356
|
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
|
|
32161
33357
|
padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
|
|
@@ -32180,6 +33376,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32180
33376
|
}
|
|
32181
33377
|
.pf-v6-c-tree-view.pf-m-no-background {
|
|
32182
33378
|
--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
|
|
33379
|
+
--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: initial;
|
|
33380
|
+
--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: initial;
|
|
33381
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: initial;
|
|
33382
|
+
}
|
|
33383
|
+
|
|
33384
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
33385
|
+
scale: -1 1;
|
|
32183
33386
|
}
|
|
32184
33387
|
|
|
32185
33388
|
.pf-v6-c-tree-view__node-toggle-icon {
|
|
@@ -32189,9 +33392,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32189
33392
|
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
32190
33393
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
32191
33394
|
}
|
|
32192
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
32193
|
-
scale: -1 1;
|
|
32194
|
-
}
|
|
32195
33395
|
|
|
32196
33396
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
32197
33397
|
max-height: 0;
|
|
@@ -32255,6 +33455,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32255
33455
|
.pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
|
|
32256
33456
|
margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
|
|
32257
33457
|
}
|
|
33458
|
+
.pf-v6-c-tree-view__node.pf-m-disabled {
|
|
33459
|
+
--pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-disabled--Color);
|
|
33460
|
+
--pf-v6-c-tree-view__node-icon--Color: var(--pf-v6-c-tree-view__node-icon--m-disabled--Color);
|
|
33461
|
+
--pf-v6-c-tree-view--m-compact__node-container--nested--Color: var(--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color);
|
|
33462
|
+
--pf-v6-c-tree-view--m-compact__node-icon--nested--Color: var(--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color);
|
|
33463
|
+
}
|
|
32258
33464
|
|
|
32259
33465
|
.pf-v6-c-tree-view__node-container {
|
|
32260
33466
|
display: var(--pf-v6-c-tree-view__node-container--Display);
|
|
@@ -32297,6 +33503,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32297
33503
|
transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
32298
33504
|
}
|
|
32299
33505
|
|
|
33506
|
+
.pf-v6-c-tree-view__node-toggle.pf-m-disabled {
|
|
33507
|
+
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--m-disabled--Color);
|
|
33508
|
+
}
|
|
33509
|
+
|
|
32300
33510
|
.pf-v6-c-tree-view__node-title.pf-m-truncate,
|
|
32301
33511
|
.pf-v6-c-tree-view__node-text.pf-m-truncate {
|
|
32302
33512
|
--pf-v6-c-tree-view__node-content--Overflow: hidden;
|
|
@@ -32312,6 +33522,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32312
33522
|
white-space: nowrap;
|
|
32313
33523
|
}
|
|
32314
33524
|
|
|
33525
|
+
label.pf-v6-c-tree-view__node-text {
|
|
33526
|
+
cursor: pointer;
|
|
33527
|
+
}
|
|
33528
|
+
|
|
32315
33529
|
.pf-v6-c-tree-view__node-text {
|
|
32316
33530
|
font-weight: inherit;
|
|
32317
33531
|
color: inherit;
|
|
@@ -32319,9 +33533,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32319
33533
|
background-color: transparent;
|
|
32320
33534
|
border: 0;
|
|
32321
33535
|
}
|
|
32322
|
-
label.pf-v6-c-tree-view__node-text {
|
|
32323
|
-
cursor: pointer;
|
|
32324
|
-
}
|
|
32325
33536
|
|
|
32326
33537
|
.pf-v6-c-tree-view__node-title {
|
|
32327
33538
|
font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
|
|
@@ -32550,6 +33761,15 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32550
33761
|
--pf-v6-c-wizard__nav--lg--Width: 15.625rem;
|
|
32551
33762
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
32552
33763
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
|
|
33764
|
+
}
|
|
33765
|
+
@media screen and (min-width: 62rem) {
|
|
33766
|
+
.pf-v6-c-wizard {
|
|
33767
|
+
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
33768
|
+
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
33769
|
+
--pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
|
|
33770
|
+
}
|
|
33771
|
+
}
|
|
33772
|
+
.pf-v6-c-wizard {
|
|
32553
33773
|
--pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
32554
33774
|
--pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
32555
33775
|
--pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -32574,13 +33794,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32574
33794
|
--pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
32575
33795
|
--pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
32576
33796
|
}
|
|
32577
|
-
@media screen and (min-width: 62rem) {
|
|
32578
|
-
.pf-v6-c-wizard {
|
|
32579
|
-
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
32580
|
-
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
32581
|
-
--pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
|
|
32582
|
-
}
|
|
32583
|
-
}
|
|
32584
33797
|
|
|
32585
33798
|
.pf-v6-c-wizard {
|
|
32586
33799
|
position: relative;
|
|
@@ -32716,13 +33929,14 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32716
33929
|
color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
|
|
32717
33930
|
}
|
|
32718
33931
|
|
|
32719
|
-
.pf-v6-c-wizard__toggle-separator {
|
|
32720
|
-
color: var(--pf-v6-c-wizard__toggle-separator--Color);
|
|
32721
|
-
}
|
|
32722
33932
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
|
|
32723
33933
|
scale: -1 1;
|
|
32724
33934
|
}
|
|
32725
33935
|
|
|
33936
|
+
.pf-v6-c-wizard__toggle-separator {
|
|
33937
|
+
color: var(--pf-v6-c-wizard__toggle-separator--Color);
|
|
33938
|
+
}
|
|
33939
|
+
|
|
32726
33940
|
.pf-v6-c-wizard__toggle-icon {
|
|
32727
33941
|
line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
|
|
32728
33942
|
}
|
|
@@ -32730,8 +33944,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32730
33944
|
.pf-v6-c-wizard__outer-wrap {
|
|
32731
33945
|
position: relative;
|
|
32732
33946
|
display: flex;
|
|
32733
|
-
flex-direction: column;
|
|
32734
33947
|
flex-grow: 1;
|
|
33948
|
+
flex-direction: column;
|
|
32735
33949
|
min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
|
|
32736
33950
|
background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
|
|
32737
33951
|
}
|
|
@@ -32744,8 +33958,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32744
33958
|
.pf-v6-c-wizard__inner-wrap {
|
|
32745
33959
|
position: relative;
|
|
32746
33960
|
display: flex;
|
|
32747
|
-
flex-direction: column;
|
|
32748
33961
|
flex-grow: 1;
|
|
33962
|
+
flex-direction: column;
|
|
32749
33963
|
min-height: 0;
|
|
32750
33964
|
}
|
|
32751
33965
|
@media screen and (min-width: 62rem) {
|
|
@@ -32923,6 +34137,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32923
34137
|
color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
|
|
32924
34138
|
}
|
|
32925
34139
|
|
|
34140
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|
|
34141
|
+
scale: -1 1;
|
|
34142
|
+
}
|
|
34143
|
+
|
|
32926
34144
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
32927
34145
|
display: inline-block;
|
|
32928
34146
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
@@ -32930,15 +34148,12 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32930
34148
|
transition-property: transform;
|
|
32931
34149
|
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
32932
34150
|
}
|
|
32933
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|
|
32934
|
-
scale: -1 1;
|
|
32935
|
-
}
|
|
32936
34151
|
|
|
32937
34152
|
.pf-v6-c-wizard__main {
|
|
32938
34153
|
z-index: var(--pf-v6-c-wizard__main--ZIndex);
|
|
32939
34154
|
display: flex;
|
|
32940
|
-
flex-direction: column;
|
|
32941
34155
|
flex-grow: 1;
|
|
34156
|
+
flex-direction: column;
|
|
32942
34157
|
overflow-x: hidden;
|
|
32943
34158
|
overflow-y: auto;
|
|
32944
34159
|
word-break: break-word;
|
|
@@ -35376,12 +36591,13 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35376
36591
|
display: grid;
|
|
35377
36592
|
grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
|
|
35378
36593
|
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
35379
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
35380
|
-
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
35381
36594
|
}
|
|
35382
36595
|
.pf-v6-l-gallery.pf-m-gutter {
|
|
35383
36596
|
grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
35384
36597
|
}
|
|
36598
|
+
.pf-v6-l-gallery {
|
|
36599
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
36600
|
+
}
|
|
35385
36601
|
@media (min-width: 36rem) {
|
|
35386
36602
|
.pf-v6-l-gallery {
|
|
35387
36603
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
|
|
@@ -35407,6 +36623,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35407
36623
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
|
|
35408
36624
|
}
|
|
35409
36625
|
}
|
|
36626
|
+
.pf-v6-l-gallery {
|
|
36627
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
36628
|
+
}
|
|
35410
36629
|
@media (min-width: 36rem) {
|
|
35411
36630
|
.pf-v6-l-gallery {
|
|
35412
36631
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
|