@patternfly/patternfly 6.5.0-prerelease.4 → 6.5.0-prerelease.41
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-svg-icons.css +11 -0
- package/base/patternfly-svg-icons.scss +14 -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 +406 -14
- package/patternfly-base.css +413 -14
- package/patternfly-charts.css +3 -3
- package/patternfly-no-globals.css +1796 -573
- package/patternfly.css +1803 -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 {
|
|
@@ -6394,6 +6450,17 @@ button) {
|
|
|
6394
6450
|
vertical-align: -0.125em;
|
|
6395
6451
|
}
|
|
6396
6452
|
|
|
6453
|
+
.pf-v6-svg .pf-v6-icon-rh-ui {
|
|
6454
|
+
display: none;
|
|
6455
|
+
}
|
|
6456
|
+
|
|
6457
|
+
.pf-v6-icon-set-rh-ui .pf-v6-svg .pf-v6-icon-default {
|
|
6458
|
+
display: none;
|
|
6459
|
+
}
|
|
6460
|
+
.pf-v6-icon-set-rh-ui .pf-v6-svg .pf-v6-icon-rh-ui {
|
|
6461
|
+
display: revert;
|
|
6462
|
+
}
|
|
6463
|
+
|
|
6397
6464
|
:root {
|
|
6398
6465
|
--pf-v6-global--inverse--multiplier: 1;
|
|
6399
6466
|
--pf-t--color--black: #000000;
|
|
@@ -6409,6 +6476,7 @@ button) {
|
|
|
6409
6476
|
--pf-t--color--gray--20: #e0e0e0;
|
|
6410
6477
|
--pf-t--color--gray--30: #c7c7c7;
|
|
6411
6478
|
--pf-t--color--gray--40: #a3a3a3;
|
|
6479
|
+
--pf-t--color--gray--45: #8c8c8c;
|
|
6412
6480
|
--pf-t--color--gray--50: #707070;
|
|
6413
6481
|
--pf-t--color--gray--60: #4d4d4d;
|
|
6414
6482
|
--pf-t--color--gray--70: #383838;
|
|
@@ -6439,6 +6507,7 @@ button) {
|
|
|
6439
6507
|
--pf-t--color--purple--60: #3d2785;
|
|
6440
6508
|
--pf-t--color--purple--70: #21134d;
|
|
6441
6509
|
--pf-t--color--purple--80: #1b0d33;
|
|
6510
|
+
--pf-t--color--red--05: #fef0f0;
|
|
6442
6511
|
--pf-t--color--red--10: #fce3e3;
|
|
6443
6512
|
--pf-t--color--red--20: #fbc5c5;
|
|
6444
6513
|
--pf-t--color--red--30: #f9a8a8;
|
|
@@ -6472,9 +6541,14 @@ button) {
|
|
|
6472
6541
|
--pf-t--color--yellow--60: #96640f;
|
|
6473
6542
|
--pf-t--color--yellow--70: #73480b;
|
|
6474
6543
|
--pf-t--color--yellow--80: #54330b;
|
|
6475
|
-
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.
|
|
6544
|
+
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
|
|
6476
6545
|
--pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
|
|
6546
|
+
--pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
|
|
6477
6547
|
--pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
|
|
6548
|
+
--pf-t--global--background--filter--glass--blur--floating: blur(0px);
|
|
6549
|
+
--pf-t--global--background--filter--glass--blur--primary: blur(0px);
|
|
6550
|
+
--pf-t--global--background--opacity--glass--floating: 100%;
|
|
6551
|
+
--pf-t--global--background--opacity--glass--primary: 100%;
|
|
6478
6552
|
--pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
|
|
6479
6553
|
--pf-t--global--border--radius--0: 0px;
|
|
6480
6554
|
--pf-t--global--border--radius--100: 4px;
|
|
@@ -6502,12 +6576,12 @@ button) {
|
|
|
6502
6576
|
--pf-t--global--box-shadow--X--700: 10px;
|
|
6503
6577
|
--pf-t--global--box-shadow--X--800: 20px;
|
|
6504
6578
|
--pf-t--global--box-shadow--Y--100: -10px;
|
|
6505
|
-
--pf-t--global--box-shadow--Y--200: -
|
|
6579
|
+
--pf-t--global--box-shadow--Y--200: -2px;
|
|
6506
6580
|
--pf-t--global--box-shadow--Y--300: -1px;
|
|
6507
6581
|
--pf-t--global--box-shadow--Y--400: 0px;
|
|
6508
6582
|
--pf-t--global--box-shadow--Y--50: -20px;
|
|
6509
6583
|
--pf-t--global--box-shadow--Y--500: 1px;
|
|
6510
|
-
--pf-t--global--box-shadow--Y--600:
|
|
6584
|
+
--pf-t--global--box-shadow--Y--600: 2px;
|
|
6511
6585
|
--pf-t--global--box-shadow--Y--700: 10px;
|
|
6512
6586
|
--pf-t--global--box-shadow--Y--800: 20px;
|
|
6513
6587
|
--pf-t--global--box-shadow--blur--100: 4px;
|
|
@@ -6578,6 +6652,7 @@ button) {
|
|
|
6578
6652
|
--pf-t--global--spacer--800: 5rem;
|
|
6579
6653
|
--pf-t--global--text-decoration--line--100: none;
|
|
6580
6654
|
--pf-t--global--text-decoration--line--200: underline;
|
|
6655
|
+
--pf-t--global--text-decoration--offset--hover: 5;
|
|
6581
6656
|
--pf-t--global--text-decoration--style--100: solid;
|
|
6582
6657
|
--pf-t--global--text-decoration--style--200: dashed;
|
|
6583
6658
|
--pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
|
|
@@ -6599,12 +6674,14 @@ button) {
|
|
|
6599
6674
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
|
|
6600
6675
|
--pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
|
|
6601
6676
|
--pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
|
|
6677
|
+
--pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
|
|
6678
|
+
--pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
|
|
6602
6679
|
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
|
|
6603
6680
|
--pf-t--global--border--color--100: var(--pf-t--color--gray--30);
|
|
6604
6681
|
--pf-t--global--border--color--200: var(--pf-t--color--gray--40);
|
|
6605
|
-
--pf-t--global--border--color--300: var(--pf-t--color--gray--
|
|
6682
|
+
--pf-t--global--border--color--300: var(--pf-t--color--gray--45);
|
|
6606
6683
|
--pf-t--global--border--color--400: var(--pf-t--color--gray--60);
|
|
6607
|
-
--pf-t--global--border--color--50: var(--pf-t--color--gray--
|
|
6684
|
+
--pf-t--global--border--color--50: var(--pf-t--color--gray--10);
|
|
6608
6685
|
--pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
|
|
6609
6686
|
--pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
|
|
6610
6687
|
--pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
|
|
@@ -6614,9 +6691,9 @@ button) {
|
|
|
6614
6691
|
--pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
|
|
6615
6692
|
--pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
|
|
6616
6693
|
--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--
|
|
6694
|
+
--pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
|
|
6618
6695
|
--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--
|
|
6696
|
+
--pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
|
|
6620
6697
|
--pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
|
|
6621
6698
|
--pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
|
|
6622
6699
|
--pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
|
|
@@ -6690,9 +6767,17 @@ button) {
|
|
|
6690
6767
|
--pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
|
|
6691
6768
|
--pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
|
|
6692
6769
|
--pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
|
|
6770
|
+
--pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50);
|
|
6771
|
+
--pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60);
|
|
6772
|
+
--pf-t--global--color--brand--accent--300: var(--pf-t--color--red--70);
|
|
6773
|
+
--pf-t--global--color--brand--accent--400: var(--pf-t--color--black);
|
|
6774
|
+
--pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10);
|
|
6775
|
+
--pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20);
|
|
6776
|
+
--pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40);
|
|
6777
|
+
--pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50);
|
|
6693
6778
|
--pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
|
|
6694
6779
|
--pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
|
|
6695
|
-
--pf-t--global--color--disabled--300: var(--pf-t--color--gray--
|
|
6780
|
+
--pf-t--global--color--disabled--300: var(--pf-t--color--gray--50);
|
|
6696
6781
|
--pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
6697
6782
|
--pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
|
|
6698
6783
|
--pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
|
|
@@ -6758,7 +6843,7 @@ button) {
|
|
|
6758
6843
|
--pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
|
|
6759
6844
|
--pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
|
|
6760
6845
|
--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--
|
|
6846
|
+
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
|
|
6762
6847
|
--pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
|
|
6763
6848
|
--pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
|
|
6764
6849
|
--pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
|
|
@@ -6843,8 +6928,8 @@ button) {
|
|
|
6843
6928
|
--pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
6844
6929
|
--pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
6845
6930
|
--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--
|
|
6931
|
+
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
6932
|
+
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
6848
6933
|
--pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
|
|
6849
6934
|
--pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
|
|
6850
6935
|
--pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
|
|
@@ -6869,8 +6954,12 @@ button) {
|
|
|
6869
6954
|
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
|
|
6870
6955
|
--pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
|
|
6871
6956
|
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
|
|
6957
|
+
--pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--300);
|
|
6958
|
+
--pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200);
|
|
6959
|
+
--pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--300);
|
|
6872
6960
|
--pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
|
|
6873
|
-
--pf-t--global--border--color--control--
|
|
6961
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
|
|
6962
|
+
--pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
|
|
6874
6963
|
--pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
|
|
6875
6964
|
--pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
6876
6965
|
--pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
|
|
@@ -6905,9 +6994,17 @@ button) {
|
|
|
6905
6994
|
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
|
|
6906
6995
|
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
|
|
6907
6996
|
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
|
|
6997
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--border--color--50);
|
|
6998
|
+
--pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill);
|
|
6999
|
+
--pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small);
|
|
7000
|
+
--pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small);
|
|
7001
|
+
--pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
|
|
6908
7002
|
--pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
|
|
6909
7003
|
--pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
|
|
6910
7004
|
--pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
|
|
7005
|
+
--pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200);
|
|
7006
|
+
--pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100);
|
|
7007
|
+
--pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200);
|
|
6911
7008
|
--pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200);
|
|
6912
7009
|
--pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
|
|
6913
7010
|
--pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
|
|
@@ -7038,7 +7135,10 @@ button) {
|
|
|
7038
7135
|
--pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
|
|
7039
7136
|
--pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
|
|
7040
7137
|
--pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
|
|
7138
|
+
--pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
|
|
7041
7139
|
--pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
|
|
7140
|
+
--pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
|
|
7141
|
+
--pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
|
|
7042
7142
|
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
7043
7143
|
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7044
7144
|
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
@@ -7056,6 +7156,9 @@ button) {
|
|
|
7056
7156
|
--pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
|
|
7057
7157
|
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
|
|
7058
7158
|
--pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
|
|
7159
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7160
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
|
|
7161
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
|
|
7059
7162
|
--pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
|
|
7060
7163
|
--pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
7061
7164
|
--pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
|
|
@@ -7096,9 +7199,15 @@ button) {
|
|
|
7096
7199
|
--pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
|
|
7097
7200
|
--pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
|
|
7098
7201
|
--pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
|
|
7202
|
+
--pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7203
|
+
--pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
|
|
7204
|
+
--pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
|
|
7099
7205
|
--pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7100
7206
|
--pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
|
|
7101
7207
|
--pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
|
|
7208
|
+
--pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
|
|
7209
|
+
--pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
|
|
7210
|
+
--pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
|
|
7102
7211
|
--pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7103
7212
|
--pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7104
7213
|
--pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
@@ -7171,9 +7280,15 @@ button) {
|
|
|
7171
7280
|
--pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
|
|
7172
7281
|
--pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
|
|
7173
7282
|
--pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
|
|
7283
|
+
--pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
|
|
7284
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
|
|
7285
|
+
--pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
|
|
7174
7286
|
--pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
|
|
7175
7287
|
--pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
|
|
7176
7288
|
--pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
|
|
7289
|
+
--pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
|
|
7290
|
+
--pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
|
|
7291
|
+
--pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
|
|
7177
7292
|
--pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
|
|
7178
7293
|
--pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7179
7294
|
--pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
@@ -7208,7 +7323,20 @@ button) {
|
|
|
7208
7323
|
--pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
|
|
7209
7324
|
--pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
|
|
7210
7325
|
--pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
|
|
7326
|
+
--pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
|
|
7327
|
+
--pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
|
|
7328
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
7329
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
7330
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
7211
7331
|
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
7332
|
+
--pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
7333
|
+
--pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
7334
|
+
--pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
7335
|
+
--pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
|
|
7336
|
+
--pf-t--global--text-decoration--color--hover: currentcolor;
|
|
7337
|
+
--pf-t--global--text-decoration--offset--hover: calc(var(--pf-t--global--spacer--xs) + 1px);
|
|
7338
|
+
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
7339
|
+
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
7212
7340
|
--pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
|
|
7213
7341
|
--pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
|
|
7214
7342
|
--pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
|
|
@@ -7314,18 +7442,27 @@ button) {
|
|
|
7314
7442
|
var(--pf-t--global--box-shadow--color--lg--directional);
|
|
7315
7443
|
--pf-t--global--list-style: disc outside;
|
|
7316
7444
|
--pf-t--temp--dev--tbd: #BC11E0;
|
|
7445
|
+
--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 );
|
|
7446
|
+
--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
7447
|
}
|
|
7318
7448
|
|
|
7319
7449
|
:root:where(.pf-v6-theme-dark) {
|
|
7320
7450
|
--pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
|
|
7451
|
+
--pf-t--global--background--filter--glass--blur--floating: blur(0px);
|
|
7452
|
+
--pf-t--global--background--filter--glass--blur--primary: blur(0px);
|
|
7453
|
+
--pf-t--global--background--opacity--glass--floating: 100%;
|
|
7454
|
+
--pf-t--global--background--opacity--glass--primary: 100%;
|
|
7321
7455
|
--pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
|
|
7322
7456
|
--pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
|
|
7323
7457
|
--pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
|
|
7458
|
+
--pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
|
|
7324
7459
|
--pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
|
|
7325
7460
|
--pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
|
|
7326
7461
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
7327
7462
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
7328
7463
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
7464
|
+
--pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700);
|
|
7465
|
+
--pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600);
|
|
7329
7466
|
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
|
|
7330
7467
|
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
7331
7468
|
--pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
@@ -7343,10 +7480,18 @@ button) {
|
|
|
7343
7480
|
--pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
|
|
7344
7481
|
--pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
|
|
7345
7482
|
--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--
|
|
7483
|
+
--pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70);
|
|
7347
7484
|
--pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
|
|
7348
7485
|
--pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
|
|
7349
7486
|
--pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
|
|
7487
|
+
--pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50);
|
|
7488
|
+
--pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--40);
|
|
7489
|
+
--pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--30);
|
|
7490
|
+
--pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--red--20);
|
|
7491
|
+
--pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white);
|
|
7492
|
+
--pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70);
|
|
7493
|
+
--pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60);
|
|
7494
|
+
--pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30);
|
|
7350
7495
|
--pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
|
|
7351
7496
|
--pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
|
|
7352
7497
|
--pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
|
|
@@ -7434,9 +7579,13 @@ button) {
|
|
|
7434
7579
|
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
|
|
7435
7580
|
--pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
|
|
7436
7581
|
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
|
|
7582
|
+
--pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300);
|
|
7583
|
+
--pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200);
|
|
7584
|
+
--pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300);
|
|
7437
7585
|
--pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
7586
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--200);
|
|
7438
7587
|
--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--
|
|
7588
|
+
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
|
|
7440
7589
|
--pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
|
|
7441
7590
|
--pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
|
|
7442
7591
|
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
@@ -7467,9 +7616,13 @@ button) {
|
|
|
7467
7616
|
--pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
|
|
7468
7617
|
--pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
7469
7618
|
--pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
|
|
7619
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50);
|
|
7470
7620
|
--pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
7471
7621
|
--pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
|
|
7472
7622
|
--pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
|
|
7623
|
+
--pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200);
|
|
7624
|
+
--pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100);
|
|
7625
|
+
--pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200);
|
|
7473
7626
|
--pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
|
|
7474
7627
|
--pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
|
|
7475
7628
|
--pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
|
|
@@ -7546,6 +7699,8 @@ button) {
|
|
|
7546
7699
|
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
|
|
7547
7700
|
--pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
|
|
7548
7701
|
--pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
|
|
7702
|
+
--pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
|
|
7703
|
+
--pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
|
|
7549
7704
|
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
7550
7705
|
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7551
7706
|
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
@@ -7566,6 +7721,9 @@ button) {
|
|
|
7566
7721
|
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
7567
7722
|
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
7568
7723
|
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7724
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7725
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
|
|
7726
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
|
|
7569
7727
|
--pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
|
|
7570
7728
|
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
7571
7729
|
--pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
@@ -7604,9 +7762,15 @@ button) {
|
|
|
7604
7762
|
--pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7605
7763
|
--pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
|
|
7606
7764
|
--pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
|
|
7765
|
+
--pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7766
|
+
--pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
|
|
7767
|
+
--pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
|
|
7607
7768
|
--pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7608
7769
|
--pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
|
|
7609
7770
|
--pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
|
|
7771
|
+
--pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
|
|
7772
|
+
--pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
|
|
7773
|
+
--pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
|
|
7610
7774
|
--pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7611
7775
|
--pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7612
7776
|
--pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
@@ -7670,9 +7834,15 @@ button) {
|
|
|
7670
7834
|
--pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
|
|
7671
7835
|
--pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
|
|
7672
7836
|
--pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
|
|
7837
|
+
--pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
|
|
7838
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
|
|
7839
|
+
--pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
|
|
7673
7840
|
--pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
|
|
7674
7841
|
--pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
|
|
7675
7842
|
--pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
|
|
7843
|
+
--pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
|
|
7844
|
+
--pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
|
|
7845
|
+
--pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
|
|
7676
7846
|
--pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
|
|
7677
7847
|
--pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7678
7848
|
--pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
@@ -7707,6 +7877,14 @@ button) {
|
|
|
7707
7877
|
--pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
7708
7878
|
--pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
7709
7879
|
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7880
|
+
--pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
|
|
7881
|
+
--pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
|
|
7882
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
7883
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
7884
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
7885
|
+
--pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
7886
|
+
--pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
7887
|
+
--pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
7710
7888
|
}
|
|
7711
7889
|
|
|
7712
7890
|
:root:where(.pf-v6-theme-high-contrast) {
|
|
@@ -8802,6 +8980,226 @@ button) {
|
|
|
8802
8980
|
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
8803
8981
|
}
|
|
8804
8982
|
|
|
8983
|
+
:root:where(.pf-v6-theme-glass) {
|
|
8984
|
+
--pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
|
|
8985
|
+
--pf-t--global--background--opacity--glass--primary: 80%;
|
|
8986
|
+
}
|
|
8987
|
+
|
|
8988
|
+
:root:where(.pf-v6-theme-glass.pf-v6-theme-dark) {
|
|
8989
|
+
--pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
|
|
8990
|
+
--pf-t--global--background--opacity--glass--primary: 80%;
|
|
8991
|
+
}
|
|
8992
|
+
|
|
8993
|
+
:root:where(.pf-v6-theme-redhat) {
|
|
8994
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
|
|
8995
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
|
|
8996
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
|
|
8997
|
+
--pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
|
|
8998
|
+
--pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
|
|
8999
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
|
|
9000
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
|
|
9001
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
|
|
9002
|
+
}
|
|
9003
|
+
|
|
9004
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-dark) {
|
|
9005
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9006
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9007
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9008
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
|
|
9009
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
|
|
9010
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
|
|
9011
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
|
|
9012
|
+
}
|
|
9013
|
+
|
|
9014
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
|
|
9015
|
+
--pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
|
|
9016
|
+
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
|
|
9017
|
+
--pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
|
|
9018
|
+
--pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
|
|
9019
|
+
--pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
|
|
9020
|
+
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
|
|
9021
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
|
|
9022
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
|
|
9023
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
|
|
9024
|
+
--pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
|
|
9025
|
+
--pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
|
|
9026
|
+
--pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
|
|
9027
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
|
|
9028
|
+
--pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
|
|
9029
|
+
--pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
|
|
9030
|
+
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
|
|
9031
|
+
--pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
|
|
9032
|
+
--pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
|
|
9033
|
+
--pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
|
|
9034
|
+
--pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
|
|
9035
|
+
--pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
|
|
9036
|
+
--pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
|
|
9037
|
+
--pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
|
|
9038
|
+
--pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
|
|
9039
|
+
--pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
|
|
9040
|
+
--pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
|
|
9041
|
+
--pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
|
|
9042
|
+
--pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
|
|
9043
|
+
--pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
|
|
9044
|
+
--pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
|
|
9045
|
+
--pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
|
|
9046
|
+
--pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
|
|
9047
|
+
--pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
|
|
9048
|
+
--pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
|
|
9049
|
+
--pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
|
|
9050
|
+
--pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
|
|
9051
|
+
--pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
|
|
9052
|
+
--pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
|
|
9053
|
+
--pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
|
|
9054
|
+
--pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
|
|
9055
|
+
--pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
|
|
9056
|
+
--pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
|
|
9057
|
+
--pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
|
|
9058
|
+
--pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
|
|
9059
|
+
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
9060
|
+
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
9061
|
+
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
9062
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
|
|
9063
|
+
--pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
|
|
9064
|
+
--pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
|
|
9065
|
+
--pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
|
|
9066
|
+
--pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
|
|
9067
|
+
--pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
|
|
9068
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--300);
|
|
9069
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--200);
|
|
9070
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--300);
|
|
9071
|
+
--pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
|
|
9072
|
+
--pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
|
|
9073
|
+
--pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
|
|
9074
|
+
--pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
|
|
9075
|
+
--pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
|
|
9076
|
+
--pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
|
|
9077
|
+
--pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
|
|
9078
|
+
--pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
|
|
9079
|
+
--pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
|
|
9080
|
+
--pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
|
|
9081
|
+
--pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
|
|
9082
|
+
--pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
|
|
9083
|
+
--pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
|
|
9084
|
+
--pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
|
|
9085
|
+
--pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
|
|
9086
|
+
--pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
|
|
9087
|
+
--pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
|
|
9088
|
+
--pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
|
|
9089
|
+
--pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
|
|
9090
|
+
--pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
|
|
9091
|
+
--pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
|
|
9092
|
+
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
9093
|
+
--pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
9094
|
+
--pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
9095
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
|
|
9096
|
+
--pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
|
|
9097
|
+
--pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
|
|
9098
|
+
--pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
|
|
9099
|
+
--pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
|
|
9100
|
+
--pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
|
|
9101
|
+
--pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
|
|
9102
|
+
--pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
|
|
9103
|
+
--pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
|
|
9104
|
+
--pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
|
|
9105
|
+
--pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
|
|
9106
|
+
--pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
|
|
9107
|
+
--pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
9108
|
+
--pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
9109
|
+
--pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
9110
|
+
--pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
|
|
9111
|
+
--pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
|
|
9112
|
+
--pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
|
|
9113
|
+
--pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
|
|
9114
|
+
--pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
|
|
9115
|
+
--pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
|
|
9116
|
+
--pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
|
|
9117
|
+
--pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
|
|
9118
|
+
--pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
|
|
9119
|
+
--pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
|
|
9120
|
+
--pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300);
|
|
9121
|
+
--pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
9122
|
+
--pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
9123
|
+
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
9124
|
+
--pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
|
|
9125
|
+
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
9126
|
+
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
9127
|
+
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
9128
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
9129
|
+
--pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
|
|
9130
|
+
--pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
|
|
9131
|
+
--pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
|
|
9132
|
+
--pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
|
|
9133
|
+
--pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
|
|
9134
|
+
--pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
|
|
9135
|
+
}
|
|
9136
|
+
|
|
9137
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
|
|
9138
|
+
--pf-t--global--background--color--primary--default: var(--pf-t--color--black);
|
|
9139
|
+
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
9140
|
+
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
9141
|
+
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
|
|
9142
|
+
--pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
|
|
9143
|
+
--pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
|
|
9144
|
+
--pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
|
|
9145
|
+
--pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
|
|
9146
|
+
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
|
|
9147
|
+
--pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
|
|
9148
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9149
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9150
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9151
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
|
|
9152
|
+
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
|
|
9153
|
+
--pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
|
|
9154
|
+
--pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
|
|
9155
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300);
|
|
9156
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--350);
|
|
9157
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--300);
|
|
9158
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--350);
|
|
9159
|
+
--pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
|
|
9160
|
+
--pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
|
|
9161
|
+
--pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
|
|
9162
|
+
--pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
|
|
9163
|
+
--pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
|
|
9164
|
+
--pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
|
|
9165
|
+
--pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
|
|
9166
|
+
--pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
|
|
9167
|
+
--pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
|
|
9168
|
+
--pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
|
|
9169
|
+
--pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
|
|
9170
|
+
--pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
|
|
9171
|
+
--pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
|
|
9172
|
+
--pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
|
|
9173
|
+
--pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
|
|
9174
|
+
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
|
|
9175
|
+
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
9176
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
9177
|
+
--pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
|
|
9178
|
+
}
|
|
9179
|
+
|
|
9180
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-glass) {
|
|
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--color--brand--accent--400);
|
|
9184
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
|
|
9185
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
|
|
9186
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
|
|
9187
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
|
|
9188
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
|
|
9189
|
+
}
|
|
9190
|
+
|
|
9191
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-glass.pf-v6-theme-dark) {
|
|
9192
|
+
--pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
|
|
9193
|
+
--pf-t--global--background--opacity--glass--primary: 80%;
|
|
9194
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9195
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9196
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9197
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
|
|
9198
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
|
|
9199
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
|
|
9200
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
|
|
9201
|
+
}
|
|
9202
|
+
|
|
8805
9203
|
:is(.pf-v6-m-dir-rtl, [dir=rtl]) {
|
|
8806
9204
|
--pf-v6-global--inverse--multiplier: -1;
|
|
8807
9205
|
}
|
|
@@ -8825,31 +9223,6 @@ button) {
|
|
|
8825
9223
|
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
8826
9224
|
--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
8827
9225
|
--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
9226
|
}
|
|
8854
9227
|
@media screen and (min-width: 36rem) {
|
|
8855
9228
|
.pf-v6-c-about-modal-box {
|
|
@@ -8858,6 +9231,14 @@ button) {
|
|
|
8858
9231
|
--pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
|
|
8859
9232
|
}
|
|
8860
9233
|
}
|
|
9234
|
+
.pf-v6-c-about-modal-box {
|
|
9235
|
+
--pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
9236
|
+
--pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
9237
|
+
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
9238
|
+
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
9239
|
+
--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
9240
|
+
--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
9241
|
+
}
|
|
8861
9242
|
@media only screen and (min-width: 36rem) {
|
|
8862
9243
|
.pf-v6-c-about-modal-box {
|
|
8863
9244
|
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
|
|
@@ -8868,17 +9249,42 @@ button) {
|
|
|
8868
9249
|
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
|
|
8869
9250
|
}
|
|
8870
9251
|
}
|
|
9252
|
+
.pf-v6-c-about-modal-box {
|
|
9253
|
+
--pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
|
|
9254
|
+
--pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
|
|
9255
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
9256
|
+
--pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
9257
|
+
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
9258
|
+
--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
9259
|
+
--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
9260
|
+
}
|
|
8871
9261
|
@media only screen and (min-width: 36rem) {
|
|
8872
9262
|
.pf-v6-c-about-modal-box {
|
|
8873
9263
|
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
|
|
8874
9264
|
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
|
|
8875
9265
|
}
|
|
8876
9266
|
}
|
|
9267
|
+
.pf-v6-c-about-modal-box {
|
|
9268
|
+
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
9269
|
+
--pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
9270
|
+
--pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
|
|
9271
|
+
--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
9272
|
+
}
|
|
8877
9273
|
@media only screen and (min-width: 36rem) {
|
|
8878
9274
|
.pf-v6-c-about-modal-box {
|
|
8879
9275
|
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
|
|
8880
9276
|
}
|
|
8881
9277
|
}
|
|
9278
|
+
.pf-v6-c-about-modal-box {
|
|
9279
|
+
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
9280
|
+
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
9281
|
+
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
|
|
9282
|
+
--pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
9283
|
+
--pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
|
|
9284
|
+
--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
9285
|
+
--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
9286
|
+
--pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
|
|
9287
|
+
}
|
|
8882
9288
|
@media only screen and (min-width: 36rem) {
|
|
8883
9289
|
.pf-v6-c-about-modal-box {
|
|
8884
9290
|
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
|
|
@@ -8902,7 +9308,6 @@ button) {
|
|
|
8902
9308
|
background-repeat: no-repeat;
|
|
8903
9309
|
background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
|
|
8904
9310
|
background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
|
|
8905
|
-
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
8906
9311
|
}
|
|
8907
9312
|
@media only screen and (min-width: 36rem) {
|
|
8908
9313
|
.pf-v6-c-about-modal-box {
|
|
@@ -8918,6 +9323,9 @@ button) {
|
|
|
8918
9323
|
grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
|
|
8919
9324
|
}
|
|
8920
9325
|
}
|
|
9326
|
+
.pf-v6-c-about-modal-box {
|
|
9327
|
+
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
9328
|
+
}
|
|
8921
9329
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
|
|
8922
9330
|
--pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
|
|
8923
9331
|
}
|
|
@@ -9058,6 +9466,18 @@ button) {
|
|
|
9058
9466
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
|
|
9059
9467
|
--pf-v6-c-accordion__expandable-content--TranslateY: 0;
|
|
9060
9468
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
|
|
9469
|
+
}
|
|
9470
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
9471
|
+
.pf-v6-c-accordion {
|
|
9472
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9473
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9474
|
+
--pf-v6-c-accordion__item--before--TranslateY: -.5rem;
|
|
9475
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
9476
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
9477
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
|
9478
|
+
}
|
|
9479
|
+
}
|
|
9480
|
+
.pf-v6-c-accordion {
|
|
9061
9481
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
9062
9482
|
--pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
9063
9483
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -9083,16 +9503,6 @@ button) {
|
|
|
9083
9503
|
--pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9084
9504
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
9085
9505
|
}
|
|
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
9506
|
|
|
9097
9507
|
.pf-v6-c-accordion {
|
|
9098
9508
|
display: flex;
|
|
@@ -9203,13 +9613,14 @@ button) {
|
|
|
9203
9613
|
color: var(--pf-v6-c-accordion__toggle-text--Color);
|
|
9204
9614
|
}
|
|
9205
9615
|
|
|
9616
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
|
|
9617
|
+
scale: -1 1;
|
|
9618
|
+
}
|
|
9619
|
+
|
|
9206
9620
|
.pf-v6-c-accordion__toggle-icon {
|
|
9207
9621
|
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9208
9622
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
9209
9623
|
}
|
|
9210
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
|
|
9211
|
-
scale: -1 1;
|
|
9212
|
-
}
|
|
9213
9624
|
|
|
9214
9625
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
9215
9626
|
display: revert;
|
|
@@ -9254,6 +9665,7 @@ button) {
|
|
|
9254
9665
|
--pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
9255
9666
|
--pf-v6-c-action-list--m-vertical--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
|
|
9256
9667
|
--pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
9668
|
+
--pf-v6-c-action-list--m-vertical--m-icons--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
9257
9669
|
}
|
|
9258
9670
|
|
|
9259
9671
|
.pf-v6-c-action-list,
|
|
@@ -9268,6 +9680,7 @@ button) {
|
|
|
9268
9680
|
}
|
|
9269
9681
|
.pf-v6-c-action-list.pf-m-icons {
|
|
9270
9682
|
--pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
9683
|
+
--pf-v6-c-action-list--m-vertical--RowGap: var(--pf-v6-c-action-list--m-vertical--m-icons--RowGap);
|
|
9271
9684
|
column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
9272
9685
|
}
|
|
9273
9686
|
.pf-v6-c-action-list.pf-m-vertical, .pf-v6-c-action-list.pf-m-vertical .pf-v6-c-action-list__group {
|
|
@@ -9427,14 +9840,15 @@ button) {
|
|
|
9427
9840
|
margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
|
|
9428
9841
|
}
|
|
9429
9842
|
|
|
9843
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
|
|
9844
|
+
scale: -1 1;
|
|
9845
|
+
}
|
|
9846
|
+
|
|
9430
9847
|
.pf-v6-c-alert__toggle-icon {
|
|
9431
9848
|
display: inline-block;
|
|
9432
9849
|
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
9433
9850
|
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
9434
9851
|
}
|
|
9435
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
|
|
9436
|
-
scale: -1 1;
|
|
9437
|
-
}
|
|
9438
9852
|
|
|
9439
9853
|
.pf-v6-c-alert__icon {
|
|
9440
9854
|
grid-area: icon;
|
|
@@ -9451,9 +9865,9 @@ button) {
|
|
|
9451
9865
|
}
|
|
9452
9866
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
9453
9867
|
display: -webkit-box;
|
|
9868
|
+
overflow: hidden;
|
|
9454
9869
|
-webkit-box-orient: vertical;
|
|
9455
9870
|
-webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
|
|
9456
|
-
overflow: hidden;
|
|
9457
9871
|
}
|
|
9458
9872
|
|
|
9459
9873
|
.pf-v6-c-alert__description {
|
|
@@ -9690,7 +10104,6 @@ button) {
|
|
|
9690
10104
|
}
|
|
9691
10105
|
.pf-v6-c-avatar.pf-m-sm {
|
|
9692
10106
|
--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
10107
|
}
|
|
9695
10108
|
@media (min-width: 36rem) {
|
|
9696
10109
|
.pf-v6-c-avatar.pf-m-sm {
|
|
@@ -9717,6 +10130,9 @@ button) {
|
|
|
9717
10130
|
--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
10131
|
}
|
|
9719
10132
|
}
|
|
10133
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
10134
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
|
|
10135
|
+
}
|
|
9720
10136
|
@media (min-width: 36rem) {
|
|
9721
10137
|
.pf-v6-c-avatar.pf-m-sm {
|
|
9722
10138
|
--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 +10160,6 @@ button) {
|
|
|
9744
10160
|
}
|
|
9745
10161
|
.pf-v6-c-avatar.pf-m-md {
|
|
9746
10162
|
--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
10163
|
}
|
|
9749
10164
|
@media (min-width: 36rem) {
|
|
9750
10165
|
.pf-v6-c-avatar.pf-m-md {
|
|
@@ -9771,6 +10186,9 @@ button) {
|
|
|
9771
10186
|
--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
10187
|
}
|
|
9773
10188
|
}
|
|
10189
|
+
.pf-v6-c-avatar.pf-m-md {
|
|
10190
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
|
|
10191
|
+
}
|
|
9774
10192
|
@media (min-width: 36rem) {
|
|
9775
10193
|
.pf-v6-c-avatar.pf-m-md {
|
|
9776
10194
|
--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 +10216,6 @@ button) {
|
|
|
9798
10216
|
}
|
|
9799
10217
|
.pf-v6-c-avatar.pf-m-lg {
|
|
9800
10218
|
--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
10219
|
}
|
|
9803
10220
|
@media (min-width: 36rem) {
|
|
9804
10221
|
.pf-v6-c-avatar.pf-m-lg {
|
|
@@ -9825,6 +10242,9 @@ button) {
|
|
|
9825
10242
|
--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
10243
|
}
|
|
9827
10244
|
}
|
|
10245
|
+
.pf-v6-c-avatar.pf-m-lg {
|
|
10246
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
|
|
10247
|
+
}
|
|
9828
10248
|
@media (min-width: 36rem) {
|
|
9829
10249
|
.pf-v6-c-avatar.pf-m-lg {
|
|
9830
10250
|
--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 +10272,6 @@ button) {
|
|
|
9852
10272
|
}
|
|
9853
10273
|
.pf-v6-c-avatar.pf-m-xl {
|
|
9854
10274
|
--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
10275
|
}
|
|
9857
10276
|
@media (min-width: 36rem) {
|
|
9858
10277
|
.pf-v6-c-avatar.pf-m-xl {
|
|
@@ -9879,6 +10298,9 @@ button) {
|
|
|
9879
10298
|
--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
10299
|
}
|
|
9881
10300
|
}
|
|
10301
|
+
.pf-v6-c-avatar.pf-m-xl {
|
|
10302
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
|
|
10303
|
+
}
|
|
9882
10304
|
@media (min-width: 36rem) {
|
|
9883
10305
|
.pf-v6-c-avatar.pf-m-xl {
|
|
9884
10306
|
--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 +10358,12 @@ button) {
|
|
|
9936
10358
|
|
|
9937
10359
|
.pf-v6-c-background-image {
|
|
9938
10360
|
--pf-v6-c-background-image--BackgroundPosition: bottom right;
|
|
10361
|
+
}
|
|
10362
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
|
|
10363
|
+
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
10364
|
+
}
|
|
10365
|
+
|
|
10366
|
+
.pf-v6-c-background-image {
|
|
9939
10367
|
position: fixed;
|
|
9940
10368
|
inset-block-start: 0;
|
|
9941
10369
|
inset-inline-start: 0;
|
|
@@ -9948,9 +10376,6 @@ button) {
|
|
|
9948
10376
|
background-position: var(--pf-v6-c-background-image--BackgroundPosition);
|
|
9949
10377
|
background-size: var(--pf-v6-c-background-image--BackgroundSize);
|
|
9950
10378
|
}
|
|
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
10379
|
|
|
9955
10380
|
.pf-v6-c-back-to-top {
|
|
9956
10381
|
--pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
@@ -10068,6 +10493,14 @@ button) {
|
|
|
10068
10493
|
--pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
10069
10494
|
--pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10070
10495
|
--pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
10496
|
+
}
|
|
10497
|
+
@media (min-width: 48rem) {
|
|
10498
|
+
.pf-v6-c-banner {
|
|
10499
|
+
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
|
|
10500
|
+
--pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
|
|
10501
|
+
}
|
|
10502
|
+
}
|
|
10503
|
+
.pf-v6-c-banner {
|
|
10071
10504
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
10072
10505
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
10073
10506
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
@@ -10101,12 +10534,6 @@ button) {
|
|
|
10101
10534
|
--pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
10102
10535
|
--pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
10103
10536
|
}
|
|
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
10537
|
|
|
10111
10538
|
.pf-v6-c-banner {
|
|
10112
10539
|
flex-shrink: 0;
|
|
@@ -10209,7 +10636,6 @@ button) {
|
|
|
10209
10636
|
width: var(--pf-v6-c-brand--Width--base);
|
|
10210
10637
|
height: var(--pf-v6-c-brand--Height--base);
|
|
10211
10638
|
--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
10639
|
}
|
|
10214
10640
|
@media (min-width: 36rem) {
|
|
10215
10641
|
.pf-v6-c-brand {
|
|
@@ -10236,6 +10662,9 @@ button) {
|
|
|
10236
10662
|
--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
10663
|
}
|
|
10238
10664
|
}
|
|
10665
|
+
.pf-v6-c-brand {
|
|
10666
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
|
|
10667
|
+
}
|
|
10239
10668
|
@media (min-width: 36rem) {
|
|
10240
10669
|
.pf-v6-c-brand {
|
|
10241
10670
|
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
|
|
@@ -10316,15 +10745,16 @@ button) {
|
|
|
10316
10745
|
margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
|
|
10317
10746
|
}
|
|
10318
10747
|
|
|
10748
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
|
|
10749
|
+
scale: -1 1;
|
|
10750
|
+
}
|
|
10751
|
+
|
|
10319
10752
|
.pf-v6-c-breadcrumb__item-divider {
|
|
10320
10753
|
margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
|
|
10321
10754
|
font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
|
|
10322
10755
|
line-height: 1;
|
|
10323
10756
|
color: var(--pf-v6-c-breadcrumb__item-divider--Color);
|
|
10324
10757
|
}
|
|
10325
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
|
|
10326
|
-
scale: -1 1;
|
|
10327
|
-
}
|
|
10328
10758
|
|
|
10329
10759
|
.pf-v6-c-breadcrumb__link {
|
|
10330
10760
|
padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
|
|
@@ -10490,10 +10920,17 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10490
10920
|
--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
|
|
10491
10921
|
--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
|
|
10492
10922
|
--pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
|
|
10923
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
|
|
10493
10924
|
--pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
10494
10925
|
--pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
10926
|
+
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--default);
|
|
10927
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
|
|
10495
10928
|
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
10496
10929
|
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
10930
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
10931
|
+
--pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
|
|
10932
|
+
--pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
|
|
10933
|
+
--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
10934
|
--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
|
|
10498
10935
|
--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
10936
|
--pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -10503,10 +10940,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10503
10940
|
--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
10504
10941
|
--pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
|
|
10505
10942
|
--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
10943
|
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
10508
10944
|
--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
10945
|
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
10511
10946
|
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
10512
10947
|
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
@@ -10692,6 +11127,14 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10692
11127
|
--pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
|
|
10693
11128
|
--pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
|
|
10694
11129
|
--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
|
|
11130
|
+
--pf-v6-c-button--m-circle--ScaleX: 1.29;
|
|
11131
|
+
--pf-v6-c-button--m-circle--ScaleY: 1.29;
|
|
11132
|
+
--pf-v6-c-button--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
11133
|
+
--pf-v6-c-button--m-circle--Padding--base: var(--pf-t--global--spacer--control--vertical--default);
|
|
11134
|
+
--pf-v6-c-button--m-circle--PaddingBlockStart: var(--pf-v6-c-button--m-circle--Padding--base);
|
|
11135
|
+
--pf-v6-c-button--m-circle--PaddingInlineEnd: 0;
|
|
11136
|
+
--pf-v6-c-button--m-circle--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--Padding--base);
|
|
11137
|
+
--pf-v6-c-button--m-circle--PaddingInlineStart: 0;
|
|
10695
11138
|
}
|
|
10696
11139
|
|
|
10697
11140
|
.pf-v6-c-button {
|
|
@@ -10813,6 +11256,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10813
11256
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
|
|
10814
11257
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
|
|
10815
11258
|
}
|
|
11259
|
+
span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
11260
|
+
--pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
|
|
11261
|
+
--pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
|
|
11262
|
+
--pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
|
|
11263
|
+
}
|
|
11264
|
+
|
|
10816
11265
|
.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
10817
11266
|
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
|
|
10818
11267
|
--pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
|
|
@@ -10823,12 +11272,13 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10823
11272
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
|
|
10824
11273
|
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
|
|
10825
11274
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
|
|
11275
|
+
--pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-link--m-inline--TransitionDuration);
|
|
11276
|
+
--pf-v6-c-button--TransitionTimingFunction: var(--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction);
|
|
11277
|
+
--pf-v6-c-button--TransitionProperty: var(--pf-v6-c-button--m-link--m-inline--TransitionProperty);
|
|
10826
11278
|
--pf-v6-c-button--BackgroundColor: transparent;
|
|
10827
11279
|
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
|
|
10828
11280
|
--pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
|
|
10829
11281
|
--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
11282
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
10833
11283
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
|
10834
11284
|
--pf-v6-c-button--disabled--BackgroundColor: transparent;
|
|
@@ -10837,6 +11287,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10837
11287
|
--pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
|
|
10838
11288
|
--pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
|
|
10839
11289
|
--pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
|
|
11290
|
+
--pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
|
|
11291
|
+
--pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
|
|
10840
11292
|
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
|
10841
11293
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
|
10842
11294
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
|
@@ -10844,16 +11296,14 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10844
11296
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
10845
11297
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
10846
11298
|
text-align: start;
|
|
11299
|
+
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
10847
11300
|
white-space: normal;
|
|
10848
11301
|
background: transparent;
|
|
10849
11302
|
outline-offset: 0.125rem;
|
|
10850
11303
|
}
|
|
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);
|
|
11304
|
+
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
11305
|
+
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
10855
11306
|
}
|
|
10856
|
-
|
|
10857
11307
|
.pf-v6-c-button.pf-m-link.pf-m-danger {
|
|
10858
11308
|
--pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
|
|
10859
11309
|
--pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
|
|
@@ -11059,6 +11509,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11059
11509
|
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
11060
11510
|
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
11061
11511
|
}
|
|
11512
|
+
.pf-v6-c-button.pf-m-circle {
|
|
11513
|
+
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
|
|
11514
|
+
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-circle--PaddingBlockStart);
|
|
11515
|
+
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-circle--PaddingInlineEnd);
|
|
11516
|
+
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--PaddingBlockEnd);
|
|
11517
|
+
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-circle--PaddingInlineStart);
|
|
11518
|
+
}
|
|
11519
|
+
.pf-v6-c-button.pf-m-circle .pf-v6-c-button__icon {
|
|
11520
|
+
scale: var(--pf-v6-c-button--m-circle--ScaleX) var(--pf-v6-c-button--m-circle--ScaleY);
|
|
11521
|
+
}
|
|
11062
11522
|
.pf-v6-c-button:hover, .pf-v6-c-button:focus {
|
|
11063
11523
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
|
|
11064
11524
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
|
@@ -11313,13 +11773,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11313
11773
|
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
11314
11774
|
}
|
|
11315
11775
|
|
|
11776
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
11777
|
+
scale: -1 1;
|
|
11778
|
+
}
|
|
11779
|
+
|
|
11316
11780
|
.pf-v6-c-calendar-month__header-nav-control {
|
|
11317
11781
|
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
11318
11782
|
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
11319
11783
|
}
|
|
11320
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
11321
|
-
scale: -1 1;
|
|
11322
|
-
}
|
|
11323
11784
|
|
|
11324
11785
|
.pf-v6-c-calendar-month__header-month {
|
|
11325
11786
|
flex-grow: 1;
|
|
@@ -11596,6 +12057,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11596
12057
|
.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
12058
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor);
|
|
11598
12059
|
}
|
|
12060
|
+
.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) {
|
|
12061
|
+
--pf-v6-c-card__actions--PaddingInlineStart: 0;
|
|
12062
|
+
--pf-v6-c-card__actions--MarginBlockStart: 0;
|
|
12063
|
+
--pf-v6-c-card__actions--MarginBlockEnd: 0;
|
|
12064
|
+
}
|
|
12065
|
+
|
|
11599
12066
|
.pf-v6-c-card.pf-m-compact {
|
|
11600
12067
|
--pf-v6-c-card__title-text--FontSize: var(--pf-v6-c-card--m-compact__title-text--FontSize);
|
|
11601
12068
|
--pf-v6-c-card__body--FontSize: var(--pf-v6-c-card--m-compact__body--FontSize);
|
|
@@ -11663,12 +12130,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11663
12130
|
flex-wrap: wrap;
|
|
11664
12131
|
row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
|
|
11665
12132
|
}
|
|
11666
|
-
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
11667
|
-
margin-inline-start: 0;
|
|
11668
|
-
}
|
|
11669
12133
|
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
|
|
11670
12134
|
margin-inline-end: auto;
|
|
11671
12135
|
}
|
|
12136
|
+
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
12137
|
+
margin-inline-start: 0;
|
|
12138
|
+
}
|
|
11672
12139
|
|
|
11673
12140
|
.pf-v6-c-card__header-main {
|
|
11674
12141
|
flex-grow: 1;
|
|
@@ -11682,15 +12149,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11682
12149
|
margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
|
|
11683
12150
|
}
|
|
11684
12151
|
|
|
12152
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
|
|
12153
|
+
scale: -1 1;
|
|
12154
|
+
}
|
|
12155
|
+
|
|
11685
12156
|
.pf-v6-c-card__header-toggle-icon {
|
|
11686
12157
|
display: inline-block;
|
|
11687
12158
|
transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
|
|
11688
12159
|
transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
|
|
11689
12160
|
transition-property: transform;
|
|
11690
12161
|
}
|
|
11691
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
|
|
11692
|
-
scale: -1 1;
|
|
11693
|
-
}
|
|
11694
12162
|
|
|
11695
12163
|
.pf-v6-c-card__title-text {
|
|
11696
12164
|
font-family: var(--pf-v6-c-card__title-text--FontFamily);
|
|
@@ -11701,6 +12169,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11701
12169
|
overflow-wrap: var(--pf-v6-c-card__title-text--OverflowWrap);
|
|
11702
12170
|
}
|
|
11703
12171
|
|
|
12172
|
+
.pf-v6-c-card__subtitle {
|
|
12173
|
+
padding-block-start: var(--pf-t--global--spacer--sm);
|
|
12174
|
+
font-size: var(--pf-t--global--font--size--body--sm);
|
|
12175
|
+
color: var(--pf-t--global--text--color--subtle);
|
|
12176
|
+
}
|
|
12177
|
+
|
|
11704
12178
|
.pf-v6-c-card__actions {
|
|
11705
12179
|
display: flex;
|
|
11706
12180
|
gap: var(--pf-v6-c-card__actions--Gap);
|
|
@@ -11950,13 +12424,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
11950
12424
|
gap: var(--pf-v6-c-clipboard-copy__group--Gap);
|
|
11951
12425
|
}
|
|
11952
12426
|
|
|
11953
|
-
.pf-v6-c-clipboard-copy__toggle-icon {
|
|
11954
|
-
transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
|
|
11955
|
-
}
|
|
11956
12427
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
|
|
11957
12428
|
scale: -1 1;
|
|
11958
12429
|
}
|
|
11959
12430
|
|
|
12431
|
+
.pf-v6-c-clipboard-copy__toggle-icon {
|
|
12432
|
+
transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
|
|
12433
|
+
}
|
|
12434
|
+
|
|
11960
12435
|
.pf-v6-c-clipboard-copy__expandable-content {
|
|
11961
12436
|
padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
|
|
11962
12437
|
padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
|
|
@@ -12127,8 +12602,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12127
12602
|
|
|
12128
12603
|
.pf-v6-c-code-editor__container {
|
|
12129
12604
|
display: flex;
|
|
12130
|
-
flex-direction: column;
|
|
12131
12605
|
flex-grow: 1;
|
|
12606
|
+
flex-direction: column;
|
|
12132
12607
|
}
|
|
12133
12608
|
|
|
12134
12609
|
.pf-v6-c-code-editor__header {
|
|
@@ -12270,6 +12745,326 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12270
12745
|
margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart);
|
|
12271
12746
|
}
|
|
12272
12747
|
|
|
12748
|
+
.pf-v6-c-compass {
|
|
12749
|
+
--pf-v6-c-compass--BackgroundImage: var(--pf-v6-c-compass--BackgroundImage--light);
|
|
12750
|
+
--pf-v6-c-compass--BackgroundImage--light: none;
|
|
12751
|
+
--pf-v6-c-compass--BackgroundImage--dark: none;
|
|
12752
|
+
--pf-v6-c-compass--Padding: var(--pf-t--global--spacer--inset--page-chrome);
|
|
12753
|
+
--pf-v6-c-compass--Gap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
12754
|
+
--pf-v6-c-compass__nav--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
12755
|
+
--pf-v6-c-compass__nav--PaddingBlockStart: 0;
|
|
12756
|
+
--pf-v6-c-compass__nav--PaddingBlockEnd: 0;
|
|
12757
|
+
--pf-v6-c-compass__nav--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
12758
|
+
--pf-v6-c-compass__nav--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
12759
|
+
--pf-v6-c-compass__nav-main--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
12760
|
+
--pf-v6-c-compass__nav-main--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
12761
|
+
--pf-v6-c-compass__sidebar--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
12762
|
+
--pf-v6-c-compass__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
12763
|
+
--pf-v6-c-compass__sidebar--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
12764
|
+
--pf-v6-c-compass__sidebar--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
12765
|
+
--pf-v6-c-compass__main--RowGap: var(--pf-t--global--spacer--md);
|
|
12766
|
+
--pf-v6-c-compass__main-header-content--RowGap: var(--pf-t--global--spacer--sm);
|
|
12767
|
+
--pf-v6-c-compass__main-header-content--ColumnGap: var(--pf-t--global--spacer--md);
|
|
12768
|
+
--pf-v6-c-compass__main-footer--MarginBlockStart: calc(var(--pf-v6-c-compass__main--RowGap) * -1 + var(--pf-v6-c-compass--Gap));
|
|
12769
|
+
--pf-v6-c-compass__panel--m-pill--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
12770
|
+
--pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
12771
|
+
--pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
12772
|
+
--pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
12773
|
+
--pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
12774
|
+
--pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
|
|
12775
|
+
--pf-v6-c-compass__panel--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
12776
|
+
--pf-v6-c-compass__panel--BorderColor: var(--pf-t--global--border--color--alt);
|
|
12777
|
+
--pf-v6-c-compass__panel--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
12778
|
+
--pf-v6-c-compass__panel--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
12779
|
+
--pf-v6-c-compass__panel--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
12780
|
+
--pf-v6-c-compass__message-bar--Width: 450px;
|
|
12781
|
+
--pf-v6-c-compass__message-bar--MinWidth: 300px;
|
|
12782
|
+
--pf-v6-c-compass__message-bar--MaxWidth: 600px;
|
|
12783
|
+
--pf-v6-c-compass--section--slide--length--header: 100%;
|
|
12784
|
+
--pf-v6-c-compass--section--slide--length--sidebar: 100%;
|
|
12785
|
+
--pf-v6-c-compass--section--slide--length--main-footer: 100%;
|
|
12786
|
+
--pf-v6-c-compass--section--slide--length--footer: 100%;
|
|
12787
|
+
--pf-v6-c-compass--section--duration: var(--pf-t--global--motion--duration--fade--short);
|
|
12788
|
+
--pf-v6-c-compass--section--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
12789
|
+
--pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s, 0s, 0s;
|
|
12790
|
+
--pf-v6-c-compass--section--TransitionProperty: opacity, visibility, translate, height, width, margin;
|
|
12791
|
+
--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);
|
|
12792
|
+
--pf-v6-c-compass--section--m-expanded--duration: var(--pf-t--global--motion--duration--fade--default);
|
|
12793
|
+
--pf-v6-c-compass--section--m-expanded--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--duration), 0s, 0s, 0s, 0s, 0s;
|
|
12794
|
+
--pf-v6-c-compass--section--m-expanded--TransitionDelay: 0s;
|
|
12795
|
+
}
|
|
12796
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
12797
|
+
.pf-v6-c-compass {
|
|
12798
|
+
--pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s;
|
|
12799
|
+
--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);
|
|
12800
|
+
--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;
|
|
12801
|
+
}
|
|
12802
|
+
.pf-v6-c-compass.pf-m-animate-smoothly {
|
|
12803
|
+
--pf-v6-c-compass--section--TransitionProperty: opacity, visibility, translate, height, width, margin;
|
|
12804
|
+
--pf-v6-c-compass--section--slide--length--header: 10rem;
|
|
12805
|
+
--pf-v6-c-compass--section--slide--length--sidebar: var(--pf-t--global--spacer--4xl);
|
|
12806
|
+
--pf-v6-c-compass--section--slide--length--main-footer: 6rem;
|
|
12807
|
+
--pf-v6-c-compass--section--slide--length--footer: 6rem;
|
|
12808
|
+
--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);
|
|
12809
|
+
--pf-v6-c-compass--section--TransitionDelay: 0s, var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s;
|
|
12810
|
+
--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);
|
|
12811
|
+
}
|
|
12812
|
+
}
|
|
12813
|
+
|
|
12814
|
+
.pf-v6-c-compass {
|
|
12815
|
+
interpolate-size: allow-keywords;
|
|
12816
|
+
display: grid;
|
|
12817
|
+
grid-template-areas: "header header header" "sidebar-start main sidebar-end";
|
|
12818
|
+
grid-template-rows: auto 1fr;
|
|
12819
|
+
grid-template-columns: auto 1fr auto;
|
|
12820
|
+
grid-auto-rows: auto;
|
|
12821
|
+
align-items: center;
|
|
12822
|
+
justify-content: center;
|
|
12823
|
+
height: 100dvh;
|
|
12824
|
+
padding: var(--pf-v6-c-compass--Padding);
|
|
12825
|
+
overflow: hidden;
|
|
12826
|
+
background-image: var(--pf-v6-c-compass--BackgroundImage);
|
|
12827
|
+
background-size: cover;
|
|
12828
|
+
}
|
|
12829
|
+
.pf-v6-c-compass.pf-m-dock {
|
|
12830
|
+
grid-template-areas: "dock main";
|
|
12831
|
+
grid-template-rows: auto;
|
|
12832
|
+
grid-template-columns: auto 1fr;
|
|
12833
|
+
align-items: stretch;
|
|
12834
|
+
padding: 0;
|
|
12835
|
+
}
|
|
12836
|
+
.pf-v6-c-compass.pf-m-dock .pf-v6-c-compass__main {
|
|
12837
|
+
padding: var(--pf-v6-c-compass--Padding);
|
|
12838
|
+
}
|
|
12839
|
+
:root:where(.pf-v6-theme-dark) .pf-v6-c-compass {
|
|
12840
|
+
--pf-v6-c-compass--BackgroundImage: var(--pf-v6-c-compass--BackgroundImage--dark);
|
|
12841
|
+
}
|
|
12842
|
+
.pf-v6-c-compass__panel.pf-m-no-glass, .pf-v6-c-compass.pf-m-no-glass {
|
|
12843
|
+
--pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
12844
|
+
}
|
|
12845
|
+
|
|
12846
|
+
.pf-v6-c-compass__header,
|
|
12847
|
+
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
|
|
12848
|
+
.pf-v6-c-compass__main-footer,
|
|
12849
|
+
.pf-v6-c-compass__footer {
|
|
12850
|
+
margin: 0;
|
|
12851
|
+
visibility: hidden;
|
|
12852
|
+
opacity: 0;
|
|
12853
|
+
transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
|
|
12854
|
+
transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
|
|
12855
|
+
transition-duration: var(--pf-v6-c-compass--section--TransitionDuration);
|
|
12856
|
+
transition-property: var(--pf-v6-c-compass--section--TransitionProperty);
|
|
12857
|
+
}
|
|
12858
|
+
.pf-v6-c-compass__header.pf-m-expanded,
|
|
12859
|
+
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end).pf-m-expanded,
|
|
12860
|
+
.pf-v6-c-compass__main-footer.pf-m-expanded,
|
|
12861
|
+
.pf-v6-c-compass__footer.pf-m-expanded {
|
|
12862
|
+
--pf-v6-c-compass--section--TransitionDelay: var(--pf-v6-c-compass--section--m-expanded--TransitionDelay);
|
|
12863
|
+
--pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--TransitionDuration);
|
|
12864
|
+
visibility: visible;
|
|
12865
|
+
opacity: 1;
|
|
12866
|
+
translate: 0;
|
|
12867
|
+
}
|
|
12868
|
+
|
|
12869
|
+
.pf-v6-c-compass__header,
|
|
12870
|
+
.pf-v6-c-compass__main-footer,
|
|
12871
|
+
.pf-v6-c-compass__footer {
|
|
12872
|
+
height: 0;
|
|
12873
|
+
}
|
|
12874
|
+
.pf-v6-c-compass__header.pf-m-expanded,
|
|
12875
|
+
.pf-v6-c-compass__main-footer.pf-m-expanded,
|
|
12876
|
+
.pf-v6-c-compass__footer.pf-m-expanded {
|
|
12877
|
+
height: auto;
|
|
12878
|
+
}
|
|
12879
|
+
|
|
12880
|
+
.pf-v6-c-compass__header {
|
|
12881
|
+
display: grid;
|
|
12882
|
+
grid-area: header;
|
|
12883
|
+
grid-template-columns: 1fr auto 1fr;
|
|
12884
|
+
align-items: start;
|
|
12885
|
+
translate: 0 calc(var(--pf-v6-c-compass--section--slide--length--header) * -1);
|
|
12886
|
+
}
|
|
12887
|
+
.pf-v6-c-compass__header.pf-m-expanded {
|
|
12888
|
+
margin-block-end: var(--pf-v6-c-compass--Gap);
|
|
12889
|
+
}
|
|
12890
|
+
|
|
12891
|
+
.pf-v6-c-compass__profile {
|
|
12892
|
+
justify-self: end;
|
|
12893
|
+
}
|
|
12894
|
+
.pf-v6-c-compass__profile .pf-v6-c-menu-toggle.pf-m-plain {
|
|
12895
|
+
margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
|
|
12896
|
+
}
|
|
12897
|
+
|
|
12898
|
+
.pf-v6-c-compass__nav {
|
|
12899
|
+
--pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-v6-c-compass__nav--PaddingBlockStart);
|
|
12900
|
+
--pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-v6-c-compass__nav--PaddingBlockEnd);
|
|
12901
|
+
--pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-v6-c-compass__nav--PaddingInlineStart);
|
|
12902
|
+
--pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-v6-c-compass__nav--PaddingInlineEnd);
|
|
12903
|
+
display: flex;
|
|
12904
|
+
flex-direction: column;
|
|
12905
|
+
gap: var(--pf-v6-c-compass__nav--RowGap);
|
|
12906
|
+
align-items: center;
|
|
12907
|
+
justify-self: stretch;
|
|
12908
|
+
}
|
|
12909
|
+
|
|
12910
|
+
.pf-v6-c-compass__nav-content {
|
|
12911
|
+
display: flex;
|
|
12912
|
+
align-items: center;
|
|
12913
|
+
}
|
|
12914
|
+
|
|
12915
|
+
.pf-v6-c-compass__nav-main {
|
|
12916
|
+
padding-inline-start: var(--pf-v6-c-compass__nav-main--PaddingInlineStart);
|
|
12917
|
+
padding-inline-end: var(--pf-v6-c-compass__nav-main--PaddingInlineEnd);
|
|
12918
|
+
}
|
|
12919
|
+
|
|
12920
|
+
.pf-v6-c-compass__sidebar {
|
|
12921
|
+
--pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-v6-c-compass__sidebar--PaddingBlockStart);
|
|
12922
|
+
--pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-v6-c-compass__sidebar--PaddingBlockEnd);
|
|
12923
|
+
--pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-v6-c-compass__sidebar--PaddingInlineStart);
|
|
12924
|
+
--pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-v6-c-compass__sidebar--PaddingInlineEnd);
|
|
12925
|
+
display: flex;
|
|
12926
|
+
width: 0;
|
|
12927
|
+
}
|
|
12928
|
+
.pf-v6-c-compass__sidebar.pf-m-expanded {
|
|
12929
|
+
width: auto;
|
|
12930
|
+
}
|
|
12931
|
+
.pf-v6-c-compass__sidebar.pf-m-start {
|
|
12932
|
+
translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
|
|
12933
|
+
}
|
|
12934
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-start {
|
|
12935
|
+
translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
|
|
12936
|
+
}
|
|
12937
|
+
|
|
12938
|
+
.pf-v6-c-compass__sidebar.pf-m-start {
|
|
12939
|
+
grid-area: sidebar-start;
|
|
12940
|
+
}
|
|
12941
|
+
.pf-v6-c-compass__sidebar.pf-m-start.pf-m-expanded {
|
|
12942
|
+
margin-inline-end: var(--pf-v6-c-compass--Gap);
|
|
12943
|
+
}
|
|
12944
|
+
.pf-v6-c-compass__sidebar.pf-m-end {
|
|
12945
|
+
translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
|
|
12946
|
+
}
|
|
12947
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-end {
|
|
12948
|
+
translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
|
|
12949
|
+
}
|
|
12950
|
+
|
|
12951
|
+
.pf-v6-c-compass__sidebar.pf-m-end {
|
|
12952
|
+
grid-area: sidebar-end;
|
|
12953
|
+
}
|
|
12954
|
+
.pf-v6-c-compass__sidebar.pf-m-end.pf-m-expanded {
|
|
12955
|
+
margin-inline-start: var(--pf-v6-c-compass--Gap);
|
|
12956
|
+
}
|
|
12957
|
+
|
|
12958
|
+
.pf-v6-c-compass__main {
|
|
12959
|
+
display: flex;
|
|
12960
|
+
flex-direction: column;
|
|
12961
|
+
grid-area: main;
|
|
12962
|
+
gap: var(--pf-v6-c-compass__main--RowGap);
|
|
12963
|
+
align-self: stretch;
|
|
12964
|
+
min-height: 0;
|
|
12965
|
+
}
|
|
12966
|
+
|
|
12967
|
+
.pf-v6-c-compass__main-header-content {
|
|
12968
|
+
display: flex;
|
|
12969
|
+
gap: var(--pf-v6-c-compass__main-header-content--RowGap) var(--pf-v6-c-compass__main-header-content--ColumnGap);
|
|
12970
|
+
}
|
|
12971
|
+
|
|
12972
|
+
.pf-v6-c-compass__main-header-title {
|
|
12973
|
+
flex-grow: 1;
|
|
12974
|
+
}
|
|
12975
|
+
|
|
12976
|
+
.pf-v6-c-compass__content {
|
|
12977
|
+
display: flex;
|
|
12978
|
+
flex: 1 0 0;
|
|
12979
|
+
flex-direction: column;
|
|
12980
|
+
min-height: 0;
|
|
12981
|
+
overflow: auto;
|
|
12982
|
+
}
|
|
12983
|
+
.pf-v6-c-compass__content > *:last-child {
|
|
12984
|
+
flex-grow: 1;
|
|
12985
|
+
max-height: 100%;
|
|
12986
|
+
}
|
|
12987
|
+
|
|
12988
|
+
.pf-v6-c-compass__main-footer {
|
|
12989
|
+
display: flex;
|
|
12990
|
+
justify-content: center;
|
|
12991
|
+
min-height: 0;
|
|
12992
|
+
translate: 0 var(--pf-v6-c-compass--section--slide--length--main-footer);
|
|
12993
|
+
}
|
|
12994
|
+
.pf-v6-c-compass__main-footer.pf-m-expanded {
|
|
12995
|
+
margin-block-start: var(--pf-v6-c-compass__main-footer--MarginBlockStart);
|
|
12996
|
+
}
|
|
12997
|
+
|
|
12998
|
+
.pf-v6-c-compass__footer {
|
|
12999
|
+
display: flex;
|
|
13000
|
+
grid-column: 1/-1;
|
|
13001
|
+
justify-content: center;
|
|
13002
|
+
translate: 0 var(--pf-v6-c-compass--section--slide--length--main-footer);
|
|
13003
|
+
}
|
|
13004
|
+
.pf-v6-c-compass__footer.pf-m-expanded {
|
|
13005
|
+
margin-block-start: var(--pf-v6-c-compass--Gap);
|
|
13006
|
+
}
|
|
13007
|
+
|
|
13008
|
+
.pf-v6-c-compass__message-bar {
|
|
13009
|
+
width: var(--pf-v6-c-compass__message-bar--Width);
|
|
13010
|
+
min-width: var(--pf-v6-c-compass__message-bar--MinWidth);
|
|
13011
|
+
max-width: var(--pf-v6-c-compass__message-bar--MaxWidth);
|
|
13012
|
+
}
|
|
13013
|
+
|
|
13014
|
+
.pf-v6-c-compass__panel {
|
|
13015
|
+
padding-block-start: var(--pf-v6-c-compass__panel--PaddingBlockStart);
|
|
13016
|
+
padding-block-end: var(--pf-v6-c-compass__panel--PaddingBlockEnd);
|
|
13017
|
+
padding-inline-start: var(--pf-v6-c-compass__panel--PaddingInlineStart);
|
|
13018
|
+
padding-inline-end: var(--pf-v6-c-compass__panel--PaddingInlineEnd);
|
|
13019
|
+
background-color: var(--pf-v6-c-compass__panel--BackgroundColor);
|
|
13020
|
+
backdrop-filter: var(--pf-v6-c-compass__panel--BackdropFilter);
|
|
13021
|
+
border: var(--pf-v6-c-compass__panel--BorderWidth) solid var(--pf-v6-c-compass__panel--BorderColor);
|
|
13022
|
+
border-radius: var(--pf-v6-c-compass__panel--BorderRadius);
|
|
13023
|
+
box-shadow: var(--pf-v6-c-compass__panel--BoxShadow);
|
|
13024
|
+
}
|
|
13025
|
+
.pf-v6-c-compass__panel.pf-m-no-border {
|
|
13026
|
+
border-width: 0;
|
|
13027
|
+
}
|
|
13028
|
+
.pf-v6-c-compass__panel.pf-m-no-padding {
|
|
13029
|
+
padding: 0;
|
|
13030
|
+
}
|
|
13031
|
+
.pf-v6-c-compass__panel.pf-m-full-height {
|
|
13032
|
+
height: 100%;
|
|
13033
|
+
}
|
|
13034
|
+
.pf-v6-c-compass__panel.pf-m-pill {
|
|
13035
|
+
border-radius: var(--pf-v6-c-compass__panel--m-pill--BorderRadius);
|
|
13036
|
+
}
|
|
13037
|
+
.pf-v6-c-compass__panel.pf-m-scrollable {
|
|
13038
|
+
overflow: auto;
|
|
13039
|
+
}
|
|
13040
|
+
|
|
13041
|
+
/* stylelint-disable */
|
|
13042
|
+
@media (max-width: 1200px) {
|
|
13043
|
+
.pf-v6-c-compass * {
|
|
13044
|
+
display: none;
|
|
13045
|
+
}
|
|
13046
|
+
.pf-v6-c-compass {
|
|
13047
|
+
position: relative;
|
|
13048
|
+
display: grid;
|
|
13049
|
+
grid-template-columns: auto;
|
|
13050
|
+
grid-template-rows: auto;
|
|
13051
|
+
place-content: center;
|
|
13052
|
+
gap: 0;
|
|
13053
|
+
}
|
|
13054
|
+
.pf-v6-c-compass::after {
|
|
13055
|
+
padding: 1em;
|
|
13056
|
+
border-radius: var(--pf-t--global--border--radius--large);
|
|
13057
|
+
background: var(--pf-t--global--background--color--primary--default);
|
|
13058
|
+
content: "This page is optimized for wide screens.\a\aPlease view on a larger display and/or make your browser window wider.";
|
|
13059
|
+
width: 80%;
|
|
13060
|
+
width: 300px;
|
|
13061
|
+
border: 1px solid var(--pf-t--global--border--color--default);
|
|
13062
|
+
box-shadow: var(--pf-t--global--box-shadow--md);
|
|
13063
|
+
white-space: pre-wrap;
|
|
13064
|
+
text-align: center;
|
|
13065
|
+
}
|
|
13066
|
+
}
|
|
13067
|
+
/* stylelint-enable */
|
|
12273
13068
|
:root {
|
|
12274
13069
|
--pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
12275
13070
|
--pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
@@ -12964,7 +13759,16 @@ ul) {
|
|
|
12964
13759
|
--pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
12965
13760
|
--pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
12966
13761
|
--pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
12967
|
-
|
|
13762
|
+
}
|
|
13763
|
+
@media screen and (min-width: 36rem) {
|
|
13764
|
+
.pf-v6-c-data-list {
|
|
13765
|
+
--pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
|
|
13766
|
+
--pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
|
|
13767
|
+
}
|
|
13768
|
+
}
|
|
13769
|
+
.pf-v6-c-data-list {
|
|
13770
|
+
--pf-v6-c-data-list__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
13771
|
+
--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
|
|
12968
13772
|
--pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
12969
13773
|
--pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
12970
13774
|
--pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
@@ -12972,6 +13776,14 @@ ul) {
|
|
|
12972
13776
|
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
|
|
12973
13777
|
--pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
12974
13778
|
--pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
13779
|
+
}
|
|
13780
|
+
@media screen and (min-width: 36rem) {
|
|
13781
|
+
.pf-v6-c-data-list {
|
|
13782
|
+
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
|
|
13783
|
+
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
|
|
13784
|
+
}
|
|
13785
|
+
}
|
|
13786
|
+
.pf-v6-c-data-list {
|
|
12975
13787
|
--pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
12976
13788
|
--pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
12977
13789
|
--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -13067,18 +13879,6 @@ ul) {
|
|
|
13067
13879
|
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
13068
13880
|
--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
13069
13881
|
}
|
|
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
13882
|
|
|
13083
13883
|
.pf-v6-c-data-list {
|
|
13084
13884
|
font-size: var(--pf-v6-c-data-list--FontSize);
|
|
@@ -13119,6 +13919,9 @@ ul) {
|
|
|
13119
13919
|
.pf-v6-c-data-list.pf-m-drag-over {
|
|
13120
13920
|
overflow-anchor: none;
|
|
13121
13921
|
}
|
|
13922
|
+
.pf-v6-c-data-list.pf-m-plain {
|
|
13923
|
+
--pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
|
|
13924
|
+
}
|
|
13122
13925
|
|
|
13123
13926
|
.pf-v6-c-data-list.pf-m-truncate,
|
|
13124
13927
|
.pf-v6-c-data-list__item-row.pf-m-truncate,
|
|
@@ -13238,12 +14041,6 @@ ul) {
|
|
|
13238
14041
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
13239
14042
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
13240
14043
|
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
14044
|
}
|
|
13248
14045
|
.pf-v6-c-data-list__item-action.pf-m-hidden {
|
|
13249
14046
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -13288,6 +14085,14 @@ ul) {
|
|
|
13288
14085
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
13289
14086
|
}
|
|
13290
14087
|
}
|
|
14088
|
+
.pf-v6-c-data-list__item-action {
|
|
14089
|
+
gap: var(--pf-v6-c-data-list__item-action--Gap);
|
|
14090
|
+
align-content: flex-start;
|
|
14091
|
+
align-items: flex-start;
|
|
14092
|
+
padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
|
|
14093
|
+
padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
|
|
14094
|
+
margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
|
|
14095
|
+
}
|
|
13291
14096
|
|
|
13292
14097
|
.pf-v6-c-data-list__toggle {
|
|
13293
14098
|
margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
|
|
@@ -13295,15 +14100,16 @@ ul) {
|
|
|
13295
14100
|
margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginInlineStart);
|
|
13296
14101
|
}
|
|
13297
14102
|
|
|
14103
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
|
|
14104
|
+
scale: -1 1;
|
|
14105
|
+
}
|
|
14106
|
+
|
|
13298
14107
|
.pf-v6-c-data-list__toggle-icon {
|
|
13299
14108
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
13300
14109
|
pointer-events: none;
|
|
13301
14110
|
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
13302
14111
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
13303
14112
|
}
|
|
13304
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
|
|
13305
|
-
scale: -1 1;
|
|
13306
|
-
}
|
|
13307
14113
|
|
|
13308
14114
|
.pf-v6-c-data-list__item-content {
|
|
13309
14115
|
display: grid;
|
|
@@ -13398,6 +14204,13 @@ ul) {
|
|
|
13398
14204
|
--pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
13399
14205
|
--pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13400
14206
|
--pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
14207
|
+
}
|
|
14208
|
+
@media screen and (min-width: 36rem) {
|
|
14209
|
+
.pf-v6-c-description-list {
|
|
14210
|
+
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
|
14211
|
+
}
|
|
14212
|
+
}
|
|
14213
|
+
.pf-v6-c-description-list {
|
|
13401
14214
|
--pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
|
|
13402
14215
|
--pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
13403
14216
|
--pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
@@ -13426,11 +14239,6 @@ ul) {
|
|
|
13426
14239
|
--pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
|
|
13427
14240
|
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
13428
14241
|
}
|
|
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
14242
|
@media (min-width: 36rem) {
|
|
13435
14243
|
.pf-v6-c-description-list {
|
|
13436
14244
|
--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 +14620,15 @@ ul) {
|
|
|
13812
14620
|
--pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
|
|
13813
14621
|
--pf-v6-c-dual-list-selector__list--TranslateY: 0;
|
|
13814
14622
|
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
|
14623
|
+
}
|
|
14624
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14625
|
+
.pf-v6-c-dual-list-selector {
|
|
14626
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
14627
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
14628
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
|
|
14629
|
+
}
|
|
14630
|
+
}
|
|
14631
|
+
.pf-v6-c-dual-list-selector {
|
|
13815
14632
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
13816
14633
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
13817
14634
|
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
@@ -13853,13 +14670,6 @@ ul) {
|
|
|
13853
14670
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
13854
14671
|
--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
13855
14672
|
}
|
|
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
14673
|
|
|
13864
14674
|
.pf-v6-c-dual-list-selector {
|
|
13865
14675
|
display: grid;
|
|
@@ -13930,8 +14740,6 @@ ul) {
|
|
|
13930
14740
|
|
|
13931
14741
|
.pf-v6-c-dual-list-selector__list {
|
|
13932
14742
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
13933
|
-
display: flex;
|
|
13934
|
-
flex-direction: column;
|
|
13935
14743
|
}
|
|
13936
14744
|
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list {
|
|
13937
14745
|
--pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart: 0;
|
|
@@ -13939,16 +14747,22 @@ ul) {
|
|
|
13939
14747
|
}
|
|
13940
14748
|
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
|
|
13941
14749
|
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
14750
|
}
|
|
13945
14751
|
: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
14752
|
transform: translateX(calc(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
13947
14753
|
}
|
|
13948
14754
|
|
|
14755
|
+
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
|
|
14756
|
+
position: absolute;
|
|
14757
|
+
inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
|
|
14758
|
+
}
|
|
13949
14759
|
.pf-v6-c-dual-list-selector__list.pf-m-drag-over {
|
|
13950
14760
|
overflow-anchor: none;
|
|
13951
14761
|
}
|
|
14762
|
+
.pf-v6-c-dual-list-selector__list {
|
|
14763
|
+
display: flex;
|
|
14764
|
+
flex-direction: column;
|
|
14765
|
+
}
|
|
13952
14766
|
|
|
13953
14767
|
.pf-v6-c-dual-list-selector__list-item:focus-visible {
|
|
13954
14768
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
|
@@ -14233,11 +15047,6 @@ ul) {
|
|
|
14233
15047
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
14234
15048
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
14235
15049
|
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
15050
|
}
|
|
14242
15051
|
.pf-v6-c-divider.pf-m-hidden {
|
|
14243
15052
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -14282,6 +15091,13 @@ ul) {
|
|
|
14282
15091
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
14283
15092
|
}
|
|
14284
15093
|
}
|
|
15094
|
+
.pf-v6-c-divider {
|
|
15095
|
+
flex-shrink: 0;
|
|
15096
|
+
align-items: stretch;
|
|
15097
|
+
align-self: stretch;
|
|
15098
|
+
justify-content: center;
|
|
15099
|
+
border: 0;
|
|
15100
|
+
}
|
|
14285
15101
|
.pf-v6-c-divider::before {
|
|
14286
15102
|
flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
|
|
14287
15103
|
content: "";
|
|
@@ -14526,6 +15342,7 @@ ul) {
|
|
|
14526
15342
|
}
|
|
14527
15343
|
|
|
14528
15344
|
.pf-v6-c-drawer {
|
|
15345
|
+
--pf-v6-c-drawer--m-pill--m-inline__main--Gap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
14529
15346
|
--pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
14530
15347
|
--pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
14531
15348
|
--pf-v6-c-drawer__content--FlexBasis: 100%;
|
|
@@ -14556,6 +15373,7 @@ ul) {
|
|
|
14556
15373
|
--pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
|
|
14557
15374
|
--pf-v6-c-drawer__panel--Opacity: 0;
|
|
14558
15375
|
--pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
|
|
15376
|
+
--pf-v6-c-drawer--m-expanded__panel--inset: 0px;
|
|
14559
15377
|
--pf-v6-c-drawer__panel--FlexBasis: 100%;
|
|
14560
15378
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
|
|
14561
15379
|
--pf-v6-c-drawer__panel--md--FlexBasis: 50%;
|
|
@@ -14571,6 +15389,29 @@ ul) {
|
|
|
14571
15389
|
--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column;
|
|
14572
15390
|
--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem;
|
|
14573
15391
|
--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem;
|
|
15392
|
+
--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth: var(--pf-t--global--border--width--regular);
|
|
15393
|
+
--pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
|
|
15394
|
+
--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
|
|
15395
|
+
--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
|
|
15396
|
+
--pf-v6-c-drawer--m-pill__panel--BorderColor: var(--pf-t--global--border--color--default);
|
|
15397
|
+
--pf-v6-c-drawer--m-pill__panel--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
15398
|
+
--pf-v6-c-drawer--m-pill--m-expanded__panel--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
15399
|
+
--pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
|
|
15400
|
+
--pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
15401
|
+
--pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
|
|
15402
|
+
}
|
|
15403
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
15404
|
+
.pf-v6-c-drawer {
|
|
15405
|
+
--pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
|
|
15406
|
+
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
|
|
15407
|
+
--pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
15408
|
+
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
15409
|
+
--pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
|
|
15410
|
+
--pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
|
|
15411
|
+
--pf-v6-c-drawer__panel--Opacity: 1;
|
|
15412
|
+
}
|
|
15413
|
+
}
|
|
15414
|
+
.pf-v6-c-drawer {
|
|
14574
15415
|
--pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
14575
15416
|
--pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
14576
15417
|
--pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -14633,6 +15474,17 @@ ul) {
|
|
|
14633
15474
|
--pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
|
|
14634
15475
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
|
|
14635
15476
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
|
|
15477
|
+
}
|
|
15478
|
+
@media screen and (min-width: 75rem) {
|
|
15479
|
+
.pf-v6-c-drawer {
|
|
15480
|
+
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
|
15481
|
+
}
|
|
15482
|
+
.pf-v6-c-drawer.pf-m-panel-bottom {
|
|
15483
|
+
--pf-v6-c-drawer__panel--MinWidth: auto;
|
|
15484
|
+
--pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
|
|
15485
|
+
}
|
|
15486
|
+
}
|
|
15487
|
+
.pf-v6-c-drawer {
|
|
14636
15488
|
--pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
|
|
14637
15489
|
--pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
|
|
14638
15490
|
--pf-v6-c-drawer__panel--BoxShadow: none;
|
|
@@ -14647,46 +15499,32 @@ ul) {
|
|
|
14647
15499
|
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
|
|
14648
15500
|
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
|
|
14649
15501
|
}
|
|
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
15502
|
|
|
14671
15503
|
.pf-v6-c-drawer {
|
|
14672
15504
|
--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
15505
|
}
|
|
14679
15506
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
|
14680
15507
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
14681
15508
|
}
|
|
14682
15509
|
|
|
15510
|
+
.pf-v6-c-drawer {
|
|
15511
|
+
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
15512
|
+
}
|
|
14683
15513
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
|
14684
15514
|
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
|
|
14685
15515
|
}
|
|
14686
15516
|
|
|
15517
|
+
.pf-v6-c-drawer {
|
|
15518
|
+
display: flex;
|
|
15519
|
+
flex-direction: column;
|
|
15520
|
+
height: 100%;
|
|
15521
|
+
overflow-x: hidden;
|
|
15522
|
+
}
|
|
14687
15523
|
.pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
|
|
14688
15524
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
|
|
14689
15525
|
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
15526
|
+
--pf-v6-c-drawer--m-pill__main--Gap: var(--pf-v6-c-drawer--m-pill--m-inline__main--Gap);
|
|
15527
|
+
--pf-v6-c-drawer--m-pill--m-expanded__panel--inset: 0px;
|
|
14690
15528
|
}
|
|
14691
15529
|
.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
15530
|
padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
|
|
@@ -14710,19 +15548,21 @@ ul) {
|
|
|
14710
15548
|
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
|
|
14711
15549
|
}
|
|
14712
15550
|
.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;
|
|
15551
|
+
transform: translateX(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
14716
15552
|
}
|
|
14717
15553
|
: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)));
|
|
15554
|
+
transform: translateX(calc(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)) * var(--pf-v6-global--inverse--multiplier)));
|
|
14719
15555
|
}
|
|
14720
15556
|
|
|
15557
|
+
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15558
|
+
--pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
|
|
15559
|
+
visibility: visible;
|
|
15560
|
+
}
|
|
14721
15561
|
.pf-v6-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
14722
15562
|
transform: translateX(0);
|
|
14723
15563
|
}
|
|
14724
15564
|
.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%);
|
|
15565
|
+
transform: translate(0, calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
14726
15566
|
}
|
|
14727
15567
|
.pf-v6-c-drawer.pf-m-resizing {
|
|
14728
15568
|
--pf-v6-c-drawer__panel--TransitionProperty: none;
|
|
@@ -14731,6 +15571,26 @@ ul) {
|
|
|
14731
15571
|
.pf-v6-c-drawer.pf-m-resizing .pf-v6-c-drawer__splitter {
|
|
14732
15572
|
pointer-events: auto;
|
|
14733
15573
|
}
|
|
15574
|
+
@media screen and (min-width: 48rem) {
|
|
15575
|
+
.pf-v6-c-drawer.pf-m-pill {
|
|
15576
|
+
--pf-v6-c-drawer__main--Gap: var(--pf-v6-c-drawer--m-pill__main--Gap, revert);
|
|
15577
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-pill__panel--BorderColor);
|
|
15578
|
+
--pf-v6-c-drawer__panel--BorderRadius: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
|
|
15579
|
+
--pf-v6-c-drawer--m-expanded__panel--inset: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
|
|
15580
|
+
--pf-v6-c-drawer__panel--MarginBlock: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
|
|
15581
|
+
}
|
|
15582
|
+
.pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15583
|
+
border-block-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth);
|
|
15584
|
+
border-block-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth);
|
|
15585
|
+
border-inline-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth);
|
|
15586
|
+
border-inline-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth);
|
|
15587
|
+
}
|
|
15588
|
+
.pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-glass) {
|
|
15589
|
+
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
|
|
15590
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
|
|
15591
|
+
backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
|
|
15592
|
+
}
|
|
15593
|
+
}
|
|
14734
15594
|
|
|
14735
15595
|
.pf-v6-c-drawer__section {
|
|
14736
15596
|
flex-grow: 0;
|
|
@@ -14746,6 +15606,7 @@ ul) {
|
|
|
14746
15606
|
.pf-v6-c-drawer__main {
|
|
14747
15607
|
display: flex;
|
|
14748
15608
|
flex: 1;
|
|
15609
|
+
gap: var(--pf-v6-c-drawer__main--Gap, 0);
|
|
14749
15610
|
overflow: hidden;
|
|
14750
15611
|
}
|
|
14751
15612
|
|
|
@@ -14753,8 +15614,8 @@ ul) {
|
|
|
14753
15614
|
.pf-v6-c-drawer__panel,
|
|
14754
15615
|
.pf-v6-c-drawer__panel-main {
|
|
14755
15616
|
display: flex;
|
|
14756
|
-
flex-direction: column;
|
|
14757
15617
|
flex-shrink: 0;
|
|
15618
|
+
flex-direction: column;
|
|
14758
15619
|
overflow: auto;
|
|
14759
15620
|
}
|
|
14760
15621
|
|
|
@@ -14784,6 +15645,8 @@ ul) {
|
|
|
14784
15645
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
14785
15646
|
order: 1;
|
|
14786
15647
|
max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
|
|
15648
|
+
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
15649
|
+
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
14787
15650
|
overflow: auto;
|
|
14788
15651
|
visibility: hidden;
|
|
14789
15652
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
@@ -14792,6 +15655,7 @@ ul) {
|
|
|
14792
15655
|
border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
|
|
14793
15656
|
border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
|
|
14794
15657
|
border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
|
|
15658
|
+
border-radius: var(--pf-v6-c-drawer__panel--BorderRadius, revert);
|
|
14795
15659
|
box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
|
|
14796
15660
|
opacity: var(--pf-v6-c-drawer__panel--Opacity);
|
|
14797
15661
|
transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
|
|
@@ -14979,7 +15843,7 @@ ul) {
|
|
|
14979
15843
|
padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
|
|
14980
15844
|
}
|
|
14981
15845
|
.pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
14982
|
-
transform: translateX(
|
|
15846
|
+
transform: translateX(var(--pf-v6-c-drawer--m-expanded__panel--inset));
|
|
14983
15847
|
}
|
|
14984
15848
|
.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
15849
|
--pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
|
|
@@ -14991,6 +15855,8 @@ ul) {
|
|
|
14991
15855
|
--pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
|
|
14992
15856
|
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
14993
15857
|
--pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
|
|
15858
|
+
--pf-v6-c-drawer__panel--MarginBlock: initial;
|
|
15859
|
+
--pf-v6-c-drawer__panel--MarginInline: var(--pf-v6-c-drawer--m-expanded__panel--inset);
|
|
14994
15860
|
min-width: auto;
|
|
14995
15861
|
min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
|
|
14996
15862
|
}
|
|
@@ -15038,82 +15904,86 @@ ul) {
|
|
|
15038
15904
|
}
|
|
15039
15905
|
@media (min-width: 48rem) {
|
|
15040
15906
|
.pf-v6-c-drawer__panel.pf-m-width-25 {
|
|
15041
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 25
|
|
15907
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15042
15908
|
}
|
|
15043
15909
|
.pf-v6-c-drawer__panel.pf-m-width-33 {
|
|
15044
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 33
|
|
15910
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15045
15911
|
}
|
|
15046
15912
|
.pf-v6-c-drawer__panel.pf-m-width-50 {
|
|
15047
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 50
|
|
15913
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15048
15914
|
}
|
|
15049
15915
|
.pf-v6-c-drawer__panel.pf-m-width-66 {
|
|
15050
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 66
|
|
15916
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15051
15917
|
}
|
|
15052
15918
|
.pf-v6-c-drawer__panel.pf-m-width-75 {
|
|
15053
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 75
|
|
15919
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15054
15920
|
}
|
|
15055
15921
|
.pf-v6-c-drawer__panel.pf-m-width-100 {
|
|
15056
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 100
|
|
15922
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15923
|
+
--pf-v6-c-drawer__main--Gap: 0;
|
|
15057
15924
|
}
|
|
15058
15925
|
}
|
|
15059
15926
|
@media (min-width: 62rem) {
|
|
15060
15927
|
.pf-v6-c-drawer__panel.pf-m-width-25-on-lg {
|
|
15061
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 25
|
|
15928
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15062
15929
|
}
|
|
15063
15930
|
.pf-v6-c-drawer__panel.pf-m-width-33-on-lg {
|
|
15064
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 33
|
|
15931
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15065
15932
|
}
|
|
15066
15933
|
.pf-v6-c-drawer__panel.pf-m-width-50-on-lg {
|
|
15067
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 50
|
|
15934
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15068
15935
|
}
|
|
15069
15936
|
.pf-v6-c-drawer__panel.pf-m-width-66-on-lg {
|
|
15070
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 66
|
|
15937
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15071
15938
|
}
|
|
15072
15939
|
.pf-v6-c-drawer__panel.pf-m-width-75-on-lg {
|
|
15073
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 75
|
|
15940
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15074
15941
|
}
|
|
15075
15942
|
.pf-v6-c-drawer__panel.pf-m-width-100-on-lg {
|
|
15076
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 100
|
|
15943
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15944
|
+
--pf-v6-c-drawer__main--Gap: 0;
|
|
15077
15945
|
}
|
|
15078
15946
|
}
|
|
15079
15947
|
@media (min-width: 75rem) {
|
|
15080
15948
|
.pf-v6-c-drawer__panel.pf-m-width-25-on-xl {
|
|
15081
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 25
|
|
15949
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15082
15950
|
}
|
|
15083
15951
|
.pf-v6-c-drawer__panel.pf-m-width-33-on-xl {
|
|
15084
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 33
|
|
15952
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15085
15953
|
}
|
|
15086
15954
|
.pf-v6-c-drawer__panel.pf-m-width-50-on-xl {
|
|
15087
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 50
|
|
15955
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15088
15956
|
}
|
|
15089
15957
|
.pf-v6-c-drawer__panel.pf-m-width-66-on-xl {
|
|
15090
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 66
|
|
15958
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15091
15959
|
}
|
|
15092
15960
|
.pf-v6-c-drawer__panel.pf-m-width-75-on-xl {
|
|
15093
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 75
|
|
15961
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15094
15962
|
}
|
|
15095
15963
|
.pf-v6-c-drawer__panel.pf-m-width-100-on-xl {
|
|
15096
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 100
|
|
15964
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15965
|
+
--pf-v6-c-drawer__main--Gap: 0;
|
|
15097
15966
|
}
|
|
15098
15967
|
}
|
|
15099
15968
|
@media (min-width: 90.625rem) {
|
|
15100
15969
|
.pf-v6-c-drawer__panel.pf-m-width-25-on-2xl {
|
|
15101
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 25
|
|
15970
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15102
15971
|
}
|
|
15103
15972
|
.pf-v6-c-drawer__panel.pf-m-width-33-on-2xl {
|
|
15104
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 33
|
|
15973
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15105
15974
|
}
|
|
15106
15975
|
.pf-v6-c-drawer__panel.pf-m-width-50-on-2xl {
|
|
15107
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 50
|
|
15976
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15108
15977
|
}
|
|
15109
15978
|
.pf-v6-c-drawer__panel.pf-m-width-66-on-2xl {
|
|
15110
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 66
|
|
15979
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15111
15980
|
}
|
|
15112
15981
|
.pf-v6-c-drawer__panel.pf-m-width-75-on-2xl {
|
|
15113
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 75
|
|
15982
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15114
15983
|
}
|
|
15115
15984
|
.pf-v6-c-drawer__panel.pf-m-width-100-on-2xl {
|
|
15116
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 100
|
|
15985
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15986
|
+
--pf-v6-c-drawer__main--Gap: 0;
|
|
15117
15987
|
}
|
|
15118
15988
|
}
|
|
15119
15989
|
@media (min-width: 48rem) {
|
|
@@ -15545,10 +16415,24 @@ ul) {
|
|
|
15545
16415
|
--pf-v6-c-expandable-section__content--Opacity: 0;
|
|
15546
16416
|
--pf-v6-c-expandable-section__content--TranslateY: 0;
|
|
15547
16417
|
--pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
|
|
16418
|
+
--pf-v6-c-expandable-section__content--MaxHeight: 0px;
|
|
16419
|
+
--pf-v6-c-expandable-section__content--Visibility: hidden;
|
|
16420
|
+
--pf-v6-c-expandable-section__content--Opacity: 0;
|
|
15548
16421
|
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
|
|
15549
16422
|
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
|
|
15550
16423
|
--pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
|
|
15551
16424
|
--pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
|
|
16425
|
+
}
|
|
16426
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
16427
|
+
.pf-v6-c-expandable-section {
|
|
16428
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
16429
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
16430
|
+
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
|
16431
|
+
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
|
|
16432
|
+
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
|
|
16433
|
+
}
|
|
16434
|
+
}
|
|
16435
|
+
.pf-v6-c-expandable-section {
|
|
15552
16436
|
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
|
15553
16437
|
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
15554
16438
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -15565,15 +16449,6 @@ ul) {
|
|
|
15565
16449
|
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
15566
16450
|
--pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
|
|
15567
16451
|
}
|
|
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
16452
|
|
|
15578
16453
|
.pf-v6-c-expandable-section {
|
|
15579
16454
|
display: flex;
|
|
@@ -15632,9 +16507,13 @@ ul) {
|
|
|
15632
16507
|
}
|
|
15633
16508
|
.pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
|
|
15634
16509
|
display: -webkit-box;
|
|
16510
|
+
overflow: hidden;
|
|
15635
16511
|
-webkit-box-orient: vertical;
|
|
15636
16512
|
-webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
|
|
15637
|
-
|
|
16513
|
+
}
|
|
16514
|
+
|
|
16515
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
16516
|
+
scale: -1 1;
|
|
15638
16517
|
}
|
|
15639
16518
|
|
|
15640
16519
|
.pf-v6-c-expandable-section__toggle-icon {
|
|
@@ -15644,10 +16523,6 @@ ul) {
|
|
|
15644
16523
|
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
15645
16524
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
15646
16525
|
}
|
|
15647
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
15648
|
-
scale: -1 1;
|
|
15649
|
-
}
|
|
15650
|
-
|
|
15651
16526
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
15652
16527
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
15653
16528
|
}
|
|
@@ -16230,8 +17105,8 @@ ul) {
|
|
|
16230
17105
|
|
|
16231
17106
|
.pf-v6-c-form__field-group-header-main {
|
|
16232
17107
|
display: flex;
|
|
16233
|
-
flex-direction: column;
|
|
16234
17108
|
flex-grow: 1;
|
|
17109
|
+
flex-direction: column;
|
|
16235
17110
|
}
|
|
16236
17111
|
|
|
16237
17112
|
.pf-v6-c-form__field-group-header-title {
|
|
@@ -16472,8 +17347,8 @@ ul) {
|
|
|
16472
17347
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
|
|
16473
17348
|
}
|
|
16474
17349
|
.pf-v6-c-form-control.pf-m-textarea > textarea {
|
|
16475
|
-
outline-offset: 0;
|
|
16476
17350
|
scrollbar-gutter: stable;
|
|
17351
|
+
outline-offset: 0;
|
|
16477
17352
|
}
|
|
16478
17353
|
.pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
|
|
16479
17354
|
padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
|
|
@@ -16653,81 +17528,6 @@ ul) {
|
|
|
16653
17528
|
pointer-events: none;
|
|
16654
17529
|
}
|
|
16655
17530
|
|
|
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
17531
|
.pf-v6-c-helper-text {
|
|
16732
17532
|
--pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
|
|
16733
17533
|
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
@@ -16813,6 +17613,156 @@ ul) {
|
|
|
16813
17613
|
color: var(--pf-v6-c-helper-text__item-text--Color);
|
|
16814
17614
|
}
|
|
16815
17615
|
|
|
17616
|
+
.pf-v6-c-hero {
|
|
17617
|
+
--pf-v6-c-hero--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
17618
|
+
--pf-v6-c-hero--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
17619
|
+
--pf-v6-c-hero--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
17620
|
+
--pf-v6-c-hero--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
17621
|
+
--pf-v6-c-hero--gradient--angle: 109deg;
|
|
17622
|
+
--pf-v6-c-hero--gradient--stop-1--light: transparent;
|
|
17623
|
+
--pf-v6-c-hero--gradient--stop-2--light: transparent;
|
|
17624
|
+
--pf-v6-c-hero--gradient--stop-3--light: transparent;
|
|
17625
|
+
--pf-v6-c-hero--gradient--stop-1--dark: transparent;
|
|
17626
|
+
--pf-v6-c-hero--gradient--stop-2--dark: transparent;
|
|
17627
|
+
--pf-v6-c-hero--gradient--stop-3--dark: transparent;
|
|
17628
|
+
--pf-v6-c-hero--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
|
|
17629
|
+
--pf-v6-c-hero--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
17630
|
+
--pf-v6-c-hero--BackgroundImage--light: none;
|
|
17631
|
+
--pf-v6-c-hero--BackgroundImage--dark: none;
|
|
17632
|
+
--pf-v6-c-hero--BackgroundRepeat: no-repeat;
|
|
17633
|
+
--pf-v6-c-hero--BackgroundPosition: right center;
|
|
17634
|
+
--pf-v6-c-hero--BackgroundSize: contain;
|
|
17635
|
+
--pf-v6-c-hero--BorderStyle: solid;
|
|
17636
|
+
--pf-v6-c-hero--BorderBlockStartWidth: var(--pf-t--global--border--width--regular);
|
|
17637
|
+
--pf-v6-c-hero--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
|
|
17638
|
+
--pf-v6-c-hero--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
|
|
17639
|
+
--pf-v6-c-hero--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
|
|
17640
|
+
--pf-v6-c-hero--BorderColor: var(--pf-t--global--border--color--default);
|
|
17641
|
+
--pf-v6-c-hero--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
|
|
17642
|
+
--pf-v6-c-hero--m-glass--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
17643
|
+
--pf-v6-c-hero--BorderStartStartRadius: 24px;
|
|
17644
|
+
--pf-v6-c-hero--BorderStartEndRadius: 72px;
|
|
17645
|
+
--pf-v6-c-hero--BorderEndEndRadius: 24px;
|
|
17646
|
+
--pf-v6-c-hero--BorderEndStartRadius: 72px;
|
|
17647
|
+
--pf-v6-c-hero__body--Width: 800px;
|
|
17648
|
+
--pf-v6-c-hero__body--MaxWidth: 80%;
|
|
17649
|
+
}
|
|
17650
|
+
|
|
17651
|
+
.pf-v6-c-hero {
|
|
17652
|
+
display: flex;
|
|
17653
|
+
padding-block-start: var(--pf-v6-c-hero--PaddingBlockStart);
|
|
17654
|
+
padding-block-end: var(--pf-v6-c-hero--PaddingBlockEnd);
|
|
17655
|
+
padding-inline-start: var(--pf-v6-c-hero--PaddingInlineStart);
|
|
17656
|
+
padding-inline-end: var(--pf-v6-c-hero--PaddingInlineEnd);
|
|
17657
|
+
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%);
|
|
17658
|
+
background-repeat: var(--pf-v6-c-hero--BackgroundRepeat);
|
|
17659
|
+
background-position: var(--pf-v6-c-hero--BackgroundPosition);
|
|
17660
|
+
background-size: var(--pf-v6-c-hero--BackgroundSize);
|
|
17661
|
+
border-color: var(--pf-v6-c-hero--BorderColor);
|
|
17662
|
+
border-style: var(--pf-v6-c-hero--BorderStyle);
|
|
17663
|
+
border-block-start-width: var(--pf-v6-c-hero--BorderBlockStartWidth);
|
|
17664
|
+
border-block-end-width: var(--pf-v6-c-hero--BorderBlockEndWidth);
|
|
17665
|
+
border-inline-start-width: var(--pf-v6-c-hero--BorderInlineStartWidth);
|
|
17666
|
+
border-inline-end-width: var(--pf-v6-c-hero--BorderInlineEndWidth);
|
|
17667
|
+
border-start-start-radius: var(--pf-v6-c-hero--BorderStartStartRadius);
|
|
17668
|
+
border-start-end-radius: var(--pf-v6-c-hero--BorderStartEndRadius);
|
|
17669
|
+
border-end-start-radius: var(--pf-v6-c-hero--BorderEndStartRadius);
|
|
17670
|
+
border-end-end-radius: var(--pf-v6-c-hero--BorderEndEndRadius);
|
|
17671
|
+
}
|
|
17672
|
+
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
17673
|
+
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
17674
|
+
--pf-v6-c-hero--gradient--stop-1: var(--pf-v6-c-hero--gradient--stop-1--dark);
|
|
17675
|
+
--pf-v6-c-hero--gradient--stop-2: var(--pf-v6-c-hero--gradient--stop-2--dark);
|
|
17676
|
+
--pf-v6-c-hero--gradient--stop-3: var(--pf-v6-c-hero--gradient--stop-3--dark);
|
|
17677
|
+
}
|
|
17678
|
+
:root:where(.pf-v6-theme-glass) .pf-v6-c-hero {
|
|
17679
|
+
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
17680
|
+
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
17681
|
+
}
|
|
17682
|
+
.pf-v6-c-hero:not(.pf-m-no-glass) {
|
|
17683
|
+
background-color: var(--pf-v6-c-hero--BackgroundColor);
|
|
17684
|
+
backdrop-filter: var(--pf-v6-c-hero--BackdropFilter);
|
|
17685
|
+
}
|
|
17686
|
+
|
|
17687
|
+
.pf-v6-c-hero__body {
|
|
17688
|
+
width: min(var(--pf-v6-c-hero__body--Width), var(--pf-v6-c-hero__body--MaxWidth));
|
|
17689
|
+
}
|
|
17690
|
+
|
|
17691
|
+
.pf-v6-c-hint {
|
|
17692
|
+
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
|
17693
|
+
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
17694
|
+
--pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
17695
|
+
--pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
17696
|
+
--pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
17697
|
+
--pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
17698
|
+
--pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
17699
|
+
--pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
17700
|
+
--pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
17701
|
+
--pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
|
|
17702
|
+
--pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
17703
|
+
--pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
17704
|
+
--pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
17705
|
+
--pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
17706
|
+
--pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
17707
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
17708
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
17709
|
+
}
|
|
17710
|
+
|
|
17711
|
+
.pf-v6-c-hint {
|
|
17712
|
+
display: grid;
|
|
17713
|
+
grid-template-columns: 1fr auto;
|
|
17714
|
+
grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
17715
|
+
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
17716
|
+
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
17717
|
+
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
17718
|
+
padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
|
|
17719
|
+
color: var(--pf-v6-c-hint--Color);
|
|
17720
|
+
background-color: var(--pf-v6-c-hint--BackgroundColor);
|
|
17721
|
+
border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
|
|
17722
|
+
border-radius: var(--pf-v6-c-hint--BorderRadius);
|
|
17723
|
+
}
|
|
17724
|
+
.pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
17725
|
+
text-align: start;
|
|
17726
|
+
white-space: normal;
|
|
17727
|
+
}
|
|
17728
|
+
|
|
17729
|
+
.pf-v6-c-hint__actions {
|
|
17730
|
+
display: inline-grid;
|
|
17731
|
+
grid-row: 1;
|
|
17732
|
+
grid-column: 2;
|
|
17733
|
+
grid-auto-flow: column;
|
|
17734
|
+
align-self: start;
|
|
17735
|
+
margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
|
|
17736
|
+
margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
|
|
17737
|
+
margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
|
|
17738
|
+
text-align: end;
|
|
17739
|
+
}
|
|
17740
|
+
.pf-v6-c-hint__actions.pf-m-no-offset {
|
|
17741
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
|
|
17742
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
|
|
17743
|
+
}
|
|
17744
|
+
.pf-v6-c-hint__actions + .pf-v6-c-hint__body {
|
|
17745
|
+
grid-column: 1;
|
|
17746
|
+
}
|
|
17747
|
+
|
|
17748
|
+
.pf-v6-c-hint__title {
|
|
17749
|
+
align-self: center;
|
|
17750
|
+
font-weight: var(--pf-v6-c-hint__title--FontWeight);
|
|
17751
|
+
}
|
|
17752
|
+
|
|
17753
|
+
.pf-v6-c-hint__body {
|
|
17754
|
+
grid-column: 1/-1;
|
|
17755
|
+
font-size: var(--pf-v6-c-hint__body--FontSize);
|
|
17756
|
+
}
|
|
17757
|
+
|
|
17758
|
+
.pf-v6-c-hint__footer {
|
|
17759
|
+
grid-column: 1/-1;
|
|
17760
|
+
margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
|
|
17761
|
+
}
|
|
17762
|
+
.pf-v6-c-hint__footer > :not(:last-child) {
|
|
17763
|
+
margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
|
|
17764
|
+
}
|
|
17765
|
+
|
|
16816
17766
|
.pf-v6-c-icon {
|
|
16817
17767
|
--pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
|
|
16818
17768
|
--pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
|
|
@@ -17541,6 +18491,10 @@ label.pf-v6-c-input-group__text {
|
|
|
17541
18491
|
margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
|
|
17542
18492
|
}
|
|
17543
18493
|
|
|
18494
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
18495
|
+
scale: -1 1;
|
|
18496
|
+
}
|
|
18497
|
+
|
|
17544
18498
|
.pf-v6-c-jump-links__toggle-icon {
|
|
17545
18499
|
display: inline-block;
|
|
17546
18500
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
@@ -17549,9 +18503,6 @@ label.pf-v6-c-input-group__text {
|
|
|
17549
18503
|
transition-property: transform;
|
|
17550
18504
|
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
17551
18505
|
}
|
|
17552
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
17553
|
-
scale: -1 1;
|
|
17554
|
-
}
|
|
17555
18506
|
|
|
17556
18507
|
.pf-v6-c-label {
|
|
17557
18508
|
--pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -18048,6 +18999,10 @@ input.pf-v6-c-label__content {
|
|
|
18048
18999
|
.pf-v6-c-label__actions {
|
|
18049
19000
|
margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
|
|
18050
19001
|
}
|
|
19002
|
+
.pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
|
|
19003
|
+
--pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
|
|
19004
|
+
}
|
|
19005
|
+
|
|
18051
19006
|
.pf-v6-c-label__actions .pf-v6-c-button {
|
|
18052
19007
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
|
|
18053
19008
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
|
|
@@ -18058,9 +19013,6 @@ input.pf-v6-c-label__content {
|
|
|
18058
19013
|
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
|
18059
19014
|
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
18060
19015
|
}
|
|
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
19016
|
|
|
18065
19017
|
.pf-v6-c-label-group {
|
|
18066
19018
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -18201,9 +19153,9 @@ input.pf-v6-c-label__content {
|
|
|
18201
19153
|
padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
|
|
18202
19154
|
white-space: nowrap;
|
|
18203
19155
|
resize: none;
|
|
18204
|
-
border: 0;
|
|
18205
|
-
-ms-overflow-style: none;
|
|
18206
19156
|
scrollbar-width: none;
|
|
19157
|
+
-ms-overflow-style: none;
|
|
19158
|
+
border: 0;
|
|
18207
19159
|
}
|
|
18208
19160
|
.pf-v6-c-label-group__textarea::-webkit-scrollbar {
|
|
18209
19161
|
display: none;
|
|
@@ -18289,18 +19241,48 @@ ul.pf-v6-c-list {
|
|
|
18289
19241
|
--pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
|
|
18290
19242
|
--pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
|
|
18291
19243
|
--pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
|
|
19244
|
+
}
|
|
19245
|
+
@media (min-width: 75rem) {
|
|
19246
|
+
.pf-v6-c-login {
|
|
19247
|
+
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
19248
|
+
}
|
|
19249
|
+
}
|
|
19250
|
+
.pf-v6-c-login {
|
|
18292
19251
|
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
18293
19252
|
--pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18294
19253
|
--pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
19254
|
+
}
|
|
19255
|
+
@media (min-width: 36rem) {
|
|
19256
|
+
.pf-v6-c-login {
|
|
19257
|
+
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
19258
|
+
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
19259
|
+
}
|
|
19260
|
+
}
|
|
19261
|
+
.pf-v6-c-login {
|
|
18295
19262
|
--pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
18296
19263
|
--pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
|
|
18297
19264
|
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
18298
19265
|
--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
19266
|
+
}
|
|
19267
|
+
@media (min-width: 75rem) {
|
|
19268
|
+
.pf-v6-c-login {
|
|
19269
|
+
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
19270
|
+
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
19271
|
+
}
|
|
19272
|
+
}
|
|
19273
|
+
.pf-v6-c-login {
|
|
18299
19274
|
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
18300
19275
|
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
18301
19276
|
--pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
18302
19277
|
--pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
18303
19278
|
--pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
19279
|
+
}
|
|
19280
|
+
@media (min-width: 75rem) {
|
|
19281
|
+
.pf-v6-c-login {
|
|
19282
|
+
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
19283
|
+
}
|
|
19284
|
+
}
|
|
19285
|
+
.pf-v6-c-login {
|
|
18304
19286
|
--pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
18305
19287
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
18306
19288
|
--pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -18312,11 +19294,28 @@ ul.pf-v6-c-list {
|
|
|
18312
19294
|
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18313
19295
|
--pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
|
|
18314
19296
|
--pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
|
|
19297
|
+
}
|
|
19298
|
+
@media (min-width: 48rem) {
|
|
19299
|
+
.pf-v6-c-login {
|
|
19300
|
+
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
19301
|
+
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
19302
|
+
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
|
|
19303
|
+
}
|
|
19304
|
+
}
|
|
19305
|
+
.pf-v6-c-login {
|
|
18315
19306
|
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
18316
19307
|
--pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
18317
19308
|
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
18318
19309
|
--pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
18319
19310
|
--pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
|
|
19311
|
+
}
|
|
19312
|
+
@media (min-width: 48rem) {
|
|
19313
|
+
.pf-v6-c-login {
|
|
19314
|
+
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
19315
|
+
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
19316
|
+
}
|
|
19317
|
+
}
|
|
19318
|
+
.pf-v6-c-login {
|
|
18320
19319
|
--pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
18321
19320
|
--pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
18322
19321
|
--pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -18334,43 +19333,6 @@ ul.pf-v6-c-list {
|
|
|
18334
19333
|
--pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18335
19334
|
--pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18336
19335
|
--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
19336
|
}
|
|
18375
19337
|
@media (min-width: 36rem) {
|
|
18376
19338
|
.pf-v6-c-login {
|
|
@@ -18378,6 +19340,10 @@ ul.pf-v6-c-list {
|
|
|
18378
19340
|
--pf-v6-c-login__footer--PaddingInlineStart: 0;
|
|
18379
19341
|
}
|
|
18380
19342
|
}
|
|
19343
|
+
.pf-v6-c-login {
|
|
19344
|
+
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19345
|
+
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
19346
|
+
}
|
|
18381
19347
|
@media (min-width: 75rem) {
|
|
18382
19348
|
.pf-v6-c-login {
|
|
18383
19349
|
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
|
|
@@ -18573,12 +19539,26 @@ ul.pf-v6-c-list {
|
|
|
18573
19539
|
--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn: 2;
|
|
18574
19540
|
--pf-v6-c-masthead--m-display-inline__main--Display: flex;
|
|
18575
19541
|
--pf-v6-c-masthead--m-display-inline__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
19542
|
+
--pf-v6-c-masthead--m-docked--GridTemplateRows: min-content 1fr;
|
|
19543
|
+
--pf-v6-c-masthead--m-docked--RowGap: var(--pf-t--global--spacer--gutter--default);
|
|
19544
|
+
--pf-v6-c-masthead--m-docked--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
19545
|
+
--pf-v6-c-masthead--m-docked--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
19546
|
+
--pf-v6-c-masthead--m-docked--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
19547
|
+
--pf-v6-c-masthead--m-docked--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
19548
|
+
--pf-v6-c-masthead--m-docked--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
|
|
19549
|
+
--pf-v6-c-masthead--m-docked--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
19550
|
+
--pf-v6-c-masthead--m-docked--c-toolbar--Height: 100%;
|
|
18576
19551
|
--pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
18577
19552
|
--pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
|
|
18578
19553
|
--pf-v6-c-masthead--c-toolbar--Width: 100%;
|
|
18579
19554
|
--pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
|
|
18580
19555
|
}
|
|
18581
19556
|
|
|
19557
|
+
.pf-v6-c-masthead .pf-v6-c-toolbar {
|
|
19558
|
+
--pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
|
|
19559
|
+
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
19560
|
+
--pf-v6-c-toolbar__content--MinWidth: 0;
|
|
19561
|
+
}
|
|
18582
19562
|
.pf-v6-c-masthead {
|
|
18583
19563
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
18584
19564
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
@@ -18592,22 +19572,6 @@ ul.pf-v6-c-list {
|
|
|
18592
19572
|
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
18593
19573
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
18594
19574
|
--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
19575
|
}
|
|
18612
19576
|
@media screen and (min-width: 48rem) {
|
|
18613
19577
|
:where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
|
|
@@ -18625,6 +19589,62 @@ ul.pf-v6-c-list {
|
|
|
18625
19589
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
18626
19590
|
}
|
|
18627
19591
|
}
|
|
19592
|
+
.pf-v6-c-masthead {
|
|
19593
|
+
display: grid;
|
|
19594
|
+
grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
|
|
19595
|
+
grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
|
|
19596
|
+
row-gap: var(--pf-v6-c-masthead--RowGap);
|
|
19597
|
+
column-gap: var(--pf-v6-c-masthead--ColumnGap);
|
|
19598
|
+
align-items: start;
|
|
19599
|
+
min-width: 0;
|
|
19600
|
+
padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19601
|
+
padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19602
|
+
padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
|
|
19603
|
+
padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
|
|
19604
|
+
background-color: var(--pf-v6-c-masthead--BackgroundColor);
|
|
19605
|
+
}
|
|
19606
|
+
.pf-v6-c-masthead.pf-m-docked {
|
|
19607
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
19608
|
+
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
19609
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
19610
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
19611
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
19612
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
19613
|
+
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
19614
|
+
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
19615
|
+
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
19616
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
19617
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
19618
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
19619
|
+
--pf-v6-c-masthead--BackgroundColor: var(--pf-v6-c-masthead--m-docked--BackgroundColor);
|
|
19620
|
+
--pf-v6-c-masthead--GridTemplateRows: var(--pf-v6-c-masthead--m-docked--GridTemplateRows);
|
|
19621
|
+
--pf-v6-c-masthead--PaddingBlockStart: var(--pf-v6-c-masthead--m-docked--PaddingBlockStart);
|
|
19622
|
+
--pf-v6-c-masthead--PaddingBlockEnd: var(--pf-v6-c-masthead--m-docked--PaddingBlockEnd);
|
|
19623
|
+
--pf-v6-c-masthead--PaddingInlineStart: var(--pf-v6-c-masthead--m-docked--PaddingInlineStart);
|
|
19624
|
+
--pf-v6-c-masthead--PaddingInlineEnd: var(--pf-v6-c-masthead--m-docked--PaddingInlineEnd);
|
|
19625
|
+
--pf-v6-c-masthead--GridTemplateColumns: auto;
|
|
19626
|
+
--pf-v6-c-masthead--RowGap: var(--pf-v6-c-masthead--m-docked--RowGap);
|
|
19627
|
+
--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns: auto;
|
|
19628
|
+
--pf-v6-c-masthead__main--GridColumn: auto;
|
|
19629
|
+
--pf-v6-c-masthead__content--GridColumn: auto;
|
|
19630
|
+
--pf-v6-c-masthead__logo--Width: auto;
|
|
19631
|
+
--pf-v6-c-masthead__main--MarginInlineEnd: 0;
|
|
19632
|
+
display: flex;
|
|
19633
|
+
flex-direction: column;
|
|
19634
|
+
align-items: center;
|
|
19635
|
+
width: fit-content;
|
|
19636
|
+
height: 100%;
|
|
19637
|
+
backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
|
|
19638
|
+
}
|
|
19639
|
+
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
|
|
19640
|
+
flex-grow: 1;
|
|
19641
|
+
flex-direction: column;
|
|
19642
|
+
align-self: revert;
|
|
19643
|
+
}
|
|
19644
|
+
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
|
|
19645
|
+
--pf-v6-c-masthead--c-toolbar--Width: fit-content;
|
|
19646
|
+
height: var(--pf-v6-c-masthead--m-docked--c-toolbar--Height);
|
|
19647
|
+
}
|
|
18628
19648
|
.pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
|
|
18629
19649
|
flex-wrap: nowrap;
|
|
18630
19650
|
min-width: 0;
|
|
@@ -19088,6 +20108,13 @@ ul.pf-v6-c-list {
|
|
|
19088
20108
|
--pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
19089
20109
|
--pf-v6-c-menu--TransitionDuration: 0s;
|
|
19090
20110
|
--pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
20111
|
+
}
|
|
20112
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
20113
|
+
.pf-v6-c-menu {
|
|
20114
|
+
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
20115
|
+
}
|
|
20116
|
+
}
|
|
20117
|
+
.pf-v6-c-menu {
|
|
19091
20118
|
--pf-v6-c-menu--m-plain--BoxShadow: none;
|
|
19092
20119
|
--pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
|
|
19093
20120
|
--pf-v6-c-menu__content--Height: auto;
|
|
@@ -19167,33 +20194,34 @@ ul.pf-v6-c-list {
|
|
|
19167
20194
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19168
20195
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19169
20196
|
--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
20197
|
}
|
|
19182
20198
|
@media (prefers-reduced-motion: no-preference) {
|
|
19183
20199
|
.pf-v6-c-menu {
|
|
19184
20200
|
--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
20201
|
}
|
|
19186
20202
|
}
|
|
20203
|
+
.pf-v6-c-menu {
|
|
20204
|
+
--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
|
|
20205
|
+
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
|
|
20206
|
+
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
20207
|
+
}
|
|
19187
20208
|
@media (prefers-reduced-motion: no-preference) {
|
|
19188
20209
|
.pf-v6-c-menu {
|
|
19189
20210
|
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19190
20211
|
}
|
|
19191
20212
|
}
|
|
20213
|
+
.pf-v6-c-menu {
|
|
20214
|
+
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
|
|
20215
|
+
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
20216
|
+
}
|
|
19192
20217
|
@media (prefers-reduced-motion: no-preference) {
|
|
19193
20218
|
.pf-v6-c-menu {
|
|
19194
20219
|
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19195
20220
|
}
|
|
19196
20221
|
}
|
|
20222
|
+
.pf-v6-c-menu {
|
|
20223
|
+
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
|
|
20224
|
+
}
|
|
19197
20225
|
|
|
19198
20226
|
.pf-v6-c-menu__content,
|
|
19199
20227
|
.pf-v6-c-menu__list-item,
|
|
@@ -19651,13 +20679,14 @@ ul.pf-v6-c-list {
|
|
|
19651
20679
|
--pf-v6-c-check__input--TranslateY: none;
|
|
19652
20680
|
}
|
|
19653
20681
|
|
|
19654
|
-
.pf-v6-c-menu__item-toggle-icon {
|
|
19655
|
-
color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
|
|
19656
|
-
}
|
|
19657
20682
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
|
|
19658
20683
|
scale: -1 1;
|
|
19659
20684
|
}
|
|
19660
20685
|
|
|
20686
|
+
.pf-v6-c-menu__item-toggle-icon {
|
|
20687
|
+
color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
|
|
20688
|
+
}
|
|
20689
|
+
|
|
19661
20690
|
.pf-v6-c-menu__item-icon {
|
|
19662
20691
|
color: var(--pf-v6-c-menu__item--icon--Color, inherit);
|
|
19663
20692
|
}
|
|
@@ -19826,6 +20855,7 @@ ul.pf-v6-c-list {
|
|
|
19826
20855
|
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
|
|
19827
20856
|
--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
19828
20857
|
--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
20858
|
+
--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
19829
20859
|
--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
|
19830
20860
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
19831
20861
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
@@ -19954,6 +20984,9 @@ ul.pf-v6-c-list {
|
|
|
19954
20984
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
|
|
19955
20985
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
|
|
19956
20986
|
}
|
|
20987
|
+
.pf-v6-c-menu-toggle.pf-m-plain.pf-m-circle {
|
|
20988
|
+
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius);
|
|
20989
|
+
}
|
|
19957
20990
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
|
19958
20991
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
|
|
19959
20992
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|
|
@@ -20244,6 +21277,13 @@ ul.pf-v6-c-list {
|
|
|
20244
21277
|
--pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
20245
21278
|
--pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
20246
21279
|
--pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
21280
|
+
}
|
|
21281
|
+
@media (min-width: 75rem) {
|
|
21282
|
+
.pf-v6-c-modal-box {
|
|
21283
|
+
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
|
21284
|
+
}
|
|
21285
|
+
}
|
|
21286
|
+
.pf-v6-c-modal-box {
|
|
20247
21287
|
--pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
20248
21288
|
--pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20249
21289
|
--pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -20275,11 +21315,6 @@ ul.pf-v6-c-list {
|
|
|
20275
21315
|
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
20276
21316
|
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
|
|
20277
21317
|
}
|
|
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
21318
|
|
|
20284
21319
|
.pf-v6-c-modal-box {
|
|
20285
21320
|
position: relative;
|
|
@@ -20341,8 +21376,8 @@ ul.pf-v6-c-list {
|
|
|
20341
21376
|
|
|
20342
21377
|
.pf-v6-c-modal-box__header {
|
|
20343
21378
|
display: flex;
|
|
20344
|
-
flex-direction: column;
|
|
20345
21379
|
flex-shrink: 0;
|
|
21380
|
+
flex-direction: column;
|
|
20346
21381
|
gap: var(--pf-v6-c-modal-box__header--Gap);
|
|
20347
21382
|
padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
|
|
20348
21383
|
padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
|
|
@@ -20359,8 +21394,8 @@ ul.pf-v6-c-list {
|
|
|
20359
21394
|
|
|
20360
21395
|
.pf-v6-c-modal-box__header-main {
|
|
20361
21396
|
display: flex;
|
|
20362
|
-
flex-direction: column;
|
|
20363
21397
|
flex-grow: 1;
|
|
21398
|
+
flex-direction: column;
|
|
20364
21399
|
gap: var(--pf-v6-c-modal-box__header-main--Gap);
|
|
20365
21400
|
min-width: 0;
|
|
20366
21401
|
padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
|
|
@@ -20669,6 +21704,15 @@ ul.pf-v6-c-list {
|
|
|
20669
21704
|
--pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
|
|
20670
21705
|
--pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
|
|
20671
21706
|
--pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
|
|
21707
|
+
--pf-v6-c-nav__item--accent--size: var(--pf-t--global--border--width--extra-strong);
|
|
21708
|
+
--pf-v6-c-nav__item--accent--color: var(--pf-t--global--border--color--clicked);
|
|
21709
|
+
--pf-v6-c-nav__item--accent--offset: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
21710
|
+
--pf-v6-c-nav__item--accent--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
21711
|
+
--pf-v6-c-nav__item--accent--ScaleY: 0;
|
|
21712
|
+
--pf-v6-c-nav__item--current--accent--ScaleY: 1;
|
|
21713
|
+
--pf-v6-c-nav__item--accent--TransitionDuration: 0;
|
|
21714
|
+
--pf-v6-c-nav__item--current--accent--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
21715
|
+
--pf-v6-c-nav__item--accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
20672
21716
|
--pf-v6-c-nav__item__toggle-icon--Rotate: 0;
|
|
20673
21717
|
--pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
|
|
20674
21718
|
--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
|
|
@@ -20693,6 +21737,7 @@ ul.pf-v6-c-list {
|
|
|
20693
21737
|
--pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
|
|
20694
21738
|
--pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
20695
21739
|
--pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
21740
|
+
--pf-v6-c-nav__link-text--FontSize: initial;
|
|
20696
21741
|
--pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
|
|
20697
21742
|
--pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
|
|
20698
21743
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
|
|
@@ -20704,6 +21749,15 @@ ul.pf-v6-c-list {
|
|
|
20704
21749
|
--pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
|
|
20705
21750
|
--pf-v6-c-nav__subnav--TranslateY: 0;
|
|
20706
21751
|
--pf-v6-c-nav__subnav--hidden--TranslateY: 0;
|
|
21752
|
+
}
|
|
21753
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
21754
|
+
.pf-v6-c-nav {
|
|
21755
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
21756
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
21757
|
+
--pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
|
|
21758
|
+
}
|
|
21759
|
+
}
|
|
21760
|
+
.pf-v6-c-nav {
|
|
20707
21761
|
--pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
|
|
20708
21762
|
--pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
20709
21763
|
--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -20733,13 +21787,11 @@ ul.pf-v6-c-list {
|
|
|
20733
21787
|
--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
20734
21788
|
--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
20735
21789
|
--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
|
-
}
|
|
21790
|
+
--pf-v6-c-nav--m-docked__list--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
21791
|
+
--pf-v6-c-nav--m-docked__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
21792
|
+
--pf-v6-c-nav--m-docked__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
21793
|
+
--pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
21794
|
+
--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
20743
21795
|
}
|
|
20744
21796
|
|
|
20745
21797
|
.pf-v6-c-nav,
|
|
@@ -20774,6 +21826,25 @@ ul.pf-v6-c-list {
|
|
|
20774
21826
|
.pf-v6-c-nav.pf-m-fill {
|
|
20775
21827
|
flex-grow: 1;
|
|
20776
21828
|
}
|
|
21829
|
+
.pf-v6-c-nav.pf-m-docked {
|
|
21830
|
+
--pf-v6-c-nav--PaddingBlockStart: 0;
|
|
21831
|
+
--pf-v6-c-nav--PaddingBlockEnd: 0;
|
|
21832
|
+
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav--m-docked__list--RowGap);
|
|
21833
|
+
--pf-v6-c-nav__link--PaddingInlineStart: var(--pf-v6-c-nav--m-docked__link--PaddingInlineStart);
|
|
21834
|
+
--pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-v6-c-nav--m-docked__link--PaddingInlineEnd);
|
|
21835
|
+
--pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--hover--BackgroundColor);
|
|
21836
|
+
--pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor);
|
|
21837
|
+
width: fit-content;
|
|
21838
|
+
}
|
|
21839
|
+
.pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-icon {
|
|
21840
|
+
position: relative;
|
|
21841
|
+
align-self: center;
|
|
21842
|
+
min-width: 1lh;
|
|
21843
|
+
text-align: center;
|
|
21844
|
+
}
|
|
21845
|
+
.pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text {
|
|
21846
|
+
display: none;
|
|
21847
|
+
}
|
|
20777
21848
|
.pf-v6-c-nav .pf-v6-c-menu {
|
|
20778
21849
|
--pf-v6-c-menu--MinWidth: 100%;
|
|
20779
21850
|
}
|
|
@@ -20837,14 +21908,34 @@ ul.pf-v6-c-list {
|
|
|
20837
21908
|
}
|
|
20838
21909
|
|
|
20839
21910
|
.pf-v6-c-nav__item {
|
|
21911
|
+
position: relative;
|
|
20840
21912
|
scroll-snap-align: var(--pf-v6-c-nav__item--ScrollSnapAlign);
|
|
20841
21913
|
}
|
|
21914
|
+
.pf-v6-c-nav__item::before {
|
|
21915
|
+
position: absolute;
|
|
21916
|
+
inset-block-start: 0;
|
|
21917
|
+
inset-block-end: 0;
|
|
21918
|
+
inset-inline-start: var(--pf-v6-c-nav__item--accent--offset);
|
|
21919
|
+
width: var(--pf-v6-c-nav__item--accent--size);
|
|
21920
|
+
pointer-events: none;
|
|
21921
|
+
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
21922
|
+
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
21923
|
+
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
21924
|
+
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
21925
|
+
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
21926
|
+
transition-property: scale;
|
|
21927
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
21928
|
+
}
|
|
20842
21929
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
20843
21930
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
20844
21931
|
}
|
|
20845
21932
|
.pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
|
|
20846
21933
|
margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
|
|
20847
21934
|
}
|
|
21935
|
+
.pf-v6-c-nav__item:has(> .pf-v6-c-nav__link.pf-m-current) {
|
|
21936
|
+
--pf-v6-c-nav__item--accent--ScaleY: var(--pf-v6-c-nav__item--current--accent--ScaleY);
|
|
21937
|
+
--pf-v6-c-nav__item--accent--TransitionDuration: var(--pf-v6-c-nav__item--current--accent--TransitionDuration);
|
|
21938
|
+
}
|
|
20848
21939
|
|
|
20849
21940
|
.pf-v6-c-nav__section {
|
|
20850
21941
|
row-gap: var(--pf-v6-c-nav__section--RowGap, var(--pf-v6-c-nav__list--RowGap));
|
|
@@ -20906,6 +21997,10 @@ ul.pf-v6-c-list {
|
|
|
20906
21997
|
color: var(--pf-v6-c-nav__link-icon--Color);
|
|
20907
21998
|
}
|
|
20908
21999
|
|
|
22000
|
+
.pf-v6-c-nav__link-text {
|
|
22001
|
+
font-size: var(--pf-v6-c-nav__link-text--FontSize, inherit);
|
|
22002
|
+
}
|
|
22003
|
+
|
|
20909
22004
|
.pf-v6-c-nav__toggle {
|
|
20910
22005
|
flex: none;
|
|
20911
22006
|
align-self: start;
|
|
@@ -20961,6 +22056,7 @@ ul.pf-v6-c-list {
|
|
|
20961
22056
|
}
|
|
20962
22057
|
|
|
20963
22058
|
.pf-v6-c-nav:where(.pf-m-horizontal) {
|
|
22059
|
+
--pf-v6-c-nav__item--accent--content: none;
|
|
20964
22060
|
padding: 0;
|
|
20965
22061
|
overflow: hidden;
|
|
20966
22062
|
}
|
|
@@ -20981,12 +22077,14 @@ ul.pf-v6-c-list {
|
|
|
20981
22077
|
scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
|
|
20982
22078
|
scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
|
|
20983
22079
|
-webkit-overflow-scrolling: touch;
|
|
20984
|
-
scrollbar-width: none;
|
|
20985
|
-
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
20986
22080
|
}
|
|
20987
22081
|
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
|
|
20988
22082
|
display: none;
|
|
20989
22083
|
}
|
|
22084
|
+
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
|
|
22085
|
+
scrollbar-width: none;
|
|
22086
|
+
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
22087
|
+
}
|
|
20990
22088
|
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
|
|
20991
22089
|
outline-offset: var(--pf-v6-c-nav--OutlineOffset);
|
|
20992
22090
|
}
|
|
@@ -21024,6 +22122,7 @@ ul.pf-v6-c-list {
|
|
|
21024
22122
|
--pf-v6-c-notification-drawer__header-status--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
21025
22123
|
--pf-v6-c-notification-drawer__header-status--FontSize: var(--pf-t--global--font--size--body--default);
|
|
21026
22124
|
--pf-v6-c-notification-drawer__header-status--Color: var(--pf-t--global--text--color--subtle);
|
|
22125
|
+
--pf-v6-c-notification-drawer__header-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
21027
22126
|
--pf-v6-c-notification-drawer__body--ZIndex: var(--pf-t--global--z-index--xs);
|
|
21028
22127
|
--pf-v6-c-notification-drawer__body--PaddingBlockStart: 0;
|
|
21029
22128
|
--pf-v6-c-notification-drawer__body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -21118,6 +22217,7 @@ ul.pf-v6-c-list {
|
|
|
21118
22217
|
|
|
21119
22218
|
.pf-v6-c-notification-drawer__header-action {
|
|
21120
22219
|
display: flex;
|
|
22220
|
+
gap: var(--pf-v6-c-notification-drawer__header-action--Gap);
|
|
21121
22221
|
align-items: center;
|
|
21122
22222
|
margin-inline-start: auto;
|
|
21123
22223
|
}
|
|
@@ -21201,9 +22301,9 @@ ul.pf-v6-c-list {
|
|
|
21201
22301
|
}
|
|
21202
22302
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
21203
22303
|
display: -webkit-box;
|
|
22304
|
+
overflow: hidden;
|
|
21204
22305
|
-webkit-box-orient: vertical;
|
|
21205
22306
|
-webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
|
|
21206
|
-
overflow: hidden;
|
|
21207
22307
|
}
|
|
21208
22308
|
|
|
21209
22309
|
.pf-v6-c-notification-drawer__list-item-action {
|
|
@@ -21257,9 +22357,9 @@ ul.pf-v6-c-list {
|
|
|
21257
22357
|
|
|
21258
22358
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
21259
22359
|
display: -webkit-box;
|
|
22360
|
+
overflow: hidden;
|
|
21260
22361
|
-webkit-box-orient: vertical;
|
|
21261
22362
|
-webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
|
|
21262
|
-
overflow: hidden;
|
|
21263
22363
|
flex: 1;
|
|
21264
22364
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
21265
22365
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
@@ -21272,15 +22372,15 @@ ul.pf-v6-c-list {
|
|
|
21272
22372
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
|
|
21273
22373
|
}
|
|
21274
22374
|
|
|
22375
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
22376
|
+
scale: -1 1;
|
|
22377
|
+
}
|
|
22378
|
+
|
|
21275
22379
|
.pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21276
22380
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
|
|
21277
22381
|
color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
|
|
21278
22382
|
transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
|
|
21279
22383
|
}
|
|
21280
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21281
|
-
scale: -1 1;
|
|
21282
|
-
}
|
|
21283
|
-
|
|
21284
22384
|
.pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21285
22385
|
transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
21286
22386
|
}
|
|
@@ -21326,6 +22426,7 @@ ul.pf-v6-c-list {
|
|
|
21326
22426
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
21327
22427
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
21328
22428
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
22429
|
+
--pf-v6-c-page__dock--ZIndex: var(--pf-t--global--z-index--md);
|
|
21329
22430
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
21330
22431
|
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
21331
22432
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
@@ -21348,6 +22449,15 @@ ul.pf-v6-c-list {
|
|
|
21348
22449
|
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
21349
22450
|
--pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21350
22451
|
--pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
22452
|
+
}
|
|
22453
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
22454
|
+
.pf-v6-c-page {
|
|
22455
|
+
--pf-v6-c-page__sidebar--Opacity: 1;
|
|
22456
|
+
--pf-v6-c-page__sidebar--TransitionProperty: transform;
|
|
22457
|
+
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
22458
|
+
}
|
|
22459
|
+
}
|
|
22460
|
+
.pf-v6-c-page {
|
|
21351
22461
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
21352
22462
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
21353
22463
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -21363,6 +22473,15 @@ ul.pf-v6-c-list {
|
|
|
21363
22473
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
|
21364
22474
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
21365
22475
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
22476
|
+
}
|
|
22477
|
+
@media screen and (min-width: 75rem) {
|
|
22478
|
+
.pf-v6-c-page {
|
|
22479
|
+
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
22480
|
+
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
22481
|
+
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
22482
|
+
}
|
|
22483
|
+
}
|
|
22484
|
+
.pf-v6-c-page {
|
|
21366
22485
|
--pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
|
|
21367
22486
|
--pf-v6-c-page__main-container--GridArea: main;
|
|
21368
22487
|
--pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
|
|
@@ -21385,6 +22504,17 @@ ul.pf-v6-c-list {
|
|
|
21385
22504
|
--pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
|
|
21386
22505
|
--pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
|
|
21387
22506
|
--pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
|
|
22507
|
+
}
|
|
22508
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
22509
|
+
.pf-v6-c-page {
|
|
22510
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
22511
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
22512
|
+
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
|
22513
|
+
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
|
22514
|
+
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
|
22515
|
+
}
|
|
22516
|
+
}
|
|
22517
|
+
.pf-v6-c-page {
|
|
21388
22518
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
21389
22519
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
21390
22520
|
--pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -21433,29 +22563,9 @@ ul.pf-v6-c-list {
|
|
|
21433
22563
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
21434
22564
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21435
22565
|
--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
|
-
}
|
|
22566
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
22567
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
22568
|
+
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
21459
22569
|
}
|
|
21460
22570
|
|
|
21461
22571
|
.pf-v6-c-page {
|
|
@@ -21475,6 +22585,16 @@ ul.pf-v6-c-list {
|
|
|
21475
22585
|
grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
|
|
21476
22586
|
}
|
|
21477
22587
|
}
|
|
22588
|
+
.pf-v6-c-page.pf-m-dock {
|
|
22589
|
+
--pf-v6-c-page--masthead--main-container--GridArea: main;
|
|
22590
|
+
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight);
|
|
22591
|
+
--pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart);
|
|
22592
|
+
--pf-v6-c-page__main-container--MarginInlineStart: 0;
|
|
22593
|
+
grid-template-areas: "dock main";
|
|
22594
|
+
grid-template-rows: auto;
|
|
22595
|
+
grid-template-columns: auto 1fr;
|
|
22596
|
+
column-gap: var(--pf-v6-c-page--m-dock--ColumnGap);
|
|
22597
|
+
}
|
|
21478
22598
|
.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
22599
|
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
21480
22600
|
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
@@ -21521,15 +22641,20 @@ ul.pf-v6-c-list {
|
|
|
21521
22641
|
}
|
|
21522
22642
|
}
|
|
21523
22643
|
|
|
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
22644
|
@media (min-width: 75rem) {
|
|
21529
22645
|
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
21530
22646
|
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
|
|
21531
22647
|
}
|
|
21532
22648
|
}
|
|
22649
|
+
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
22650
|
+
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
22651
|
+
grid-area: header;
|
|
22652
|
+
}
|
|
22653
|
+
|
|
22654
|
+
.pf-v6-c-page__dock {
|
|
22655
|
+
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
22656
|
+
grid-area: dock;
|
|
22657
|
+
}
|
|
21533
22658
|
|
|
21534
22659
|
.pf-v6-c-page__sidebar {
|
|
21535
22660
|
z-index: var(--pf-v6-c-page__sidebar--ZIndex);
|
|
@@ -21641,8 +22766,8 @@ ul.pf-v6-c-list {
|
|
|
21641
22766
|
.pf-v6-c-page__main-group,
|
|
21642
22767
|
.pf-v6-c-page__main-subnav {
|
|
21643
22768
|
display: flex;
|
|
21644
|
-
flex-direction: column;
|
|
21645
22769
|
flex-shrink: 0;
|
|
22770
|
+
flex-direction: column;
|
|
21646
22771
|
}
|
|
21647
22772
|
.pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
|
|
21648
22773
|
.pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
|
|
@@ -21834,6 +22959,7 @@ ul.pf-v6-c-list {
|
|
|
21834
22959
|
flex-direction: column;
|
|
21835
22960
|
align-self: var(--pf-v6-c-page__main-container--AlignSelf);
|
|
21836
22961
|
max-height: var(--pf-v6-c-page__main-container--MaxHeight);
|
|
22962
|
+
margin-block-start: var(--pf-v6-c-page__main-container--MarginBlockStart, 0);
|
|
21837
22963
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
21838
22964
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
21839
22965
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
@@ -21885,8 +23011,8 @@ ul.pf-v6-c-list {
|
|
|
21885
23011
|
.pf-v6-c-page__main-drawer,
|
|
21886
23012
|
.pf-v6-c-page__main-group {
|
|
21887
23013
|
display: flex;
|
|
21888
|
-
flex-direction: column;
|
|
21889
23014
|
flex-grow: 1;
|
|
23015
|
+
flex-direction: column;
|
|
21890
23016
|
}
|
|
21891
23017
|
|
|
21892
23018
|
.pf-v6-c-page__main {
|
|
@@ -23800,8 +24926,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23800
24926
|
position: var(--pf-v6-c-sidebar__panel--Position);
|
|
23801
24927
|
inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
|
|
23802
24928
|
z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
|
|
23803
|
-
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
23804
24929
|
flex-shrink: 0;
|
|
24930
|
+
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
23805
24931
|
order: var(--pf-v6-c-sidebar__panel--Order);
|
|
23806
24932
|
padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
|
|
23807
24933
|
padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
|
|
@@ -24098,7 +25224,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24098
25224
|
--pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
|
|
24099
25225
|
--pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
|
|
24100
25226
|
--pf-v6-c-skeleton--before--Height: auto;
|
|
24101
|
-
--pf-v6-c-skeleton--before--Content: "
|
|
25227
|
+
--pf-v6-c-skeleton--before--Content: "\00a0";
|
|
24102
25228
|
--pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
|
|
24103
25229
|
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
24104
25230
|
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
@@ -24109,6 +25235,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24109
25235
|
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
24110
25236
|
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
24111
25237
|
--pf-v6-c-skeleton--after--AnimationDelay: .5s;
|
|
25238
|
+
}
|
|
25239
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
25240
|
+
.pf-v6-c-skeleton {
|
|
25241
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
25242
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
25243
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
25244
|
+
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
25245
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
25246
|
+
}
|
|
25247
|
+
}
|
|
25248
|
+
.pf-v6-c-skeleton {
|
|
24112
25249
|
--pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
24113
25250
|
--pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
|
|
24114
25251
|
--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 +25273,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24136
25273
|
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
24137
25274
|
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
24138
25275
|
}
|
|
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
25276
|
|
|
24149
25277
|
.pf-v6-c-skeleton {
|
|
24150
25278
|
position: relative;
|
|
@@ -24161,6 +25289,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24161
25289
|
padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
|
|
24162
25290
|
content: var(--pf-v6-c-skeleton--before--Content);
|
|
24163
25291
|
}
|
|
25292
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
25293
|
+
scale: -1 1;
|
|
25294
|
+
}
|
|
25295
|
+
|
|
24164
25296
|
.pf-v6-c-skeleton::after {
|
|
24165
25297
|
position: absolute;
|
|
24166
25298
|
inset: 0;
|
|
@@ -24170,10 +25302,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24170
25302
|
transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
|
|
24171
25303
|
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
25304
|
}
|
|
24173
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
24174
|
-
scale: -1 1;
|
|
24175
|
-
}
|
|
24176
|
-
|
|
24177
25305
|
.pf-v6-c-skeleton.pf-m-circle {
|
|
24178
25306
|
--pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
|
|
24179
25307
|
}
|
|
@@ -24361,12 +25489,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24361
25489
|
|
|
24362
25490
|
.pf-v6-c-slider {
|
|
24363
25491
|
--pf-v6-c-slider__rail-track--before--fill--direction: right;
|
|
24364
|
-
display: flex;
|
|
24365
25492
|
}
|
|
24366
25493
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
|
|
24367
25494
|
--pf-v6-c-slider__rail-track--before--fill--direction: left;
|
|
24368
25495
|
}
|
|
24369
25496
|
|
|
25497
|
+
.pf-v6-c-slider {
|
|
25498
|
+
display: flex;
|
|
25499
|
+
}
|
|
24370
25500
|
.pf-v6-c-slider.pf-m-disabled {
|
|
24371
25501
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
|
|
24372
25502
|
--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 +25559,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24429
25559
|
|
|
24430
25560
|
.pf-v6-c-slider__step-tick {
|
|
24431
25561
|
transform: translateX(var(--pf-v6-c-slider__step-tick--TranslateX));
|
|
25562
|
+
}
|
|
25563
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
25564
|
+
transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
25565
|
+
}
|
|
25566
|
+
|
|
25567
|
+
.pf-v6-c-slider__step-tick {
|
|
24432
25568
|
position: absolute;
|
|
24433
25569
|
inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
|
|
24434
25570
|
inset-inline-start: 0;
|
|
@@ -24438,22 +25574,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24438
25574
|
border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
|
|
24439
25575
|
border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
|
|
24440
25576
|
}
|
|
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
25577
|
|
|
24445
25578
|
.pf-v6-c-slider__step-label {
|
|
24446
25579
|
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
25580
|
}
|
|
24451
25581
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
|
|
24452
25582
|
transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
24453
25583
|
}
|
|
24454
25584
|
|
|
25585
|
+
.pf-v6-c-slider__step-label {
|
|
25586
|
+
position: absolute;
|
|
25587
|
+
inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
|
|
25588
|
+
word-break: normal;
|
|
25589
|
+
}
|
|
25590
|
+
|
|
24455
25591
|
.pf-v6-c-slider__thumb {
|
|
24456
25592
|
transform: translate(var(--pf-v6-c-slider__thumb--TranslateX), var(--pf-v6-c-slider__thumb--TranslateY));
|
|
25593
|
+
}
|
|
25594
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
|
|
25595
|
+
transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
|
|
25596
|
+
}
|
|
25597
|
+
|
|
25598
|
+
.pf-v6-c-slider__thumb {
|
|
24457
25599
|
position: absolute;
|
|
24458
25600
|
inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
|
|
24459
25601
|
inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
|
|
@@ -24465,12 +25607,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24465
25607
|
border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
|
|
24466
25608
|
box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
|
|
24467
25609
|
}
|
|
24468
|
-
|
|
24469
|
-
transform: translate(
|
|
25610
|
+
.pf-v6-c-slider__thumb::before {
|
|
25611
|
+
transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
25612
|
+
}
|
|
25613
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
|
|
25614
|
+
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
25615
|
}
|
|
24471
25616
|
|
|
24472
25617
|
.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
25618
|
position: absolute;
|
|
24475
25619
|
inset-block-start: 50%;
|
|
24476
25620
|
inset-inline-start: 50%;
|
|
@@ -24479,10 +25623,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24479
25623
|
content: "";
|
|
24480
25624
|
border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
|
|
24481
25625
|
}
|
|
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
25626
|
.pf-v6-c-slider__thumb:hover {
|
|
24487
25627
|
--pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
|
|
24488
25628
|
}
|
|
@@ -24499,16 +25639,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24499
25639
|
}
|
|
24500
25640
|
.pf-v6-c-slider__value.pf-m-floating {
|
|
24501
25641
|
transform: translate(var(--pf-v6-c-slider__value--m-floating--TranslateX), var(--pf-v6-c-slider__value--m-floating--TranslateY));
|
|
25642
|
+
}
|
|
25643
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
|
|
25644
|
+
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));
|
|
25645
|
+
}
|
|
25646
|
+
|
|
25647
|
+
.pf-v6-c-slider__value.pf-m-floating {
|
|
24502
25648
|
--pf-v6-c-slider__value--MarginInlineStart: 0;
|
|
24503
25649
|
position: absolute;
|
|
24504
25650
|
inset-block-start: 0;
|
|
24505
25651
|
inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
|
|
24506
25652
|
z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
|
|
24507
25653
|
}
|
|
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
25654
|
.pf-v6-c-slider__value .pf-v6-c-form-control {
|
|
24513
25655
|
width: var(--pf-v6-c-slider__value--c-form-control--Width);
|
|
24514
25656
|
}
|
|
@@ -24686,12 +25828,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24686
25828
|
}
|
|
24687
25829
|
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
24688
25830
|
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
25831
|
}
|
|
24691
25832
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
24692
25833
|
transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
|
|
24693
25834
|
}
|
|
24694
25835
|
|
|
25836
|
+
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
25837
|
+
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
25838
|
+
}
|
|
24695
25839
|
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
|
|
24696
25840
|
color: var(--pf-v6-c-switch__input--not-checked__label--Color);
|
|
24697
25841
|
}
|
|
@@ -25176,7 +26320,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25176
26320
|
--pf-v6-c-table--cell--Width: auto;
|
|
25177
26321
|
}
|
|
25178
26322
|
|
|
25179
|
-
@
|
|
26323
|
+
@container pf-v6-contain-table (max-width: 48rem) {
|
|
25180
26324
|
.pf-m-grid-md.pf-v6-c-table {
|
|
25181
26325
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
25182
26326
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -25454,15 +26598,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25454
26598
|
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
|
|
25455
26599
|
text-align: end;
|
|
25456
26600
|
}
|
|
25457
|
-
|
|
25458
|
-
|
|
25459
|
-
|
|
25460
|
-
|
|
25461
|
-
|
|
25462
|
-
|
|
26601
|
+
@media screen and (max-width: 36rem) {
|
|
26602
|
+
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
|
|
26603
|
+
grid-row-start: 1;
|
|
26604
|
+
grid-column-start: 2;
|
|
26605
|
+
margin-inline-start: 0;
|
|
26606
|
+
}
|
|
25463
26607
|
}
|
|
25464
|
-
}
|
|
25465
|
-
@media screen and (max-width: calc(48rem - 1px)) {
|
|
25466
26608
|
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
|
|
25467
26609
|
grid-column: 2;
|
|
25468
26610
|
grid-row: 2;
|
|
@@ -25488,7 +26630,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25488
26630
|
}
|
|
25489
26631
|
}
|
|
25490
26632
|
|
|
25491
|
-
@
|
|
26633
|
+
@container pf-v6-contain-table (max-width: 62rem) {
|
|
25492
26634
|
.pf-m-grid-lg.pf-v6-c-table {
|
|
25493
26635
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
25494
26636
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -25766,15 +26908,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25766
26908
|
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
|
|
25767
26909
|
text-align: end;
|
|
25768
26910
|
}
|
|
25769
|
-
|
|
25770
|
-
|
|
25771
|
-
|
|
25772
|
-
|
|
25773
|
-
|
|
25774
|
-
|
|
26911
|
+
@media screen and (max-width: 36rem) {
|
|
26912
|
+
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
|
|
26913
|
+
grid-row-start: 1;
|
|
26914
|
+
grid-column-start: 2;
|
|
26915
|
+
margin-inline-start: 0;
|
|
26916
|
+
}
|
|
25775
26917
|
}
|
|
25776
|
-
}
|
|
25777
|
-
@media screen and (max-width: calc(62rem - 1px)) {
|
|
25778
26918
|
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
|
|
25779
26919
|
grid-column: 2;
|
|
25780
26920
|
grid-row: 2;
|
|
@@ -25800,7 +26940,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25800
26940
|
}
|
|
25801
26941
|
}
|
|
25802
26942
|
|
|
25803
|
-
@
|
|
26943
|
+
@container pf-v6-contain-table (max-width: 75rem) {
|
|
25804
26944
|
.pf-m-grid-xl.pf-v6-c-table {
|
|
25805
26945
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
25806
26946
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -26078,15 +27218,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26078
27218
|
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
26079
27219
|
text-align: end;
|
|
26080
27220
|
}
|
|
26081
|
-
|
|
26082
|
-
|
|
26083
|
-
|
|
26084
|
-
|
|
26085
|
-
|
|
26086
|
-
|
|
27221
|
+
@media screen and (max-width: 36rem) {
|
|
27222
|
+
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
27223
|
+
grid-row-start: 1;
|
|
27224
|
+
grid-column-start: 2;
|
|
27225
|
+
margin-inline-start: 0;
|
|
27226
|
+
}
|
|
26087
27227
|
}
|
|
26088
|
-
}
|
|
26089
|
-
@media screen and (max-width: calc(75rem - 1px)) {
|
|
26090
27228
|
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
|
|
26091
27229
|
grid-column: 2;
|
|
26092
27230
|
grid-row: 2;
|
|
@@ -26112,7 +27250,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26112
27250
|
}
|
|
26113
27251
|
}
|
|
26114
27252
|
|
|
26115
|
-
@
|
|
27253
|
+
@container pf-v6-contain-table (max-width: 90.625rem) {
|
|
26116
27254
|
.pf-m-grid-2xl.pf-v6-c-table {
|
|
26117
27255
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
26118
27256
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -26390,15 +27528,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26390
27528
|
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
26391
27529
|
text-align: end;
|
|
26392
27530
|
}
|
|
26393
|
-
|
|
26394
|
-
|
|
26395
|
-
|
|
26396
|
-
|
|
26397
|
-
|
|
26398
|
-
|
|
27531
|
+
@media screen and (max-width: 36rem) {
|
|
27532
|
+
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
27533
|
+
grid-row-start: 1;
|
|
27534
|
+
grid-column-start: 2;
|
|
27535
|
+
margin-inline-start: 0;
|
|
27536
|
+
}
|
|
26399
27537
|
}
|
|
26400
|
-
}
|
|
26401
|
-
@media screen and (max-width: calc(90.625rem - 1px)) {
|
|
26402
27538
|
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
|
|
26403
27539
|
grid-column: 2;
|
|
26404
27540
|
grid-row: 2;
|
|
@@ -26513,6 +27649,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26513
27649
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
|
26514
27650
|
--pf-v6-c-table__expandable-row--TranslateY: 0;
|
|
26515
27651
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
|
|
27652
|
+
}
|
|
27653
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
27654
|
+
.pf-v6-c-table {
|
|
27655
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
27656
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
27657
|
+
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
|
27658
|
+
}
|
|
27659
|
+
}
|
|
27660
|
+
.pf-v6-c-table {
|
|
26516
27661
|
--pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
26517
27662
|
--pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
26518
27663
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -26581,13 +27726,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26581
27726
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
26582
27727
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
26583
27728
|
}
|
|
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
27729
|
|
|
26592
27730
|
.pf-v6-c-table {
|
|
26593
27731
|
width: 100%;
|
|
@@ -26652,22 +27790,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26652
27790
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
26653
27791
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
26654
27792
|
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
27793
|
}
|
|
26672
27794
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
|
|
26673
27795
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -26712,6 +27834,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26712
27834
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
26713
27835
|
}
|
|
26714
27836
|
}
|
|
27837
|
+
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
|
|
27838
|
+
position: relative;
|
|
27839
|
+
width: var(--pf-v6-c-table--cell--Width);
|
|
27840
|
+
min-width: var(--pf-v6-c-table--cell--MinWidth);
|
|
27841
|
+
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
27842
|
+
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
|
27843
|
+
padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
|
|
27844
|
+
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
27845
|
+
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
27846
|
+
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
27847
|
+
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
27848
|
+
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
27849
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
27850
|
+
color: var(--pf-v6-c-table--cell--Color);
|
|
27851
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
27852
|
+
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
27853
|
+
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
27854
|
+
}
|
|
26715
27855
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
|
26716
27856
|
padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
|
26717
27857
|
}
|
|
@@ -27068,16 +28208,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27068
28208
|
.pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
|
|
27069
28209
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
|
27070
28210
|
}
|
|
28211
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
28212
|
+
scale: -1 1;
|
|
28213
|
+
}
|
|
28214
|
+
|
|
27071
28215
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27072
28216
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
27073
28217
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
27074
28218
|
transition-property: transform;
|
|
27075
28219
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
27076
28220
|
}
|
|
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
28221
|
.pf-v6-c-table__toggle svg {
|
|
27082
28222
|
pointer-events: none;
|
|
27083
28223
|
}
|
|
@@ -27554,13 +28694,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27554
28694
|
}
|
|
27555
28695
|
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
27556
28696
|
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
28697
|
}
|
|
27560
28698
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
27561
28699
|
transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
27562
28700
|
}
|
|
27563
28701
|
|
|
28702
|
+
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
28703
|
+
position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
|
|
28704
|
+
inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
|
|
28705
|
+
}
|
|
27564
28706
|
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27565
28707
|
min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
|
|
27566
28708
|
}
|
|
@@ -28473,6 +29615,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28473
29615
|
--pf-v6-c-tabs__add--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
28474
29616
|
--pf-v6-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
28475
29617
|
--pf-v6-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
29618
|
+
--pf-v6-c-tabs--m-nav__link--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
29619
|
+
--pf-v6-c-tabs--m-nav__link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
29620
|
+
--pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
28476
29621
|
--pf-v6-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
28477
29622
|
--pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
28478
29623
|
--pf-v6-c-tabs__link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
@@ -28607,8 +29752,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28607
29752
|
}
|
|
28608
29753
|
.pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
|
|
28609
29754
|
position: relative;
|
|
28610
|
-
flex-direction: column;
|
|
28611
29755
|
flex-grow: 1;
|
|
29756
|
+
flex-direction: column;
|
|
28612
29757
|
max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
|
|
28613
29758
|
}
|
|
28614
29759
|
.pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
|
|
@@ -28750,6 +29895,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28750
29895
|
.pf-v6-c-tabs.pf-m-overflow .pf-v6-c-tabs__list {
|
|
28751
29896
|
overflow: visible;
|
|
28752
29897
|
}
|
|
29898
|
+
.pf-v6-c-tabs.pf-m-nav {
|
|
29899
|
+
--pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
|
|
29900
|
+
--pf-v6-c-tabs__link--disabled--Color: var(--pf-v6-c-tabs--m-nav__link--disabled--Color);
|
|
29901
|
+
--pf-v6-c-tabs__link--BorderRadius: var(--pf-v6-c-tabs--m-nav__link--BorderRadius);
|
|
29902
|
+
}
|
|
29903
|
+
.pf-v6-c-tabs.pf-m-nav::before,
|
|
29904
|
+
.pf-v6-c-tabs.pf-m-nav .pf-v6-c-tabs__link::before {
|
|
29905
|
+
border: 0;
|
|
29906
|
+
}
|
|
29907
|
+
.pf-v6-c-tabs.pf-m-nav.pf-m-subtab .pf-v6-c-tabs__scroll-button .pf-v6-c-button {
|
|
29908
|
+
--pf-v6-c-button--FontSize: var(--pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--FontSize);
|
|
29909
|
+
}
|
|
28753
29910
|
|
|
28754
29911
|
.pf-v6-c-tabs__toggle {
|
|
28755
29912
|
display: var(--pf-v6-c-tabs__toggle--Display);
|
|
@@ -28761,15 +29918,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28761
29918
|
white-space: normal;
|
|
28762
29919
|
}
|
|
28763
29920
|
|
|
29921
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
29922
|
+
scale: -1 1;
|
|
29923
|
+
}
|
|
29924
|
+
|
|
28764
29925
|
.pf-v6-c-tabs__toggle-icon {
|
|
28765
29926
|
display: inline-block;
|
|
28766
29927
|
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
28767
29928
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
28768
29929
|
}
|
|
28769
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
28770
|
-
scale: -1 1;
|
|
28771
|
-
}
|
|
28772
29930
|
|
|
29931
|
+
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
29932
|
+
display: none;
|
|
29933
|
+
}
|
|
28773
29934
|
.pf-v6-c-tabs__list {
|
|
28774
29935
|
scrollbar-width: none;
|
|
28775
29936
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
@@ -28781,25 +29942,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28781
29942
|
scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
|
|
28782
29943
|
-webkit-overflow-scrolling: touch;
|
|
28783
29944
|
}
|
|
28784
|
-
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
28785
|
-
display: none;
|
|
28786
|
-
}
|
|
28787
29945
|
|
|
28788
29946
|
.pf-v6-c-tabs__item {
|
|
28789
29947
|
position: relative;
|
|
28790
29948
|
display: flex;
|
|
28791
29949
|
flex: none;
|
|
28792
29950
|
column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
|
|
28793
|
-
scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
|
|
28794
29951
|
padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
|
|
28795
29952
|
padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
|
|
28796
29953
|
padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
|
|
28797
29954
|
padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
|
|
29955
|
+
scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
|
|
28798
29956
|
background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
|
|
28799
29957
|
}
|
|
28800
29958
|
.pf-v6-c-tabs__item.pf-m-current {
|
|
28801
29959
|
--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-
|
|
29960
|
+
--pf-v6-c-tabs__link--after--BorderColor: var(--pf-v6-c-tabs--link-accent--color);
|
|
28803
29961
|
--pf-v6-c-tabs__link--after--BorderWidth: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
|
|
28804
29962
|
--pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs__item--m-current--BackgroundColor);
|
|
28805
29963
|
}
|
|
@@ -28847,6 +30005,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28847
30005
|
border: 0;
|
|
28848
30006
|
}
|
|
28849
30007
|
|
|
30008
|
+
.pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
|
|
30009
|
+
--pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
|
|
30010
|
+
}
|
|
30011
|
+
|
|
28850
30012
|
.pf-v6-c-tabs__link {
|
|
28851
30013
|
display: flex;
|
|
28852
30014
|
flex: 1;
|
|
@@ -28864,10 +30026,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28864
30026
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
|
28865
30027
|
transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
|
|
28866
30028
|
}
|
|
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
30029
|
.pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
|
|
28872
30030
|
pointer-events: none;
|
|
28873
30031
|
border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
|
|
@@ -28922,6 +30080,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28922
30080
|
--pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
|
|
28923
30081
|
}
|
|
28924
30082
|
|
|
30083
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
|
|
30084
|
+
scale: -1 1;
|
|
30085
|
+
}
|
|
30086
|
+
|
|
28925
30087
|
.pf-v6-c-tabs__link-toggle-icon {
|
|
28926
30088
|
align-self: end;
|
|
28927
30089
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
@@ -28929,9 +30091,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28929
30091
|
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
28930
30092
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
28931
30093
|
}
|
|
28932
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
|
|
28933
|
-
scale: -1 1;
|
|
28934
|
-
}
|
|
28935
30094
|
|
|
28936
30095
|
.pf-v6-c-tabs__item-action {
|
|
28937
30096
|
display: flex;
|
|
@@ -29852,6 +31011,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29852
31011
|
--pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
29853
31012
|
--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
29854
31013
|
--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
31014
|
+
--pf-v6-c-toolbar--m-vertical--Width: fit-content;
|
|
29855
31015
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
|
|
29856
31016
|
--pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
29857
31017
|
--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -29948,9 +31108,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29948
31108
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
29949
31109
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
29950
31110
|
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
31111
|
}
|
|
29955
31112
|
.pf-v6-c-toolbar__content.pf-m-hidden {
|
|
29956
31113
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -29995,6 +31152,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29995
31152
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
29996
31153
|
}
|
|
29997
31154
|
}
|
|
31155
|
+
.pf-v6-c-toolbar__content {
|
|
31156
|
+
row-gap: var(--pf-v6-c-toolbar__content--RowGap);
|
|
31157
|
+
padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
|
|
31158
|
+
padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
|
|
31159
|
+
}
|
|
29998
31160
|
|
|
29999
31161
|
.pf-v6-c-toolbar__content-section {
|
|
30000
31162
|
flex-wrap: wrap;
|
|
@@ -30055,14 +31217,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30055
31217
|
.pf-v6-c-toolbar.pf-m-no-background {
|
|
30056
31218
|
--pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-no-background--BackgroundColor);
|
|
30057
31219
|
}
|
|
31220
|
+
.pf-v6-c-toolbar.pf-m-vertical {
|
|
31221
|
+
--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart: auto;
|
|
31222
|
+
--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart: 0;
|
|
31223
|
+
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
31224
|
+
--pf-v6-c-toolbar--Width: var(--pf-v6-c-toolbar--m-vertical--Width);
|
|
31225
|
+
}
|
|
31226
|
+
.pf-v6-c-toolbar.pf-m-vertical :is(.pf-v6-c-toolbar__group, .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__content-section) {
|
|
31227
|
+
flex-direction: column;
|
|
31228
|
+
align-items: center;
|
|
31229
|
+
}
|
|
30058
31230
|
|
|
30059
31231
|
.pf-v6-c-toolbar__item {
|
|
30060
31232
|
--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
31233
|
}
|
|
30067
31234
|
@media (min-width: 36rem) {
|
|
30068
31235
|
.pf-v6-c-toolbar__item {
|
|
@@ -30089,6 +31256,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30089
31256
|
--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
31257
|
}
|
|
30091
31258
|
}
|
|
31259
|
+
.pf-v6-c-toolbar__item {
|
|
31260
|
+
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
|
|
31261
|
+
}
|
|
30092
31262
|
@media (min-width: 36rem) {
|
|
30093
31263
|
.pf-v6-c-toolbar__item {
|
|
30094
31264
|
--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 +31284,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30114
31284
|
--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
31285
|
}
|
|
30116
31286
|
}
|
|
31287
|
+
.pf-v6-c-toolbar__item {
|
|
31288
|
+
row-gap: var(--pf-v6-c-toolbar__item--RowGap);
|
|
31289
|
+
column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
|
|
31290
|
+
width: var(--pf-v6-c-toolbar__item--Width--base);
|
|
31291
|
+
min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
|
|
31292
|
+
}
|
|
30117
31293
|
.pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
|
|
30118
31294
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
|
|
30119
31295
|
}
|
|
@@ -30134,6 +31310,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30134
31310
|
row-gap: var(--pf-v6-c-toolbar__group--RowGap);
|
|
30135
31311
|
column-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
|
|
30136
31312
|
}
|
|
31313
|
+
.pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group {
|
|
31314
|
+
row-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
|
|
31315
|
+
}
|
|
30137
31316
|
.pf-v6-c-toolbar__group.pf-m-filter-group {
|
|
30138
31317
|
column-gap: var(--pf-v6-c-toolbar__group--m-filter-group--ColumnGap);
|
|
30139
31318
|
}
|
|
@@ -30145,9 +31324,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30145
31324
|
.pf-v6-c-toolbar__group.pf-m-action-group {
|
|
30146
31325
|
column-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
|
|
30147
31326
|
}
|
|
31327
|
+
.pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group.pf-m-action-group {
|
|
31328
|
+
row-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
|
|
31329
|
+
}
|
|
30148
31330
|
.pf-v6-c-toolbar__group.pf-m-action-group-plain {
|
|
30149
31331
|
column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
|
|
30150
31332
|
}
|
|
31333
|
+
.pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group.pf-m-action-group-plain {
|
|
31334
|
+
row-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
|
|
31335
|
+
}
|
|
30151
31336
|
.pf-v6-c-toolbar__group.pf-m-action-group-inline {
|
|
30152
31337
|
flex-wrap: wrap;
|
|
30153
31338
|
column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
|
|
@@ -30224,7 +31409,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30224
31409
|
}
|
|
30225
31410
|
.pf-v6-c-toolbar__group.pf-m-align-end,
|
|
30226
31411
|
.pf-v6-c-toolbar__item.pf-m-align-end {
|
|
30227
|
-
margin-
|
|
31412
|
+
margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
|
|
31413
|
+
margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
|
|
30228
31414
|
}
|
|
30229
31415
|
.pf-v6-c-toolbar__group.pf-m-flex-grow,
|
|
30230
31416
|
.pf-v6-c-toolbar__item.pf-m-flex-grow {
|
|
@@ -30479,7 +31665,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30479
31665
|
}
|
|
30480
31666
|
.pf-v6-c-toolbar__group.pf-m-align-end-on-sm,
|
|
30481
31667
|
.pf-v6-c-toolbar__item.pf-m-align-end-on-sm {
|
|
30482
|
-
margin-
|
|
31668
|
+
margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
|
|
31669
|
+
margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
|
|
30483
31670
|
}
|
|
30484
31671
|
.pf-v6-c-toolbar__group.pf-m-flex-grow-on-sm,
|
|
30485
31672
|
.pf-v6-c-toolbar__item.pf-m-flex-grow-on-sm {
|
|
@@ -30731,7 +31918,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30731
31918
|
}
|
|
30732
31919
|
.pf-v6-c-toolbar__group.pf-m-align-end-on-md,
|
|
30733
31920
|
.pf-v6-c-toolbar__item.pf-m-align-end-on-md {
|
|
30734
|
-
margin-
|
|
31921
|
+
margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
|
|
31922
|
+
margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
|
|
30735
31923
|
}
|
|
30736
31924
|
.pf-v6-c-toolbar__group.pf-m-flex-grow-on-md,
|
|
30737
31925
|
.pf-v6-c-toolbar__item.pf-m-flex-grow-on-md {
|
|
@@ -30983,7 +32171,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30983
32171
|
}
|
|
30984
32172
|
.pf-v6-c-toolbar__group.pf-m-align-end-on-lg,
|
|
30985
32173
|
.pf-v6-c-toolbar__item.pf-m-align-end-on-lg {
|
|
30986
|
-
margin-
|
|
32174
|
+
margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
|
|
32175
|
+
margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
|
|
30987
32176
|
}
|
|
30988
32177
|
.pf-v6-c-toolbar__group.pf-m-flex-grow-on-lg,
|
|
30989
32178
|
.pf-v6-c-toolbar__item.pf-m-flex-grow-on-lg {
|
|
@@ -31235,7 +32424,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31235
32424
|
}
|
|
31236
32425
|
.pf-v6-c-toolbar__group.pf-m-align-end-on-xl,
|
|
31237
32426
|
.pf-v6-c-toolbar__item.pf-m-align-end-on-xl {
|
|
31238
|
-
margin-
|
|
32427
|
+
margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
|
|
32428
|
+
margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
|
|
31239
32429
|
}
|
|
31240
32430
|
.pf-v6-c-toolbar__group.pf-m-flex-grow-on-xl,
|
|
31241
32431
|
.pf-v6-c-toolbar__item.pf-m-flex-grow-on-xl {
|
|
@@ -31487,7 +32677,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31487
32677
|
}
|
|
31488
32678
|
.pf-v6-c-toolbar__group.pf-m-align-end-on-2xl,
|
|
31489
32679
|
.pf-v6-c-toolbar__item.pf-m-align-end-on-2xl {
|
|
31490
|
-
margin-
|
|
32680
|
+
margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
|
|
32681
|
+
margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
|
|
31491
32682
|
}
|
|
31492
32683
|
.pf-v6-c-toolbar__group.pf-m-flex-grow-on-2xl,
|
|
31493
32684
|
.pf-v6-c-toolbar__item.pf-m-flex-grow-on-2xl {
|
|
@@ -31972,6 +33163,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31972
33163
|
--pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
|
|
31973
33164
|
--pf-v6-c-tree-view__list--TranslateY: 0;
|
|
31974
33165
|
--pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
|
|
33166
|
+
}
|
|
33167
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
33168
|
+
.pf-v6-c-tree-view {
|
|
33169
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
33170
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
33171
|
+
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
|
33172
|
+
}
|
|
33173
|
+
}
|
|
33174
|
+
.pf-v6-c-tree-view {
|
|
31975
33175
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
|
|
31976
33176
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
|
|
31977
33177
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
@@ -32000,6 +33200,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32000
33200
|
--pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
|
|
32001
33201
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
32002
33202
|
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
|
|
33203
|
+
--pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
33204
|
+
--pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
33205
|
+
--pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
32003
33206
|
--pf-v6-c-tree-view__node-text--max-lines: 1;
|
|
32004
33207
|
--pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
32005
33208
|
--pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -32055,6 +33258,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32055
33258
|
--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
32056
33259
|
--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
32057
33260
|
--pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
|
|
33261
|
+
--pf-v6-c-tree-view--m-compact__node-container--nested--Color: initial;
|
|
33262
|
+
--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: var(--pf-t--global--text--color--on-disabled);
|
|
33263
|
+
--pf-v6-c-tree-view--m-compact__node-icon--nested--Color: initial;
|
|
33264
|
+
--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
33265
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color: initial;
|
|
33266
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
32058
33267
|
--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
|
|
32059
33268
|
--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
|
|
32060
33269
|
--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 +33273,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32064
33273
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
|
|
32065
33274
|
--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
33275
|
}
|
|
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
33276
|
|
|
32075
33277
|
.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
33278
|
position: relative;
|
|
@@ -32151,11 +33353,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32151
33353
|
padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
|
|
32152
33354
|
padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
|
|
32153
33355
|
padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
|
|
33356
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--Color, inherit);
|
|
32154
33357
|
background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
|
|
32155
33358
|
}
|
|
32156
33359
|
.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
33360
|
margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
|
|
32158
33361
|
margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
|
|
33362
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color, inherit);
|
|
33363
|
+
}
|
|
33364
|
+
.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 {
|
|
33365
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-icon--nested--Color, inherit);
|
|
32159
33366
|
}
|
|
32160
33367
|
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
|
|
32161
33368
|
padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
|
|
@@ -32180,6 +33387,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32180
33387
|
}
|
|
32181
33388
|
.pf-v6-c-tree-view.pf-m-no-background {
|
|
32182
33389
|
--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
|
|
33390
|
+
--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: initial;
|
|
33391
|
+
--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: initial;
|
|
33392
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: initial;
|
|
33393
|
+
}
|
|
33394
|
+
|
|
33395
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
33396
|
+
scale: -1 1;
|
|
32183
33397
|
}
|
|
32184
33398
|
|
|
32185
33399
|
.pf-v6-c-tree-view__node-toggle-icon {
|
|
@@ -32189,9 +33403,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32189
33403
|
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
32190
33404
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
32191
33405
|
}
|
|
32192
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
32193
|
-
scale: -1 1;
|
|
32194
|
-
}
|
|
32195
33406
|
|
|
32196
33407
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
32197
33408
|
max-height: 0;
|
|
@@ -32255,6 +33466,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32255
33466
|
.pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
|
|
32256
33467
|
margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
|
|
32257
33468
|
}
|
|
33469
|
+
.pf-v6-c-tree-view__node.pf-m-disabled {
|
|
33470
|
+
--pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-disabled--Color);
|
|
33471
|
+
--pf-v6-c-tree-view__node-icon--Color: var(--pf-v6-c-tree-view__node-icon--m-disabled--Color);
|
|
33472
|
+
--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);
|
|
33473
|
+
--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);
|
|
33474
|
+
}
|
|
32258
33475
|
|
|
32259
33476
|
.pf-v6-c-tree-view__node-container {
|
|
32260
33477
|
display: var(--pf-v6-c-tree-view__node-container--Display);
|
|
@@ -32297,6 +33514,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32297
33514
|
transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
32298
33515
|
}
|
|
32299
33516
|
|
|
33517
|
+
.pf-v6-c-tree-view__node-toggle.pf-m-disabled {
|
|
33518
|
+
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--m-disabled--Color);
|
|
33519
|
+
}
|
|
33520
|
+
|
|
32300
33521
|
.pf-v6-c-tree-view__node-title.pf-m-truncate,
|
|
32301
33522
|
.pf-v6-c-tree-view__node-text.pf-m-truncate {
|
|
32302
33523
|
--pf-v6-c-tree-view__node-content--Overflow: hidden;
|
|
@@ -32312,6 +33533,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32312
33533
|
white-space: nowrap;
|
|
32313
33534
|
}
|
|
32314
33535
|
|
|
33536
|
+
label.pf-v6-c-tree-view__node-text {
|
|
33537
|
+
cursor: pointer;
|
|
33538
|
+
}
|
|
33539
|
+
|
|
32315
33540
|
.pf-v6-c-tree-view__node-text {
|
|
32316
33541
|
font-weight: inherit;
|
|
32317
33542
|
color: inherit;
|
|
@@ -32319,9 +33544,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32319
33544
|
background-color: transparent;
|
|
32320
33545
|
border: 0;
|
|
32321
33546
|
}
|
|
32322
|
-
label.pf-v6-c-tree-view__node-text {
|
|
32323
|
-
cursor: pointer;
|
|
32324
|
-
}
|
|
32325
33547
|
|
|
32326
33548
|
.pf-v6-c-tree-view__node-title {
|
|
32327
33549
|
font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
|
|
@@ -32550,6 +33772,15 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32550
33772
|
--pf-v6-c-wizard__nav--lg--Width: 15.625rem;
|
|
32551
33773
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
32552
33774
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
|
|
33775
|
+
}
|
|
33776
|
+
@media screen and (min-width: 62rem) {
|
|
33777
|
+
.pf-v6-c-wizard {
|
|
33778
|
+
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
33779
|
+
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
33780
|
+
--pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
|
|
33781
|
+
}
|
|
33782
|
+
}
|
|
33783
|
+
.pf-v6-c-wizard {
|
|
32553
33784
|
--pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
32554
33785
|
--pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
32555
33786
|
--pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -32574,13 +33805,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32574
33805
|
--pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
32575
33806
|
--pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
32576
33807
|
}
|
|
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
33808
|
|
|
32585
33809
|
.pf-v6-c-wizard {
|
|
32586
33810
|
position: relative;
|
|
@@ -32716,13 +33940,14 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32716
33940
|
color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
|
|
32717
33941
|
}
|
|
32718
33942
|
|
|
32719
|
-
.pf-v6-c-wizard__toggle-separator {
|
|
32720
|
-
color: var(--pf-v6-c-wizard__toggle-separator--Color);
|
|
32721
|
-
}
|
|
32722
33943
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
|
|
32723
33944
|
scale: -1 1;
|
|
32724
33945
|
}
|
|
32725
33946
|
|
|
33947
|
+
.pf-v6-c-wizard__toggle-separator {
|
|
33948
|
+
color: var(--pf-v6-c-wizard__toggle-separator--Color);
|
|
33949
|
+
}
|
|
33950
|
+
|
|
32726
33951
|
.pf-v6-c-wizard__toggle-icon {
|
|
32727
33952
|
line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
|
|
32728
33953
|
}
|
|
@@ -32730,8 +33955,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32730
33955
|
.pf-v6-c-wizard__outer-wrap {
|
|
32731
33956
|
position: relative;
|
|
32732
33957
|
display: flex;
|
|
32733
|
-
flex-direction: column;
|
|
32734
33958
|
flex-grow: 1;
|
|
33959
|
+
flex-direction: column;
|
|
32735
33960
|
min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
|
|
32736
33961
|
background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
|
|
32737
33962
|
}
|
|
@@ -32744,8 +33969,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32744
33969
|
.pf-v6-c-wizard__inner-wrap {
|
|
32745
33970
|
position: relative;
|
|
32746
33971
|
display: flex;
|
|
32747
|
-
flex-direction: column;
|
|
32748
33972
|
flex-grow: 1;
|
|
33973
|
+
flex-direction: column;
|
|
32749
33974
|
min-height: 0;
|
|
32750
33975
|
}
|
|
32751
33976
|
@media screen and (min-width: 62rem) {
|
|
@@ -32923,6 +34148,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32923
34148
|
color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
|
|
32924
34149
|
}
|
|
32925
34150
|
|
|
34151
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|
|
34152
|
+
scale: -1 1;
|
|
34153
|
+
}
|
|
34154
|
+
|
|
32926
34155
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
32927
34156
|
display: inline-block;
|
|
32928
34157
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
@@ -32930,15 +34159,12 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32930
34159
|
transition-property: transform;
|
|
32931
34160
|
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
32932
34161
|
}
|
|
32933
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|
|
32934
|
-
scale: -1 1;
|
|
32935
|
-
}
|
|
32936
34162
|
|
|
32937
34163
|
.pf-v6-c-wizard__main {
|
|
32938
34164
|
z-index: var(--pf-v6-c-wizard__main--ZIndex);
|
|
32939
34165
|
display: flex;
|
|
32940
|
-
flex-direction: column;
|
|
32941
34166
|
flex-grow: 1;
|
|
34167
|
+
flex-direction: column;
|
|
32942
34168
|
overflow-x: hidden;
|
|
32943
34169
|
overflow-y: auto;
|
|
32944
34170
|
word-break: break-word;
|
|
@@ -35376,12 +36602,13 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35376
36602
|
display: grid;
|
|
35377
36603
|
grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
|
|
35378
36604
|
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
36605
|
}
|
|
35382
36606
|
.pf-v6-l-gallery.pf-m-gutter {
|
|
35383
36607
|
grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
35384
36608
|
}
|
|
36609
|
+
.pf-v6-l-gallery {
|
|
36610
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
36611
|
+
}
|
|
35385
36612
|
@media (min-width: 36rem) {
|
|
35386
36613
|
.pf-v6-l-gallery {
|
|
35387
36614
|
--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 +36634,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35407
36634
|
--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
36635
|
}
|
|
35409
36636
|
}
|
|
36637
|
+
.pf-v6-l-gallery {
|
|
36638
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
36639
|
+
}
|
|
35410
36640
|
@media (min-width: 36rem) {
|
|
35411
36641
|
.pf-v6-l-gallery {
|
|
35412
36642
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
|