@patternfly/patternfly 6.5.0-prerelease.5 → 6.5.0-prerelease.50
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 +17 -14
- package/components/Accordion/accordion.scss +1 -2
- package/components/ActionList/action-list.css +2 -0
- package/components/ActionList/action-list.scss +2 -0
- package/components/Alert/alert.css +7 -5
- package/components/Alert/alert.scss +2 -1
- 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 +117 -14
- package/components/Button/button.scss +127 -10
- package/components/CalendarMonth/calendar-month.css +4 -3
- package/components/Card/card.css +20 -7
- package/components/Card/card.scss +16 -2
- package/components/ClipboardCopy/clipboard-copy.css +7 -6
- package/components/ClipboardCopy/clipboard-copy.scss +3 -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 +350 -0
- package/components/DataList/data-list.css +34 -23
- package/components/DataList/data-list.scss +7 -2
- 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 +18 -12
- package/components/DualListSelector/dual-list-selector.scss +1 -1
- package/components/ExpandableSection/expandable-section.css +21 -16
- package/components/ExpandableSection/expandable-section.scss +6 -3
- package/components/Form/form.css +2 -2
- package/components/Form/form.scss +2 -2
- package/components/FormControl/form-control.css +3 -3
- package/components/FormControl/form-control.scss +3 -3
- package/components/Hero/hero.css +74 -0
- package/components/Hero/hero.scss +86 -0
- package/components/JumpLinks/jump-links.css +5 -4
- package/components/JumpLinks/jump-links.scss +6 -2
- 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 +5 -1
- package/components/MenuToggle/menu-toggle.scss +6 -1
- package/components/ModalBox/modal-box.css +9 -7
- package/components/ModalBox/modal-box.scss +2 -2
- package/components/Nav/nav.css +74 -11
- package/components/Nav/nav.scss +77 -5
- package/components/NotificationDrawer/notification-drawer.css +19 -9
- package/components/NotificationDrawer/notification-drawer.scss +14 -5
- 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 +4 -2
- package/components/Switch/switch.scss +1 -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 +33 -29
- package/components/Table/table.scss +2 -2
- package/components/Tabs/tabs.css +35 -18
- package/components/Tabs/tabs.scss +35 -7
- package/components/TextInputGroup/text-input-group.css +2 -2
- package/components/TextInputGroup/text-input-group.scss +2 -2
- package/components/ToggleGroup/toggle-group.css +34 -17
- package/components/ToggleGroup/toggle-group.scss +36 -20
- package/components/Toolbar/toolbar.css +47 -15
- package/components/Toolbar/toolbar.scss +34 -6
- package/components/TreeView/tree-view.css +45 -14
- package/components/TreeView/tree-view.scss +32 -1
- package/components/Wizard/wizard.css +21 -17
- package/components/Wizard/wizard.scss +4 -4
- package/components/_index.css +1602 -676
- package/components/_index.scss +3 -1
- package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
- package/docs/components/Accordion/examples/Accordion.md +390 -30
- package/docs/components/ActionList/examples/ActionList.md +143 -11
- package/docs/components/Alert/examples/Alert.md +678 -54
- package/docs/components/Avatar/examples/Avatar.md +4 -4
- package/docs/components/BackToTop/examples/BackToTop.md +13 -1
- package/docs/components/Banner/examples/Banner.md +65 -5
- package/docs/components/Brand/examples/Brand.md +2 -2
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
- package/docs/components/Button/examples/Button.md +2217 -241
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +104 -8
- package/docs/components/Card/examples/Card.md +206 -4
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +286 -22
- package/docs/components/CodeBlock/examples/CodeBlock.md +104 -8
- package/docs/components/CodeEditor/examples/CodeEditor.md +195 -15
- package/docs/components/Compass/examples/Compass.css +17 -0
- package/docs/components/Compass/examples/Compass.md +119 -0
- package/docs/components/DataList/examples/DataList.md +405 -205
- package/docs/components/DatePicker/examples/DatePicker.md +78 -6
- package/docs/components/DescriptionList/examples/DescriptionList.md +327 -27
- package/docs/components/Divider/examples/Divider.md +2 -2
- package/docs/components/Drawer/examples/Drawer.md +353 -35
- package/docs/components/DualListSelector/examples/DualListSelector.md +1013 -143
- package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
- package/docs/components/Form/examples/Form.md +78 -6
- package/docs/components/Hero/examples/Hero.md +25 -0
- package/docs/components/Icon/examples/Icon.md +92 -8
- package/docs/components/InlineEdit/examples/InlineEdit.md +312 -24
- package/docs/components/InputGroup/examples/InputGroup.md +27 -3
- package/docs/components/JumpLinks/examples/JumpLinks.md +54 -6
- package/docs/components/Label/examples/Label.md +2834 -218
- package/docs/components/Login/examples/Login.md +26 -2
- package/docs/components/Masthead/examples/masthead.md +80 -1
- package/docs/components/Menu/examples/Menu.md +1458 -114
- package/docs/components/MenuToggle/examples/MenuToggle.md +53 -1
- package/docs/components/ModalBox/examples/ModalBox.md +287 -23
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +156 -12
- package/docs/components/Nav/examples/Navigation.md +798 -58
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +598 -46
- package/docs/components/OverflowMenu/examples/overflow-menu.md +78 -6
- package/docs/components/Page/examples/Page.md +51 -2
- package/docs/components/Pagination/examples/Pagination.md +627 -51
- package/docs/components/Popover/examples/Popover.md +286 -22
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +275 -23
- package/docs/components/Sidebar/examples/Sidebar.md +1 -1
- package/docs/components/Slider/examples/Slider.md +52 -4
- package/docs/components/Table/examples/Table.md +875 -70
- package/docs/components/Tabs/examples/Tabs.md +4127 -320
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +600 -48
- package/docs/components/ToggleGroup/examples/toggle-group.md +195 -15
- package/docs/components/Toolbar/examples/Toolbar.md +490 -42
- package/docs/components/TreeView/examples/TreeView.md +1390 -130
- package/docs/components/Wizard/examples/Wizard.md +492 -72
- package/docs/demos/AboutModal/examples/AboutModal.md +57 -9
- package/docs/demos/Alert/examples/Alert.md +236 -32
- package/docs/demos/BackToTop/examples/BackToTop.md +57 -9
- package/docs/demos/Banner/examples/Banner.md +88 -16
- package/docs/demos/Button/examples/Button.md +13 -1
- package/docs/demos/Card/examples/Card.md +399 -42
- package/docs/demos/CardView/examples/CardView.md +161 -17
- package/docs/demos/Compass/examples/Compass.md +6836 -0
- package/docs/demos/Dashboard/examples/Dashboard.md +173 -26
- package/docs/demos/DataList/examples/DataList.md +566 -65
- package/docs/demos/DescriptionList/examples/DescriptionList.md +156 -27
- package/docs/demos/Drawer/examples/Drawer.md +216 -45
- package/docs/demos/Form/examples/BasicForms.md +273 -21
- package/docs/demos/JumpLinks/examples/JumpLinks.md +272 -59
- package/docs/demos/Masthead/examples/Masthead.md +458 -89
- package/docs/demos/Modal/examples/Modal.md +342 -57
- package/docs/demos/Nav/examples/Nav.md +660 -87
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1088 -140
- package/docs/demos/Page/examples/Page.md +618 -123
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +691 -113
- package/docs/demos/Skeleton/examples/Skeleton.md +44 -8
- package/docs/demos/Table/examples/Table.md +3924 -256
- package/docs/demos/Tabs/examples/Tabs.md +407 -65
- package/docs/demos/Toolbar/examples/Toolbar.md +502 -52
- package/docs/demos/Wizard/examples/Wizard.md +796 -130
- 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 +1947 -625
- package/patternfly.css +1954 -625
- 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
|
}
|
|
@@ -9025,7 +9433,7 @@ button) {
|
|
|
9025
9433
|
--pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
9026
9434
|
--pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
|
|
9027
9435
|
--pf-v6-c-accordion__toggle-icon--Rotate: 0;
|
|
9028
|
-
--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate:
|
|
9436
|
+
--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: -180deg;
|
|
9029
9437
|
--pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
9030
9438
|
--pf-v6-c-accordion__expandable-content--MarginBlockEnd: 0;
|
|
9031
9439
|
--pf-v6-c-accordion__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -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 {
|
|
@@ -9354,7 +9767,7 @@ button) {
|
|
|
9354
9767
|
". . description description"
|
|
9355
9768
|
". . actiongroup actiongroup";
|
|
9356
9769
|
--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
|
|
9357
|
-
--pf-v6-c-alert--m-expanded__toggle-icon--Rotate:
|
|
9770
|
+
--pf-v6-c-alert--m-expanded__toggle-icon--Rotate: -180deg;
|
|
9358
9771
|
--pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
|
|
9359
9772
|
}
|
|
9360
9773
|
|
|
@@ -9427,20 +9840,22 @@ 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;
|
|
9441
9855
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
9442
9856
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
9443
9857
|
color: var(--pf-v6-c-alert__icon--Color);
|
|
9858
|
+
scale: 1.14;
|
|
9444
9859
|
}
|
|
9445
9860
|
|
|
9446
9861
|
.pf-v6-c-alert__title {
|
|
@@ -9451,9 +9866,9 @@ button) {
|
|
|
9451
9866
|
}
|
|
9452
9867
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
9453
9868
|
display: -webkit-box;
|
|
9869
|
+
overflow: hidden;
|
|
9454
9870
|
-webkit-box-orient: vertical;
|
|
9455
9871
|
-webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
|
|
9456
|
-
overflow: hidden;
|
|
9457
9872
|
}
|
|
9458
9873
|
|
|
9459
9874
|
.pf-v6-c-alert__description {
|
|
@@ -9690,7 +10105,6 @@ button) {
|
|
|
9690
10105
|
}
|
|
9691
10106
|
.pf-v6-c-avatar.pf-m-sm {
|
|
9692
10107
|
--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
10108
|
}
|
|
9695
10109
|
@media (min-width: 36rem) {
|
|
9696
10110
|
.pf-v6-c-avatar.pf-m-sm {
|
|
@@ -9717,6 +10131,9 @@ button) {
|
|
|
9717
10131
|
--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
10132
|
}
|
|
9719
10133
|
}
|
|
10134
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
10135
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
|
|
10136
|
+
}
|
|
9720
10137
|
@media (min-width: 36rem) {
|
|
9721
10138
|
.pf-v6-c-avatar.pf-m-sm {
|
|
9722
10139
|
--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 +10161,6 @@ button) {
|
|
|
9744
10161
|
}
|
|
9745
10162
|
.pf-v6-c-avatar.pf-m-md {
|
|
9746
10163
|
--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
10164
|
}
|
|
9749
10165
|
@media (min-width: 36rem) {
|
|
9750
10166
|
.pf-v6-c-avatar.pf-m-md {
|
|
@@ -9771,6 +10187,9 @@ button) {
|
|
|
9771
10187
|
--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
10188
|
}
|
|
9773
10189
|
}
|
|
10190
|
+
.pf-v6-c-avatar.pf-m-md {
|
|
10191
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
|
|
10192
|
+
}
|
|
9774
10193
|
@media (min-width: 36rem) {
|
|
9775
10194
|
.pf-v6-c-avatar.pf-m-md {
|
|
9776
10195
|
--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 +10217,6 @@ button) {
|
|
|
9798
10217
|
}
|
|
9799
10218
|
.pf-v6-c-avatar.pf-m-lg {
|
|
9800
10219
|
--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
10220
|
}
|
|
9803
10221
|
@media (min-width: 36rem) {
|
|
9804
10222
|
.pf-v6-c-avatar.pf-m-lg {
|
|
@@ -9825,6 +10243,9 @@ button) {
|
|
|
9825
10243
|
--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
10244
|
}
|
|
9827
10245
|
}
|
|
10246
|
+
.pf-v6-c-avatar.pf-m-lg {
|
|
10247
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
|
|
10248
|
+
}
|
|
9828
10249
|
@media (min-width: 36rem) {
|
|
9829
10250
|
.pf-v6-c-avatar.pf-m-lg {
|
|
9830
10251
|
--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 +10273,6 @@ button) {
|
|
|
9852
10273
|
}
|
|
9853
10274
|
.pf-v6-c-avatar.pf-m-xl {
|
|
9854
10275
|
--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
10276
|
}
|
|
9857
10277
|
@media (min-width: 36rem) {
|
|
9858
10278
|
.pf-v6-c-avatar.pf-m-xl {
|
|
@@ -9879,6 +10299,9 @@ button) {
|
|
|
9879
10299
|
--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
10300
|
}
|
|
9881
10301
|
}
|
|
10302
|
+
.pf-v6-c-avatar.pf-m-xl {
|
|
10303
|
+
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
|
|
10304
|
+
}
|
|
9882
10305
|
@media (min-width: 36rem) {
|
|
9883
10306
|
.pf-v6-c-avatar.pf-m-xl {
|
|
9884
10307
|
--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 +10359,12 @@ button) {
|
|
|
9936
10359
|
|
|
9937
10360
|
.pf-v6-c-background-image {
|
|
9938
10361
|
--pf-v6-c-background-image--BackgroundPosition: bottom right;
|
|
10362
|
+
}
|
|
10363
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
|
|
10364
|
+
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
10365
|
+
}
|
|
10366
|
+
|
|
10367
|
+
.pf-v6-c-background-image {
|
|
9939
10368
|
position: fixed;
|
|
9940
10369
|
inset-block-start: 0;
|
|
9941
10370
|
inset-inline-start: 0;
|
|
@@ -9948,9 +10377,6 @@ button) {
|
|
|
9948
10377
|
background-position: var(--pf-v6-c-background-image--BackgroundPosition);
|
|
9949
10378
|
background-size: var(--pf-v6-c-background-image--BackgroundSize);
|
|
9950
10379
|
}
|
|
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
10380
|
|
|
9955
10381
|
.pf-v6-c-back-to-top {
|
|
9956
10382
|
--pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
@@ -10068,6 +10494,14 @@ button) {
|
|
|
10068
10494
|
--pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
10069
10495
|
--pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10070
10496
|
--pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
10497
|
+
}
|
|
10498
|
+
@media (min-width: 48rem) {
|
|
10499
|
+
.pf-v6-c-banner {
|
|
10500
|
+
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
|
|
10501
|
+
--pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
|
|
10502
|
+
}
|
|
10503
|
+
}
|
|
10504
|
+
.pf-v6-c-banner {
|
|
10071
10505
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
10072
10506
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
10073
10507
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
@@ -10101,12 +10535,6 @@ button) {
|
|
|
10101
10535
|
--pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
10102
10536
|
--pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
10103
10537
|
}
|
|
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
10538
|
|
|
10111
10539
|
.pf-v6-c-banner {
|
|
10112
10540
|
flex-shrink: 0;
|
|
@@ -10209,7 +10637,6 @@ button) {
|
|
|
10209
10637
|
width: var(--pf-v6-c-brand--Width--base);
|
|
10210
10638
|
height: var(--pf-v6-c-brand--Height--base);
|
|
10211
10639
|
--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
10640
|
}
|
|
10214
10641
|
@media (min-width: 36rem) {
|
|
10215
10642
|
.pf-v6-c-brand {
|
|
@@ -10236,6 +10663,9 @@ button) {
|
|
|
10236
10663
|
--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
10664
|
}
|
|
10238
10665
|
}
|
|
10666
|
+
.pf-v6-c-brand {
|
|
10667
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
|
|
10668
|
+
}
|
|
10239
10669
|
@media (min-width: 36rem) {
|
|
10240
10670
|
.pf-v6-c-brand {
|
|
10241
10671
|
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
|
|
@@ -10316,15 +10746,16 @@ button) {
|
|
|
10316
10746
|
margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
|
|
10317
10747
|
}
|
|
10318
10748
|
|
|
10749
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
|
|
10750
|
+
scale: -1 1;
|
|
10751
|
+
}
|
|
10752
|
+
|
|
10319
10753
|
.pf-v6-c-breadcrumb__item-divider {
|
|
10320
10754
|
margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
|
|
10321
10755
|
font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
|
|
10322
10756
|
line-height: 1;
|
|
10323
10757
|
color: var(--pf-v6-c-breadcrumb__item-divider--Color);
|
|
10324
10758
|
}
|
|
10325
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
|
|
10326
|
-
scale: -1 1;
|
|
10327
|
-
}
|
|
10328
10759
|
|
|
10329
10760
|
.pf-v6-c-breadcrumb__link {
|
|
10330
10761
|
padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
|
|
@@ -10409,11 +10840,16 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10409
10840
|
--pf-v6-c-button--hover--TextDecorationLine: none;
|
|
10410
10841
|
--pf-v6-c-button--hover--TextDecorationStyle: none;
|
|
10411
10842
|
--pf-v6-c-button--hover--TextDecorationColor: currentcolor;
|
|
10843
|
+
--pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
10412
10844
|
--pf-v6-c-button--hover--ScaleX: 1;
|
|
10413
10845
|
--pf-v6-c-button--hover--ScaleY: 1;
|
|
10414
10846
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
|
10415
10847
|
--pf-v6-c-button--m-clicked--BorderColor: transparent;
|
|
10416
10848
|
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
|
10849
|
+
--pf-v6-c-button--m-clicked--TextDecorationLine: none;
|
|
10850
|
+
--pf-v6-c-button--m-clicked--TextDecorationStyle: none;
|
|
10851
|
+
--pf-v6-c-button--m-clicked--TextDecorationColor: currentcolor;
|
|
10852
|
+
--pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--default);
|
|
10417
10853
|
--pf-v6-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
10418
10854
|
--pf-v6-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
10419
10855
|
--pf-v6-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
@@ -10452,7 +10888,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10452
10888
|
--pf-v6-c-button--m-tertiary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
10453
10889
|
--pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
10454
10890
|
--pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
10455
|
-
--pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--
|
|
10891
|
+
--pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
10456
10892
|
--pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
10457
10893
|
--pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
10458
10894
|
--pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
|
|
@@ -10490,10 +10926,17 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10490
10926
|
--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
|
|
10491
10927
|
--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
|
|
10492
10928
|
--pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
|
|
10929
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
|
|
10493
10930
|
--pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
10494
10931
|
--pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
10932
|
+
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--default);
|
|
10933
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
|
|
10495
10934
|
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
10496
10935
|
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
10936
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
10937
|
+
--pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
|
|
10938
|
+
--pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
|
|
10939
|
+
--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
10940
|
--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
|
|
10498
10941
|
--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
10942
|
--pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -10503,11 +10946,9 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10503
10946
|
--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
10504
10947
|
--pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
|
|
10505
10948
|
--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
10949
|
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
10508
10950
|
--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-
|
|
10510
|
-
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
10951
|
+
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
10511
10952
|
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
10512
10953
|
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
10513
10954
|
--pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -10541,12 +10982,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10541
10982
|
--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
|
|
10542
10983
|
--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
|
|
10543
10984
|
--pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
|
|
10544
|
-
--pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--
|
|
10985
|
+
--pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
|
|
10545
10986
|
--pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
10546
10987
|
--pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
10547
10988
|
--pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
|
|
10548
10989
|
--pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
10549
|
-
--pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
|
|
10990
|
+
--pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
10550
10991
|
--pf-v6-c-button--m-control--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
10551
10992
|
--pf-v6-c-button--m-control__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
10552
10993
|
--pf-v6-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -10613,7 +11054,37 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10613
11054
|
--pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
|
|
10614
11055
|
--pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
|
|
10615
11056
|
--pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
10616
|
-
--pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--
|
|
11057
|
+
--pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
|
|
11058
|
+
--pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
|
|
11059
|
+
--pf-v6-c-button--m-display-lg--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
11060
|
+
--pf-v6-c-button--m-display-lg--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
11061
|
+
--pf-v6-c-button--m-display-lg--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
11062
|
+
--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationColor: var(--pf-t--global--border--color--control--default);
|
|
11063
|
+
--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
11064
|
+
--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
11065
|
+
--pf-v6-c-button--m-display-lg--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
11066
|
+
--pf-v6-c-button--m-display-lg--m-primary--Color: var(--pf-t--global--text--color--on-brand--accent--default);
|
|
11067
|
+
--pf-v6-c-button--m-display-lg--m-primary--BackgroundColor: var(--pf-t--global--color--brand--accent--default);
|
|
11068
|
+
--pf-v6-c-button--m-display-lg--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--default);
|
|
11069
|
+
--pf-v6-c-button--m-display-lg--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--accent--hover);
|
|
11070
|
+
--pf-v6-c-button--m-display-lg--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--accent--hover);
|
|
11071
|
+
--pf-v6-c-button--m-display-lg--m-primary--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--hover);
|
|
11072
|
+
--pf-v6-c-button--m-display-lg--m-primary--m-clicked--Color: var(--pf-t--global--text--color--on-brand--accent--clicked);
|
|
11073
|
+
--pf-v6-c-button--m-display-lg--m-primary--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--accent--clicked);
|
|
11074
|
+
--pf-v6-c-button--m-display-lg--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--clicked);
|
|
11075
|
+
--pf-v6-c-button--m-display-lg--m-primary--hover--TextDecorationColor: currentcolor;
|
|
11076
|
+
--pf-v6-c-button--m-display-lg--m-primary--m-clicked--TextDecorationColor: currentcolor;
|
|
11077
|
+
--pf-v6-c-button--m-display-lg--m-secondary--Color: var(--pf-t--global--text--color--regular);
|
|
11078
|
+
--pf-v6-c-button--m-display-lg--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--accent--default);
|
|
11079
|
+
--pf-v6-c-button--m-display-lg--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--accent--default);
|
|
11080
|
+
--pf-v6-c-button--m-display-lg--m-secondary--hover--Color: var(--pf-t--global--text--color--regular);
|
|
11081
|
+
--pf-v6-c-button--m-display-lg--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--accent--hover);
|
|
11082
|
+
--pf-v6-c-button--m-display-lg--m-secondary--hover__icon--Color: var(--pf-t--global--icon--color--brand--accent--hover);
|
|
11083
|
+
--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--Color: var(--pf-t--global--text--color--regular);
|
|
11084
|
+
--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--BorderColor: var(--pf-t--global--border--color--brand--accent--clicked);
|
|
11085
|
+
--pf-v6-c-button--m-display-lg--m-secondary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--accent--clicked);
|
|
11086
|
+
--pf-v6-c-button--m-display-lg--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--default);
|
|
11087
|
+
--pf-v6-c-button--m-display-lg--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--default);
|
|
10617
11088
|
--pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
10618
11089
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
10619
11090
|
--pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
@@ -10692,6 +11163,14 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10692
11163
|
--pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
|
|
10693
11164
|
--pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
|
|
10694
11165
|
--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
|
|
11166
|
+
--pf-v6-c-button--m-circle--ScaleX: 1.29;
|
|
11167
|
+
--pf-v6-c-button--m-circle--ScaleY: 1.29;
|
|
11168
|
+
--pf-v6-c-button--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
11169
|
+
--pf-v6-c-button--m-circle--Padding--base: var(--pf-t--global--spacer--control--vertical--default);
|
|
11170
|
+
--pf-v6-c-button--m-circle--PaddingBlockStart: var(--pf-v6-c-button--m-circle--Padding--base);
|
|
11171
|
+
--pf-v6-c-button--m-circle--PaddingInlineEnd: 0;
|
|
11172
|
+
--pf-v6-c-button--m-circle--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--Padding--base);
|
|
11173
|
+
--pf-v6-c-button--m-circle--PaddingInlineStart: 0;
|
|
10695
11174
|
}
|
|
10696
11175
|
|
|
10697
11176
|
.pf-v6-c-button {
|
|
@@ -10813,6 +11292,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10813
11292
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
|
|
10814
11293
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
|
|
10815
11294
|
}
|
|
11295
|
+
span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
11296
|
+
--pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
|
|
11297
|
+
--pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
|
|
11298
|
+
--pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
|
|
11299
|
+
}
|
|
11300
|
+
|
|
10816
11301
|
.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
10817
11302
|
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
|
|
10818
11303
|
--pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
|
|
@@ -10823,12 +11308,13 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10823
11308
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
|
|
10824
11309
|
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
|
|
10825
11310
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
|
|
11311
|
+
--pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-link--m-inline--TransitionDuration);
|
|
11312
|
+
--pf-v6-c-button--TransitionTimingFunction: var(--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction);
|
|
11313
|
+
--pf-v6-c-button--TransitionProperty: var(--pf-v6-c-button--m-link--m-inline--TransitionProperty);
|
|
10826
11314
|
--pf-v6-c-button--BackgroundColor: transparent;
|
|
10827
11315
|
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
|
|
10828
11316
|
--pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
|
|
10829
11317
|
--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
11318
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
10833
11319
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
|
10834
11320
|
--pf-v6-c-button--disabled--BackgroundColor: transparent;
|
|
@@ -10837,23 +11323,24 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10837
11323
|
--pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
|
|
10838
11324
|
--pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
|
|
10839
11325
|
--pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
|
|
11326
|
+
--pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
|
|
11327
|
+
--pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
|
|
10840
11328
|
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
|
11329
|
+
--pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
10841
11330
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
|
10842
11331
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
|
10843
11332
|
--pf-v6-c-button--BorderWidth: 0;
|
|
10844
11333
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
10845
11334
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
10846
11335
|
text-align: start;
|
|
11336
|
+
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
10847
11337
|
white-space: normal;
|
|
10848
11338
|
background: transparent;
|
|
10849
11339
|
outline-offset: 0.125rem;
|
|
10850
11340
|
}
|
|
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);
|
|
11341
|
+
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
11342
|
+
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
10855
11343
|
}
|
|
10856
|
-
|
|
10857
11344
|
.pf-v6-c-button.pf-m-link.pf-m-danger {
|
|
10858
11345
|
--pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
|
|
10859
11346
|
--pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
|
|
@@ -11004,6 +11491,38 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11004
11491
|
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
|
|
11005
11492
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
|
|
11006
11493
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
|
|
11494
|
+
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationColor);
|
|
11495
|
+
--pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationLine);
|
|
11496
|
+
--pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationStyle);
|
|
11497
|
+
--pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-display-lg--hover--TextUnderlineOffset);
|
|
11498
|
+
--pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationColor);
|
|
11499
|
+
--pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationLine);
|
|
11500
|
+
--pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationStyle);
|
|
11501
|
+
--pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-display-lg--m-clicked--TextUnderlineOffset);
|
|
11502
|
+
--pf-v6-c-button--m-primary--Color: var(--pf-v6-c-button--m-display-lg--m-primary--Color);
|
|
11503
|
+
--pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--BackgroundColor);
|
|
11504
|
+
--pf-v6-c-button--m-primary__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary__icon--Color);
|
|
11505
|
+
--pf-v6-c-button--m-primary--hover--Color: var(--pf-v6-c-button--m-display-lg--m-primary--hover--Color);
|
|
11506
|
+
--pf-v6-c-button--m-primary--hover--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--hover--BackgroundColor);
|
|
11507
|
+
--pf-v6-c-button--m-primary--hover__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary--hover__icon--Color);
|
|
11508
|
+
--pf-v6-c-button--m-primary--m-clicked--Color: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--Color);
|
|
11509
|
+
--pf-v6-c-button--m-primary--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--BackgroundColor);
|
|
11510
|
+
--pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked__icon--Color);
|
|
11511
|
+
--pf-v6-c-button--m-secondary--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--Color);
|
|
11512
|
+
--pf-v6-c-button--m-secondary--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--BorderColor);
|
|
11513
|
+
--pf-v6-c-button--m-secondary__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary__icon--Color);
|
|
11514
|
+
--pf-v6-c-button--m-secondary--hover--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--hover--Color);
|
|
11515
|
+
--pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--hover--BorderColor);
|
|
11516
|
+
--pf-v6-c-button--m-secondary--hover__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--hover__icon--Color);
|
|
11517
|
+
--pf-v6-c-button--m-secondary--m-clicked--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--Color);
|
|
11518
|
+
--pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--BorderColor);
|
|
11519
|
+
--pf-v6-c-button--m-secondary--m-clicked__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked__icon--Color);
|
|
11520
|
+
--pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-v6-c-button--m-display-lg--m-tertiary--hover--BorderColor);
|
|
11521
|
+
--pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-v6-c-button--m-display-lg--m-tertiary--m-clicked--BorderColor);
|
|
11522
|
+
}
|
|
11523
|
+
.pf-v6-c-button.pf-m-display-lg.pf-m-primary {
|
|
11524
|
+
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-primary--hover--TextDecorationColor);
|
|
11525
|
+
--pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--TextDecorationColor);
|
|
11007
11526
|
}
|
|
11008
11527
|
.pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
|
|
11009
11528
|
display: grid;
|
|
@@ -11059,6 +11578,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11059
11578
|
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
11060
11579
|
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
11061
11580
|
}
|
|
11581
|
+
.pf-v6-c-button.pf-m-circle {
|
|
11582
|
+
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
|
|
11583
|
+
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-circle--PaddingBlockStart);
|
|
11584
|
+
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-circle--PaddingInlineEnd);
|
|
11585
|
+
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--PaddingBlockEnd);
|
|
11586
|
+
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-circle--PaddingInlineStart);
|
|
11587
|
+
}
|
|
11588
|
+
.pf-v6-c-button.pf-m-circle .pf-v6-c-button__icon {
|
|
11589
|
+
scale: var(--pf-v6-c-button--m-circle--ScaleX) var(--pf-v6-c-button--m-circle--ScaleY);
|
|
11590
|
+
}
|
|
11062
11591
|
.pf-v6-c-button:hover, .pf-v6-c-button:focus {
|
|
11063
11592
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
|
|
11064
11593
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
|
@@ -11077,6 +11606,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11077
11606
|
text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
|
|
11078
11607
|
text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
|
|
11079
11608
|
text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
|
|
11609
|
+
text-underline-offset: var(--pf-v6-c-button--hover--TextUnderlineOffset);
|
|
11080
11610
|
outline-offset: var(--pf-t--global--focus-ring--position--offset);
|
|
11081
11611
|
}
|
|
11082
11612
|
.pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
|
|
@@ -11085,6 +11615,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11085
11615
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
|
|
11086
11616
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
|
|
11087
11617
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
|
|
11618
|
+
text-decoration-line: var(--pf-v6-c-button--m-clicked--TextDecorationLine);
|
|
11619
|
+
text-decoration-style: var(--pf-v6-c-button--m-clicked--TextDecorationStyle);
|
|
11620
|
+
text-decoration-color: var(--pf-v6-c-button--m-clicked--TextDecorationColor);
|
|
11621
|
+
text-underline-offset: var(--pf-v6-c-button--m-clicked--TextUnderlineOffset);
|
|
11088
11622
|
}
|
|
11089
11623
|
.pf-v6-c-button:active {
|
|
11090
11624
|
background-size: 100% 100%;
|
|
@@ -11313,13 +11847,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11313
11847
|
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
11314
11848
|
}
|
|
11315
11849
|
|
|
11850
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
11851
|
+
scale: -1 1;
|
|
11852
|
+
}
|
|
11853
|
+
|
|
11316
11854
|
.pf-v6-c-calendar-month__header-nav-control {
|
|
11317
11855
|
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
11318
11856
|
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
11319
11857
|
}
|
|
11320
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
11321
|
-
scale: -1 1;
|
|
11322
|
-
}
|
|
11323
11858
|
|
|
11324
11859
|
.pf-v6-c-calendar-month__header-month {
|
|
11325
11860
|
flex-grow: 1;
|
|
@@ -11494,7 +12029,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11494
12029
|
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
11495
12030
|
--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
11496
12031
|
--pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
11497
|
-
--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate:
|
|
12032
|
+
--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: -180deg;
|
|
11498
12033
|
--pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
|
|
11499
12034
|
--pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
11500
12035
|
--pf-v6-c-card--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
@@ -11596,6 +12131,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11596
12131
|
.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
12132
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor);
|
|
11598
12133
|
}
|
|
12134
|
+
.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) {
|
|
12135
|
+
--pf-v6-c-card__actions--PaddingInlineStart: 0;
|
|
12136
|
+
--pf-v6-c-card__actions--MarginBlockStart: 0;
|
|
12137
|
+
--pf-v6-c-card__actions--MarginBlockEnd: 0;
|
|
12138
|
+
}
|
|
12139
|
+
|
|
11599
12140
|
.pf-v6-c-card.pf-m-compact {
|
|
11600
12141
|
--pf-v6-c-card__title-text--FontSize: var(--pf-v6-c-card--m-compact__title-text--FontSize);
|
|
11601
12142
|
--pf-v6-c-card__body--FontSize: var(--pf-v6-c-card--m-compact__body--FontSize);
|
|
@@ -11663,12 +12204,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11663
12204
|
flex-wrap: wrap;
|
|
11664
12205
|
row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
|
|
11665
12206
|
}
|
|
11666
|
-
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
11667
|
-
margin-inline-start: 0;
|
|
11668
|
-
}
|
|
11669
12207
|
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
|
|
11670
12208
|
margin-inline-end: auto;
|
|
11671
12209
|
}
|
|
12210
|
+
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
12211
|
+
margin-inline-start: 0;
|
|
12212
|
+
}
|
|
11672
12213
|
|
|
11673
12214
|
.pf-v6-c-card__header-main {
|
|
11674
12215
|
flex-grow: 1;
|
|
@@ -11682,15 +12223,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11682
12223
|
margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
|
|
11683
12224
|
}
|
|
11684
12225
|
|
|
12226
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
|
|
12227
|
+
scale: -1 1;
|
|
12228
|
+
}
|
|
12229
|
+
|
|
11685
12230
|
.pf-v6-c-card__header-toggle-icon {
|
|
11686
12231
|
display: inline-block;
|
|
11687
12232
|
transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
|
|
11688
12233
|
transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
|
|
11689
12234
|
transition-property: transform;
|
|
11690
12235
|
}
|
|
11691
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
|
|
11692
|
-
scale: -1 1;
|
|
11693
|
-
}
|
|
11694
12236
|
|
|
11695
12237
|
.pf-v6-c-card__title-text {
|
|
11696
12238
|
font-family: var(--pf-v6-c-card__title-text--FontFamily);
|
|
@@ -11701,6 +12243,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11701
12243
|
overflow-wrap: var(--pf-v6-c-card__title-text--OverflowWrap);
|
|
11702
12244
|
}
|
|
11703
12245
|
|
|
12246
|
+
.pf-v6-c-card__subtitle {
|
|
12247
|
+
padding-block-start: var(--pf-t--global--spacer--sm);
|
|
12248
|
+
font-size: var(--pf-t--global--font--size--body--sm);
|
|
12249
|
+
color: var(--pf-t--global--text--color--subtle);
|
|
12250
|
+
}
|
|
12251
|
+
|
|
11704
12252
|
.pf-v6-c-card__actions {
|
|
11705
12253
|
display: flex;
|
|
11706
12254
|
gap: var(--pf-v6-c-card__actions--Gap);
|
|
@@ -11902,7 +12450,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
11902
12450
|
--pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
11903
12451
|
--pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
11904
12452
|
--pf-v6-c-clipboard-copy__toggle-icon--Transition: transform var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration) var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction);
|
|
11905
|
-
--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate:
|
|
12453
|
+
--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: -180deg;
|
|
11906
12454
|
--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
11907
12455
|
--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
11908
12456
|
--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -11913,8 +12461,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
11913
12461
|
--pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
|
|
11914
12462
|
--pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
|
|
11915
12463
|
--pf-v6-c-clipboard-copy__expandable-content--BorderInlineStartWidth: var(--pf-t--global--border--width--control--default);
|
|
11916
|
-
--pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
|
|
11917
|
-
--pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--
|
|
12464
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
12465
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
|
|
11918
12466
|
--pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
11919
12467
|
--pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
11920
12468
|
--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
@@ -11950,13 +12498,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
11950
12498
|
gap: var(--pf-v6-c-clipboard-copy__group--Gap);
|
|
11951
12499
|
}
|
|
11952
12500
|
|
|
11953
|
-
.pf-v6-c-clipboard-copy__toggle-icon {
|
|
11954
|
-
transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
|
|
11955
|
-
}
|
|
11956
12501
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
|
|
11957
12502
|
scale: -1 1;
|
|
11958
12503
|
}
|
|
11959
12504
|
|
|
12505
|
+
.pf-v6-c-clipboard-copy__toggle-icon {
|
|
12506
|
+
transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
|
|
12507
|
+
}
|
|
12508
|
+
|
|
11960
12509
|
.pf-v6-c-clipboard-copy__expandable-content {
|
|
11961
12510
|
padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
|
|
11962
12511
|
padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
|
|
@@ -12127,8 +12676,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12127
12676
|
|
|
12128
12677
|
.pf-v6-c-code-editor__container {
|
|
12129
12678
|
display: flex;
|
|
12130
|
-
flex-direction: column;
|
|
12131
12679
|
flex-grow: 1;
|
|
12680
|
+
flex-direction: column;
|
|
12132
12681
|
}
|
|
12133
12682
|
|
|
12134
12683
|
.pf-v6-c-code-editor__header {
|
|
@@ -12270,6 +12819,326 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12270
12819
|
margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart);
|
|
12271
12820
|
}
|
|
12272
12821
|
|
|
12822
|
+
.pf-v6-c-compass {
|
|
12823
|
+
--pf-v6-c-compass--BackgroundImage: var(--pf-v6-c-compass--BackgroundImage--light);
|
|
12824
|
+
--pf-v6-c-compass--BackgroundImage--light: none;
|
|
12825
|
+
--pf-v6-c-compass--BackgroundImage--dark: none;
|
|
12826
|
+
--pf-v6-c-compass--Padding: var(--pf-t--global--spacer--inset--page-chrome);
|
|
12827
|
+
--pf-v6-c-compass--Gap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
12828
|
+
--pf-v6-c-compass__nav--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
12829
|
+
--pf-v6-c-compass__nav--PaddingBlockStart: 0;
|
|
12830
|
+
--pf-v6-c-compass__nav--PaddingBlockEnd: 0;
|
|
12831
|
+
--pf-v6-c-compass__nav--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
12832
|
+
--pf-v6-c-compass__nav--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
12833
|
+
--pf-v6-c-compass__nav-main--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
12834
|
+
--pf-v6-c-compass__nav-main--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
12835
|
+
--pf-v6-c-compass__sidebar--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
12836
|
+
--pf-v6-c-compass__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
12837
|
+
--pf-v6-c-compass__sidebar--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
12838
|
+
--pf-v6-c-compass__sidebar--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
12839
|
+
--pf-v6-c-compass__main--RowGap: var(--pf-t--global--spacer--md);
|
|
12840
|
+
--pf-v6-c-compass__main-header-content--RowGap: var(--pf-t--global--spacer--sm);
|
|
12841
|
+
--pf-v6-c-compass__main-header-content--ColumnGap: var(--pf-t--global--spacer--md);
|
|
12842
|
+
--pf-v6-c-compass__main-footer--MarginBlockStart: calc(var(--pf-v6-c-compass__main--RowGap) * -1 + var(--pf-v6-c-compass--Gap));
|
|
12843
|
+
--pf-v6-c-compass__panel--m-pill--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
12844
|
+
--pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
12845
|
+
--pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
12846
|
+
--pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
12847
|
+
--pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
12848
|
+
--pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
|
|
12849
|
+
--pf-v6-c-compass__panel--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
12850
|
+
--pf-v6-c-compass__panel--BorderColor: var(--pf-t--global--border--color--alt);
|
|
12851
|
+
--pf-v6-c-compass__panel--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
12852
|
+
--pf-v6-c-compass__panel--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
12853
|
+
--pf-v6-c-compass__panel--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
12854
|
+
--pf-v6-c-compass__message-bar--Width: 450px;
|
|
12855
|
+
--pf-v6-c-compass__message-bar--MinWidth: 300px;
|
|
12856
|
+
--pf-v6-c-compass__message-bar--MaxWidth: 600px;
|
|
12857
|
+
--pf-v6-c-compass--section--slide--length--header: 100%;
|
|
12858
|
+
--pf-v6-c-compass--section--slide--length--sidebar: 100%;
|
|
12859
|
+
--pf-v6-c-compass--section--slide--length--main-footer: 100%;
|
|
12860
|
+
--pf-v6-c-compass--section--slide--length--footer: 100%;
|
|
12861
|
+
--pf-v6-c-compass--section--duration: var(--pf-t--global--motion--duration--fade--short);
|
|
12862
|
+
--pf-v6-c-compass--section--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
12863
|
+
--pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s, 0s, 0s;
|
|
12864
|
+
--pf-v6-c-compass--section--TransitionProperty: opacity, visibility, translate, height, width, margin;
|
|
12865
|
+
--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);
|
|
12866
|
+
--pf-v6-c-compass--section--m-expanded--duration: var(--pf-t--global--motion--duration--fade--default);
|
|
12867
|
+
--pf-v6-c-compass--section--m-expanded--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--duration), 0s, 0s, 0s, 0s, 0s;
|
|
12868
|
+
--pf-v6-c-compass--section--m-expanded--TransitionDelay: 0s;
|
|
12869
|
+
}
|
|
12870
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
12871
|
+
.pf-v6-c-compass {
|
|
12872
|
+
--pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s;
|
|
12873
|
+
--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);
|
|
12874
|
+
--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;
|
|
12875
|
+
}
|
|
12876
|
+
.pf-v6-c-compass.pf-m-animate-smoothly {
|
|
12877
|
+
--pf-v6-c-compass--section--TransitionProperty: opacity, visibility, translate, height, width, margin;
|
|
12878
|
+
--pf-v6-c-compass--section--slide--length--header: 10rem;
|
|
12879
|
+
--pf-v6-c-compass--section--slide--length--sidebar: var(--pf-t--global--spacer--4xl);
|
|
12880
|
+
--pf-v6-c-compass--section--slide--length--main-footer: 6rem;
|
|
12881
|
+
--pf-v6-c-compass--section--slide--length--footer: 6rem;
|
|
12882
|
+
--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);
|
|
12883
|
+
--pf-v6-c-compass--section--TransitionDelay: 0s, var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s;
|
|
12884
|
+
--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);
|
|
12885
|
+
}
|
|
12886
|
+
}
|
|
12887
|
+
|
|
12888
|
+
.pf-v6-c-compass {
|
|
12889
|
+
interpolate-size: allow-keywords;
|
|
12890
|
+
display: grid;
|
|
12891
|
+
grid-template-areas: "header header header" "sidebar-start main sidebar-end";
|
|
12892
|
+
grid-template-rows: auto 1fr;
|
|
12893
|
+
grid-template-columns: auto 1fr auto;
|
|
12894
|
+
grid-auto-rows: auto;
|
|
12895
|
+
align-items: center;
|
|
12896
|
+
justify-content: center;
|
|
12897
|
+
height: 100dvh;
|
|
12898
|
+
padding: var(--pf-v6-c-compass--Padding);
|
|
12899
|
+
overflow: hidden;
|
|
12900
|
+
background-image: var(--pf-v6-c-compass--BackgroundImage);
|
|
12901
|
+
background-size: cover;
|
|
12902
|
+
}
|
|
12903
|
+
.pf-v6-c-compass.pf-m-dock {
|
|
12904
|
+
grid-template-areas: "dock main";
|
|
12905
|
+
grid-template-rows: auto;
|
|
12906
|
+
grid-template-columns: auto 1fr;
|
|
12907
|
+
align-items: stretch;
|
|
12908
|
+
padding: 0;
|
|
12909
|
+
}
|
|
12910
|
+
.pf-v6-c-compass.pf-m-dock .pf-v6-c-compass__main {
|
|
12911
|
+
padding: var(--pf-v6-c-compass--Padding);
|
|
12912
|
+
}
|
|
12913
|
+
:root:where(.pf-v6-theme-dark) .pf-v6-c-compass {
|
|
12914
|
+
--pf-v6-c-compass--BackgroundImage: var(--pf-v6-c-compass--BackgroundImage--dark);
|
|
12915
|
+
}
|
|
12916
|
+
.pf-v6-c-compass__panel.pf-m-no-glass, .pf-v6-c-compass.pf-m-no-glass {
|
|
12917
|
+
--pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
12918
|
+
}
|
|
12919
|
+
|
|
12920
|
+
.pf-v6-c-compass__header,
|
|
12921
|
+
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
|
|
12922
|
+
.pf-v6-c-compass__main-footer,
|
|
12923
|
+
.pf-v6-c-compass__footer {
|
|
12924
|
+
margin: 0;
|
|
12925
|
+
visibility: hidden;
|
|
12926
|
+
opacity: 0;
|
|
12927
|
+
transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
|
|
12928
|
+
transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
|
|
12929
|
+
transition-duration: var(--pf-v6-c-compass--section--TransitionDuration);
|
|
12930
|
+
transition-property: var(--pf-v6-c-compass--section--TransitionProperty);
|
|
12931
|
+
}
|
|
12932
|
+
.pf-v6-c-compass__header.pf-m-expanded,
|
|
12933
|
+
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end).pf-m-expanded,
|
|
12934
|
+
.pf-v6-c-compass__main-footer.pf-m-expanded,
|
|
12935
|
+
.pf-v6-c-compass__footer.pf-m-expanded {
|
|
12936
|
+
--pf-v6-c-compass--section--TransitionDelay: var(--pf-v6-c-compass--section--m-expanded--TransitionDelay);
|
|
12937
|
+
--pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--TransitionDuration);
|
|
12938
|
+
visibility: visible;
|
|
12939
|
+
opacity: 1;
|
|
12940
|
+
translate: 0;
|
|
12941
|
+
}
|
|
12942
|
+
|
|
12943
|
+
.pf-v6-c-compass__header,
|
|
12944
|
+
.pf-v6-c-compass__main-footer,
|
|
12945
|
+
.pf-v6-c-compass__footer {
|
|
12946
|
+
height: 0;
|
|
12947
|
+
}
|
|
12948
|
+
.pf-v6-c-compass__header.pf-m-expanded,
|
|
12949
|
+
.pf-v6-c-compass__main-footer.pf-m-expanded,
|
|
12950
|
+
.pf-v6-c-compass__footer.pf-m-expanded {
|
|
12951
|
+
height: auto;
|
|
12952
|
+
}
|
|
12953
|
+
|
|
12954
|
+
.pf-v6-c-compass__header {
|
|
12955
|
+
display: grid;
|
|
12956
|
+
grid-area: header;
|
|
12957
|
+
grid-template-columns: 1fr auto 1fr;
|
|
12958
|
+
align-items: start;
|
|
12959
|
+
translate: 0 calc(var(--pf-v6-c-compass--section--slide--length--header) * -1);
|
|
12960
|
+
}
|
|
12961
|
+
.pf-v6-c-compass__header.pf-m-expanded {
|
|
12962
|
+
margin-block-end: var(--pf-v6-c-compass--Gap);
|
|
12963
|
+
}
|
|
12964
|
+
|
|
12965
|
+
.pf-v6-c-compass__profile {
|
|
12966
|
+
justify-self: end;
|
|
12967
|
+
}
|
|
12968
|
+
.pf-v6-c-compass__profile .pf-v6-c-menu-toggle.pf-m-plain {
|
|
12969
|
+
margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
|
|
12970
|
+
}
|
|
12971
|
+
|
|
12972
|
+
.pf-v6-c-compass__nav {
|
|
12973
|
+
--pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-v6-c-compass__nav--PaddingBlockStart);
|
|
12974
|
+
--pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-v6-c-compass__nav--PaddingBlockEnd);
|
|
12975
|
+
--pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-v6-c-compass__nav--PaddingInlineStart);
|
|
12976
|
+
--pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-v6-c-compass__nav--PaddingInlineEnd);
|
|
12977
|
+
display: flex;
|
|
12978
|
+
flex-direction: column;
|
|
12979
|
+
gap: var(--pf-v6-c-compass__nav--RowGap);
|
|
12980
|
+
align-items: center;
|
|
12981
|
+
justify-self: stretch;
|
|
12982
|
+
}
|
|
12983
|
+
|
|
12984
|
+
.pf-v6-c-compass__nav-content {
|
|
12985
|
+
display: flex;
|
|
12986
|
+
align-items: center;
|
|
12987
|
+
}
|
|
12988
|
+
|
|
12989
|
+
.pf-v6-c-compass__nav-main {
|
|
12990
|
+
padding-inline-start: var(--pf-v6-c-compass__nav-main--PaddingInlineStart);
|
|
12991
|
+
padding-inline-end: var(--pf-v6-c-compass__nav-main--PaddingInlineEnd);
|
|
12992
|
+
}
|
|
12993
|
+
|
|
12994
|
+
.pf-v6-c-compass__sidebar {
|
|
12995
|
+
--pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-v6-c-compass__sidebar--PaddingBlockStart);
|
|
12996
|
+
--pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-v6-c-compass__sidebar--PaddingBlockEnd);
|
|
12997
|
+
--pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-v6-c-compass__sidebar--PaddingInlineStart);
|
|
12998
|
+
--pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-v6-c-compass__sidebar--PaddingInlineEnd);
|
|
12999
|
+
display: flex;
|
|
13000
|
+
width: 0;
|
|
13001
|
+
}
|
|
13002
|
+
.pf-v6-c-compass__sidebar.pf-m-expanded {
|
|
13003
|
+
width: auto;
|
|
13004
|
+
}
|
|
13005
|
+
.pf-v6-c-compass__sidebar.pf-m-start {
|
|
13006
|
+
translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
|
|
13007
|
+
}
|
|
13008
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-start {
|
|
13009
|
+
translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
|
|
13010
|
+
}
|
|
13011
|
+
|
|
13012
|
+
.pf-v6-c-compass__sidebar.pf-m-start {
|
|
13013
|
+
grid-area: sidebar-start;
|
|
13014
|
+
}
|
|
13015
|
+
.pf-v6-c-compass__sidebar.pf-m-start.pf-m-expanded {
|
|
13016
|
+
margin-inline-end: var(--pf-v6-c-compass--Gap);
|
|
13017
|
+
}
|
|
13018
|
+
.pf-v6-c-compass__sidebar.pf-m-end {
|
|
13019
|
+
translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
|
|
13020
|
+
}
|
|
13021
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-end {
|
|
13022
|
+
translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
|
|
13023
|
+
}
|
|
13024
|
+
|
|
13025
|
+
.pf-v6-c-compass__sidebar.pf-m-end {
|
|
13026
|
+
grid-area: sidebar-end;
|
|
13027
|
+
}
|
|
13028
|
+
.pf-v6-c-compass__sidebar.pf-m-end.pf-m-expanded {
|
|
13029
|
+
margin-inline-start: var(--pf-v6-c-compass--Gap);
|
|
13030
|
+
}
|
|
13031
|
+
|
|
13032
|
+
.pf-v6-c-compass__main {
|
|
13033
|
+
display: flex;
|
|
13034
|
+
flex-direction: column;
|
|
13035
|
+
grid-area: main;
|
|
13036
|
+
gap: var(--pf-v6-c-compass__main--RowGap);
|
|
13037
|
+
align-self: stretch;
|
|
13038
|
+
min-height: 0;
|
|
13039
|
+
}
|
|
13040
|
+
|
|
13041
|
+
.pf-v6-c-compass__main-header-content {
|
|
13042
|
+
display: flex;
|
|
13043
|
+
gap: var(--pf-v6-c-compass__main-header-content--RowGap) var(--pf-v6-c-compass__main-header-content--ColumnGap);
|
|
13044
|
+
}
|
|
13045
|
+
|
|
13046
|
+
.pf-v6-c-compass__main-header-title {
|
|
13047
|
+
flex-grow: 1;
|
|
13048
|
+
}
|
|
13049
|
+
|
|
13050
|
+
.pf-v6-c-compass__content {
|
|
13051
|
+
display: flex;
|
|
13052
|
+
flex: 1 0 0;
|
|
13053
|
+
flex-direction: column;
|
|
13054
|
+
min-height: 0;
|
|
13055
|
+
overflow: auto;
|
|
13056
|
+
}
|
|
13057
|
+
.pf-v6-c-compass__content > *:last-child {
|
|
13058
|
+
flex-grow: 1;
|
|
13059
|
+
max-height: 100%;
|
|
13060
|
+
}
|
|
13061
|
+
|
|
13062
|
+
.pf-v6-c-compass__main-footer {
|
|
13063
|
+
display: flex;
|
|
13064
|
+
justify-content: center;
|
|
13065
|
+
min-height: 0;
|
|
13066
|
+
translate: 0 var(--pf-v6-c-compass--section--slide--length--main-footer);
|
|
13067
|
+
}
|
|
13068
|
+
.pf-v6-c-compass__main-footer.pf-m-expanded {
|
|
13069
|
+
margin-block-start: var(--pf-v6-c-compass__main-footer--MarginBlockStart);
|
|
13070
|
+
}
|
|
13071
|
+
|
|
13072
|
+
.pf-v6-c-compass__footer {
|
|
13073
|
+
display: flex;
|
|
13074
|
+
grid-column: 1/-1;
|
|
13075
|
+
justify-content: center;
|
|
13076
|
+
translate: 0 var(--pf-v6-c-compass--section--slide--length--main-footer);
|
|
13077
|
+
}
|
|
13078
|
+
.pf-v6-c-compass__footer.pf-m-expanded {
|
|
13079
|
+
margin-block-start: var(--pf-v6-c-compass--Gap);
|
|
13080
|
+
}
|
|
13081
|
+
|
|
13082
|
+
.pf-v6-c-compass__message-bar {
|
|
13083
|
+
width: var(--pf-v6-c-compass__message-bar--Width);
|
|
13084
|
+
min-width: var(--pf-v6-c-compass__message-bar--MinWidth);
|
|
13085
|
+
max-width: var(--pf-v6-c-compass__message-bar--MaxWidth);
|
|
13086
|
+
}
|
|
13087
|
+
|
|
13088
|
+
.pf-v6-c-compass__panel {
|
|
13089
|
+
padding-block-start: var(--pf-v6-c-compass__panel--PaddingBlockStart);
|
|
13090
|
+
padding-block-end: var(--pf-v6-c-compass__panel--PaddingBlockEnd);
|
|
13091
|
+
padding-inline-start: var(--pf-v6-c-compass__panel--PaddingInlineStart);
|
|
13092
|
+
padding-inline-end: var(--pf-v6-c-compass__panel--PaddingInlineEnd);
|
|
13093
|
+
background-color: var(--pf-v6-c-compass__panel--BackgroundColor);
|
|
13094
|
+
backdrop-filter: var(--pf-v6-c-compass__panel--BackdropFilter);
|
|
13095
|
+
border: var(--pf-v6-c-compass__panel--BorderWidth) solid var(--pf-v6-c-compass__panel--BorderColor);
|
|
13096
|
+
border-radius: var(--pf-v6-c-compass__panel--BorderRadius);
|
|
13097
|
+
box-shadow: var(--pf-v6-c-compass__panel--BoxShadow);
|
|
13098
|
+
}
|
|
13099
|
+
.pf-v6-c-compass__panel.pf-m-no-border {
|
|
13100
|
+
border-width: 0;
|
|
13101
|
+
}
|
|
13102
|
+
.pf-v6-c-compass__panel.pf-m-no-padding {
|
|
13103
|
+
padding: 0;
|
|
13104
|
+
}
|
|
13105
|
+
.pf-v6-c-compass__panel.pf-m-full-height {
|
|
13106
|
+
height: 100%;
|
|
13107
|
+
}
|
|
13108
|
+
.pf-v6-c-compass__panel.pf-m-pill {
|
|
13109
|
+
border-radius: var(--pf-v6-c-compass__panel--m-pill--BorderRadius);
|
|
13110
|
+
}
|
|
13111
|
+
.pf-v6-c-compass__panel.pf-m-scrollable {
|
|
13112
|
+
overflow: auto;
|
|
13113
|
+
}
|
|
13114
|
+
|
|
13115
|
+
/* stylelint-disable */
|
|
13116
|
+
@media (max-width: 1200px) {
|
|
13117
|
+
.pf-v6-c-compass:not(.pf-m-no-screen-warning) {
|
|
13118
|
+
position: relative;
|
|
13119
|
+
display: grid;
|
|
13120
|
+
grid-template-columns: auto;
|
|
13121
|
+
grid-template-rows: auto;
|
|
13122
|
+
place-content: center;
|
|
13123
|
+
gap: 0;
|
|
13124
|
+
}
|
|
13125
|
+
.pf-v6-c-compass:not(.pf-m-no-screen-warning)::after {
|
|
13126
|
+
padding: 1em;
|
|
13127
|
+
border-radius: var(--pf-t--global--border--radius--large);
|
|
13128
|
+
background: var(--pf-t--global--background--color--primary--default);
|
|
13129
|
+
content: "This page is optimized for wide screens.\a\aPlease view on a larger display and/or make your browser window wider.";
|
|
13130
|
+
width: 80%;
|
|
13131
|
+
width: 300px;
|
|
13132
|
+
border: 1px solid var(--pf-t--global--border--color--default);
|
|
13133
|
+
box-shadow: var(--pf-t--global--box-shadow--md);
|
|
13134
|
+
white-space: pre-wrap;
|
|
13135
|
+
text-align: center;
|
|
13136
|
+
}
|
|
13137
|
+
.pf-v6-c-compass:not(.pf-m-no-screen-warning) * {
|
|
13138
|
+
display: none;
|
|
13139
|
+
}
|
|
13140
|
+
}
|
|
13141
|
+
/* stylelint-enable */
|
|
12273
13142
|
:root {
|
|
12274
13143
|
--pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
12275
13144
|
--pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
@@ -12964,7 +13833,16 @@ ul) {
|
|
|
12964
13833
|
--pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
12965
13834
|
--pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
12966
13835
|
--pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
12967
|
-
|
|
13836
|
+
}
|
|
13837
|
+
@media screen and (min-width: 36rem) {
|
|
13838
|
+
.pf-v6-c-data-list {
|
|
13839
|
+
--pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
|
|
13840
|
+
--pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
|
|
13841
|
+
}
|
|
13842
|
+
}
|
|
13843
|
+
.pf-v6-c-data-list {
|
|
13844
|
+
--pf-v6-c-data-list__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
13845
|
+
--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
|
|
12968
13846
|
--pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
12969
13847
|
--pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
12970
13848
|
--pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
@@ -12972,6 +13850,14 @@ ul) {
|
|
|
12972
13850
|
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
|
|
12973
13851
|
--pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
12974
13852
|
--pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
13853
|
+
}
|
|
13854
|
+
@media screen and (min-width: 36rem) {
|
|
13855
|
+
.pf-v6-c-data-list {
|
|
13856
|
+
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
|
|
13857
|
+
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
|
|
13858
|
+
}
|
|
13859
|
+
}
|
|
13860
|
+
.pf-v6-c-data-list {
|
|
12975
13861
|
--pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
12976
13862
|
--pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
12977
13863
|
--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -12999,7 +13885,7 @@ ul) {
|
|
|
12999
13885
|
--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
13000
13886
|
--pf-v6-c-data-list__toggle-icon--Transition: transform var(--pf-v6-c-data-list__toggle-icon--TransitionDuration) var(--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction);
|
|
13001
13887
|
--pf-v6-c-data-list__toggle-icon--Rotate: 0;
|
|
13002
|
-
--pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate:
|
|
13888
|
+
--pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate: -180deg;
|
|
13003
13889
|
--pf-v6-c-data-list__item-draggable-button--BackgroundColor: transparent;
|
|
13004
13890
|
--pf-v6-c-data-list__item-draggable-button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
13005
13891
|
--pf-v6-c-data-list__item-draggable-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -13067,18 +13953,6 @@ ul) {
|
|
|
13067
13953
|
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
13068
13954
|
--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
13069
13955
|
}
|
|
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
13956
|
|
|
13083
13957
|
.pf-v6-c-data-list {
|
|
13084
13958
|
font-size: var(--pf-v6-c-data-list--FontSize);
|
|
@@ -13119,6 +13993,9 @@ ul) {
|
|
|
13119
13993
|
.pf-v6-c-data-list.pf-m-drag-over {
|
|
13120
13994
|
overflow-anchor: none;
|
|
13121
13995
|
}
|
|
13996
|
+
.pf-v6-c-data-list.pf-m-plain {
|
|
13997
|
+
--pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
|
|
13998
|
+
}
|
|
13122
13999
|
|
|
13123
14000
|
.pf-v6-c-data-list.pf-m-truncate,
|
|
13124
14001
|
.pf-v6-c-data-list__item-row.pf-m-truncate,
|
|
@@ -13238,12 +14115,6 @@ ul) {
|
|
|
13238
14115
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
13239
14116
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
13240
14117
|
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
14118
|
}
|
|
13248
14119
|
.pf-v6-c-data-list__item-action.pf-m-hidden {
|
|
13249
14120
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -13288,6 +14159,14 @@ ul) {
|
|
|
13288
14159
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
13289
14160
|
}
|
|
13290
14161
|
}
|
|
14162
|
+
.pf-v6-c-data-list__item-action {
|
|
14163
|
+
gap: var(--pf-v6-c-data-list__item-action--Gap);
|
|
14164
|
+
align-content: flex-start;
|
|
14165
|
+
align-items: flex-start;
|
|
14166
|
+
padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
|
|
14167
|
+
padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
|
|
14168
|
+
margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
|
|
14169
|
+
}
|
|
13291
14170
|
|
|
13292
14171
|
.pf-v6-c-data-list__toggle {
|
|
13293
14172
|
margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
|
|
@@ -13295,15 +14174,16 @@ ul) {
|
|
|
13295
14174
|
margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginInlineStart);
|
|
13296
14175
|
}
|
|
13297
14176
|
|
|
14177
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
|
|
14178
|
+
scale: -1 1;
|
|
14179
|
+
}
|
|
14180
|
+
|
|
13298
14181
|
.pf-v6-c-data-list__toggle-icon {
|
|
13299
14182
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
13300
14183
|
pointer-events: none;
|
|
13301
14184
|
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
13302
14185
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
13303
14186
|
}
|
|
13304
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
|
|
13305
|
-
scale: -1 1;
|
|
13306
|
-
}
|
|
13307
14187
|
|
|
13308
14188
|
.pf-v6-c-data-list__item-content {
|
|
13309
14189
|
display: grid;
|
|
@@ -13398,6 +14278,13 @@ ul) {
|
|
|
13398
14278
|
--pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
13399
14279
|
--pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13400
14280
|
--pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
14281
|
+
}
|
|
14282
|
+
@media screen and (min-width: 36rem) {
|
|
14283
|
+
.pf-v6-c-description-list {
|
|
14284
|
+
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
|
14285
|
+
}
|
|
14286
|
+
}
|
|
14287
|
+
.pf-v6-c-description-list {
|
|
13401
14288
|
--pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
|
|
13402
14289
|
--pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
13403
14290
|
--pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
@@ -13426,11 +14313,6 @@ ul) {
|
|
|
13426
14313
|
--pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
|
|
13427
14314
|
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
13428
14315
|
}
|
|
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
14316
|
@media (min-width: 36rem) {
|
|
13435
14317
|
.pf-v6-c-description-list {
|
|
13436
14318
|
--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 +14694,15 @@ ul) {
|
|
|
13812
14694
|
--pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
|
|
13813
14695
|
--pf-v6-c-dual-list-selector__list--TranslateY: 0;
|
|
13814
14696
|
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
|
14697
|
+
}
|
|
14698
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14699
|
+
.pf-v6-c-dual-list-selector {
|
|
14700
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
14701
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
14702
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
|
|
14703
|
+
}
|
|
14704
|
+
}
|
|
14705
|
+
.pf-v6-c-dual-list-selector {
|
|
13815
14706
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
13816
14707
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
13817
14708
|
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
@@ -13847,19 +14738,12 @@ ul) {
|
|
|
13847
14738
|
--pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
13848
14739
|
--pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
13849
14740
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
13850
|
-
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate:
|
|
14741
|
+
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: -180deg;
|
|
13851
14742
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
13852
14743
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
13853
14744
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
13854
14745
|
--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
13855
14746
|
}
|
|
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
14747
|
|
|
13864
14748
|
.pf-v6-c-dual-list-selector {
|
|
13865
14749
|
display: grid;
|
|
@@ -13930,8 +14814,6 @@ ul) {
|
|
|
13930
14814
|
|
|
13931
14815
|
.pf-v6-c-dual-list-selector__list {
|
|
13932
14816
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
13933
|
-
display: flex;
|
|
13934
|
-
flex-direction: column;
|
|
13935
14817
|
}
|
|
13936
14818
|
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list {
|
|
13937
14819
|
--pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart: 0;
|
|
@@ -13939,16 +14821,22 @@ ul) {
|
|
|
13939
14821
|
}
|
|
13940
14822
|
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
|
|
13941
14823
|
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
14824
|
}
|
|
13945
14825
|
: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
14826
|
transform: translateX(calc(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
13947
14827
|
}
|
|
13948
14828
|
|
|
14829
|
+
.pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
|
|
14830
|
+
position: absolute;
|
|
14831
|
+
inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
|
|
14832
|
+
}
|
|
13949
14833
|
.pf-v6-c-dual-list-selector__list.pf-m-drag-over {
|
|
13950
14834
|
overflow-anchor: none;
|
|
13951
14835
|
}
|
|
14836
|
+
.pf-v6-c-dual-list-selector__list {
|
|
14837
|
+
display: flex;
|
|
14838
|
+
flex-direction: column;
|
|
14839
|
+
}
|
|
13952
14840
|
|
|
13953
14841
|
.pf-v6-c-dual-list-selector__list-item:focus-visible {
|
|
13954
14842
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
|
@@ -14233,11 +15121,6 @@ ul) {
|
|
|
14233
15121
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
14234
15122
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
14235
15123
|
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
15124
|
}
|
|
14242
15125
|
.pf-v6-c-divider.pf-m-hidden {
|
|
14243
15126
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -14282,6 +15165,13 @@ ul) {
|
|
|
14282
15165
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
14283
15166
|
}
|
|
14284
15167
|
}
|
|
15168
|
+
.pf-v6-c-divider {
|
|
15169
|
+
flex-shrink: 0;
|
|
15170
|
+
align-items: stretch;
|
|
15171
|
+
align-self: stretch;
|
|
15172
|
+
justify-content: center;
|
|
15173
|
+
border: 0;
|
|
15174
|
+
}
|
|
14285
15175
|
.pf-v6-c-divider::before {
|
|
14286
15176
|
flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
|
|
14287
15177
|
content: "";
|
|
@@ -14526,6 +15416,7 @@ ul) {
|
|
|
14526
15416
|
}
|
|
14527
15417
|
|
|
14528
15418
|
.pf-v6-c-drawer {
|
|
15419
|
+
--pf-v6-c-drawer--m-pill--m-inline__main--Gap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
14529
15420
|
--pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
14530
15421
|
--pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
14531
15422
|
--pf-v6-c-drawer__content--FlexBasis: 100%;
|
|
@@ -14556,6 +15447,7 @@ ul) {
|
|
|
14556
15447
|
--pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
|
|
14557
15448
|
--pf-v6-c-drawer__panel--Opacity: 0;
|
|
14558
15449
|
--pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
|
|
15450
|
+
--pf-v6-c-drawer--m-expanded__panel--inset: 0px;
|
|
14559
15451
|
--pf-v6-c-drawer__panel--FlexBasis: 100%;
|
|
14560
15452
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
|
|
14561
15453
|
--pf-v6-c-drawer__panel--md--FlexBasis: 50%;
|
|
@@ -14571,6 +15463,29 @@ ul) {
|
|
|
14571
15463
|
--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column;
|
|
14572
15464
|
--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem;
|
|
14573
15465
|
--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem;
|
|
15466
|
+
--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth: var(--pf-t--global--border--width--regular);
|
|
15467
|
+
--pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
|
|
15468
|
+
--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
|
|
15469
|
+
--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
|
|
15470
|
+
--pf-v6-c-drawer--m-pill__panel--BorderColor: var(--pf-t--global--border--color--default);
|
|
15471
|
+
--pf-v6-c-drawer--m-pill__panel--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
15472
|
+
--pf-v6-c-drawer--m-pill--m-expanded__panel--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
15473
|
+
--pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
|
|
15474
|
+
--pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
15475
|
+
--pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
|
|
15476
|
+
}
|
|
15477
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
15478
|
+
.pf-v6-c-drawer {
|
|
15479
|
+
--pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
|
|
15480
|
+
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
|
|
15481
|
+
--pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
15482
|
+
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
15483
|
+
--pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
|
|
15484
|
+
--pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
|
|
15485
|
+
--pf-v6-c-drawer__panel--Opacity: 1;
|
|
15486
|
+
}
|
|
15487
|
+
}
|
|
15488
|
+
.pf-v6-c-drawer {
|
|
14574
15489
|
--pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
14575
15490
|
--pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
14576
15491
|
--pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -14633,6 +15548,17 @@ ul) {
|
|
|
14633
15548
|
--pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
|
|
14634
15549
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
|
|
14635
15550
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
|
|
15551
|
+
}
|
|
15552
|
+
@media screen and (min-width: 75rem) {
|
|
15553
|
+
.pf-v6-c-drawer {
|
|
15554
|
+
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
|
15555
|
+
}
|
|
15556
|
+
.pf-v6-c-drawer.pf-m-panel-bottom {
|
|
15557
|
+
--pf-v6-c-drawer__panel--MinWidth: auto;
|
|
15558
|
+
--pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
|
|
15559
|
+
}
|
|
15560
|
+
}
|
|
15561
|
+
.pf-v6-c-drawer {
|
|
14636
15562
|
--pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
|
|
14637
15563
|
--pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
|
|
14638
15564
|
--pf-v6-c-drawer__panel--BoxShadow: none;
|
|
@@ -14647,46 +15573,32 @@ ul) {
|
|
|
14647
15573
|
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
|
|
14648
15574
|
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
|
|
14649
15575
|
}
|
|
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
15576
|
|
|
14671
15577
|
.pf-v6-c-drawer {
|
|
14672
15578
|
--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
15579
|
}
|
|
14679
15580
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
|
14680
15581
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
14681
15582
|
}
|
|
14682
15583
|
|
|
15584
|
+
.pf-v6-c-drawer {
|
|
15585
|
+
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
15586
|
+
}
|
|
14683
15587
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
|
14684
15588
|
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
|
|
14685
15589
|
}
|
|
14686
15590
|
|
|
15591
|
+
.pf-v6-c-drawer {
|
|
15592
|
+
display: flex;
|
|
15593
|
+
flex-direction: column;
|
|
15594
|
+
height: 100%;
|
|
15595
|
+
overflow-x: hidden;
|
|
15596
|
+
}
|
|
14687
15597
|
.pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
|
|
14688
15598
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
|
|
14689
15599
|
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
15600
|
+
--pf-v6-c-drawer--m-pill__main--Gap: var(--pf-v6-c-drawer--m-pill--m-inline__main--Gap);
|
|
15601
|
+
--pf-v6-c-drawer--m-pill--m-expanded__panel--inset: 0px;
|
|
14690
15602
|
}
|
|
14691
15603
|
.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
15604
|
padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
|
|
@@ -14710,19 +15622,21 @@ ul) {
|
|
|
14710
15622
|
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
|
|
14711
15623
|
}
|
|
14712
15624
|
.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;
|
|
15625
|
+
transform: translateX(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
14716
15626
|
}
|
|
14717
15627
|
: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)));
|
|
15628
|
+
transform: translateX(calc(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)) * var(--pf-v6-global--inverse--multiplier)));
|
|
14719
15629
|
}
|
|
14720
15630
|
|
|
15631
|
+
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15632
|
+
--pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
|
|
15633
|
+
visibility: visible;
|
|
15634
|
+
}
|
|
14721
15635
|
.pf-v6-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
14722
15636
|
transform: translateX(0);
|
|
14723
15637
|
}
|
|
14724
15638
|
.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%);
|
|
15639
|
+
transform: translate(0, calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
14726
15640
|
}
|
|
14727
15641
|
.pf-v6-c-drawer.pf-m-resizing {
|
|
14728
15642
|
--pf-v6-c-drawer__panel--TransitionProperty: none;
|
|
@@ -14731,6 +15645,26 @@ ul) {
|
|
|
14731
15645
|
.pf-v6-c-drawer.pf-m-resizing .pf-v6-c-drawer__splitter {
|
|
14732
15646
|
pointer-events: auto;
|
|
14733
15647
|
}
|
|
15648
|
+
@media screen and (min-width: 48rem) {
|
|
15649
|
+
.pf-v6-c-drawer.pf-m-pill {
|
|
15650
|
+
--pf-v6-c-drawer__main--Gap: var(--pf-v6-c-drawer--m-pill__main--Gap, revert);
|
|
15651
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-pill__panel--BorderColor);
|
|
15652
|
+
--pf-v6-c-drawer__panel--BorderRadius: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
|
|
15653
|
+
--pf-v6-c-drawer--m-expanded__panel--inset: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
|
|
15654
|
+
--pf-v6-c-drawer__panel--MarginBlock: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
|
|
15655
|
+
}
|
|
15656
|
+
.pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15657
|
+
border-block-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth);
|
|
15658
|
+
border-block-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth);
|
|
15659
|
+
border-inline-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth);
|
|
15660
|
+
border-inline-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth);
|
|
15661
|
+
}
|
|
15662
|
+
.pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-glass) {
|
|
15663
|
+
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
|
|
15664
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
|
|
15665
|
+
backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
|
|
15666
|
+
}
|
|
15667
|
+
}
|
|
14734
15668
|
|
|
14735
15669
|
.pf-v6-c-drawer__section {
|
|
14736
15670
|
flex-grow: 0;
|
|
@@ -14746,6 +15680,7 @@ ul) {
|
|
|
14746
15680
|
.pf-v6-c-drawer__main {
|
|
14747
15681
|
display: flex;
|
|
14748
15682
|
flex: 1;
|
|
15683
|
+
gap: var(--pf-v6-c-drawer__main--Gap, 0);
|
|
14749
15684
|
overflow: hidden;
|
|
14750
15685
|
}
|
|
14751
15686
|
|
|
@@ -14753,8 +15688,8 @@ ul) {
|
|
|
14753
15688
|
.pf-v6-c-drawer__panel,
|
|
14754
15689
|
.pf-v6-c-drawer__panel-main {
|
|
14755
15690
|
display: flex;
|
|
14756
|
-
flex-direction: column;
|
|
14757
15691
|
flex-shrink: 0;
|
|
15692
|
+
flex-direction: column;
|
|
14758
15693
|
overflow: auto;
|
|
14759
15694
|
}
|
|
14760
15695
|
|
|
@@ -14784,6 +15719,8 @@ ul) {
|
|
|
14784
15719
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
14785
15720
|
order: 1;
|
|
14786
15721
|
max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
|
|
15722
|
+
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
15723
|
+
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
14787
15724
|
overflow: auto;
|
|
14788
15725
|
visibility: hidden;
|
|
14789
15726
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
@@ -14792,6 +15729,7 @@ ul) {
|
|
|
14792
15729
|
border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
|
|
14793
15730
|
border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
|
|
14794
15731
|
border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
|
|
15732
|
+
border-radius: var(--pf-v6-c-drawer__panel--BorderRadius, revert);
|
|
14795
15733
|
box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
|
|
14796
15734
|
opacity: var(--pf-v6-c-drawer__panel--Opacity);
|
|
14797
15735
|
transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
|
|
@@ -14979,7 +15917,7 @@ ul) {
|
|
|
14979
15917
|
padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
|
|
14980
15918
|
}
|
|
14981
15919
|
.pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
14982
|
-
transform: translateX(
|
|
15920
|
+
transform: translateX(var(--pf-v6-c-drawer--m-expanded__panel--inset));
|
|
14983
15921
|
}
|
|
14984
15922
|
.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
15923
|
--pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
|
|
@@ -14991,6 +15929,8 @@ ul) {
|
|
|
14991
15929
|
--pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
|
|
14992
15930
|
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
14993
15931
|
--pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
|
|
15932
|
+
--pf-v6-c-drawer__panel--MarginBlock: initial;
|
|
15933
|
+
--pf-v6-c-drawer__panel--MarginInline: var(--pf-v6-c-drawer--m-expanded__panel--inset);
|
|
14994
15934
|
min-width: auto;
|
|
14995
15935
|
min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
|
|
14996
15936
|
}
|
|
@@ -15038,82 +15978,86 @@ ul) {
|
|
|
15038
15978
|
}
|
|
15039
15979
|
@media (min-width: 48rem) {
|
|
15040
15980
|
.pf-v6-c-drawer__panel.pf-m-width-25 {
|
|
15041
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 25
|
|
15981
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15042
15982
|
}
|
|
15043
15983
|
.pf-v6-c-drawer__panel.pf-m-width-33 {
|
|
15044
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 33
|
|
15984
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15045
15985
|
}
|
|
15046
15986
|
.pf-v6-c-drawer__panel.pf-m-width-50 {
|
|
15047
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 50
|
|
15987
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15048
15988
|
}
|
|
15049
15989
|
.pf-v6-c-drawer__panel.pf-m-width-66 {
|
|
15050
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 66
|
|
15990
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15051
15991
|
}
|
|
15052
15992
|
.pf-v6-c-drawer__panel.pf-m-width-75 {
|
|
15053
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 75
|
|
15993
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15054
15994
|
}
|
|
15055
15995
|
.pf-v6-c-drawer__panel.pf-m-width-100 {
|
|
15056
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 100
|
|
15996
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15997
|
+
--pf-v6-c-drawer__main--Gap: 0;
|
|
15057
15998
|
}
|
|
15058
15999
|
}
|
|
15059
16000
|
@media (min-width: 62rem) {
|
|
15060
16001
|
.pf-v6-c-drawer__panel.pf-m-width-25-on-lg {
|
|
15061
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 25
|
|
16002
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15062
16003
|
}
|
|
15063
16004
|
.pf-v6-c-drawer__panel.pf-m-width-33-on-lg {
|
|
15064
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 33
|
|
16005
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15065
16006
|
}
|
|
15066
16007
|
.pf-v6-c-drawer__panel.pf-m-width-50-on-lg {
|
|
15067
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 50
|
|
16008
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15068
16009
|
}
|
|
15069
16010
|
.pf-v6-c-drawer__panel.pf-m-width-66-on-lg {
|
|
15070
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 66
|
|
16011
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15071
16012
|
}
|
|
15072
16013
|
.pf-v6-c-drawer__panel.pf-m-width-75-on-lg {
|
|
15073
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 75
|
|
16014
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15074
16015
|
}
|
|
15075
16016
|
.pf-v6-c-drawer__panel.pf-m-width-100-on-lg {
|
|
15076
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 100
|
|
16017
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
16018
|
+
--pf-v6-c-drawer__main--Gap: 0;
|
|
15077
16019
|
}
|
|
15078
16020
|
}
|
|
15079
16021
|
@media (min-width: 75rem) {
|
|
15080
16022
|
.pf-v6-c-drawer__panel.pf-m-width-25-on-xl {
|
|
15081
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 25
|
|
16023
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15082
16024
|
}
|
|
15083
16025
|
.pf-v6-c-drawer__panel.pf-m-width-33-on-xl {
|
|
15084
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 33
|
|
16026
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15085
16027
|
}
|
|
15086
16028
|
.pf-v6-c-drawer__panel.pf-m-width-50-on-xl {
|
|
15087
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 50
|
|
16029
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15088
16030
|
}
|
|
15089
16031
|
.pf-v6-c-drawer__panel.pf-m-width-66-on-xl {
|
|
15090
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 66
|
|
16032
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15091
16033
|
}
|
|
15092
16034
|
.pf-v6-c-drawer__panel.pf-m-width-75-on-xl {
|
|
15093
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 75
|
|
16035
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15094
16036
|
}
|
|
15095
16037
|
.pf-v6-c-drawer__panel.pf-m-width-100-on-xl {
|
|
15096
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 100
|
|
16038
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
16039
|
+
--pf-v6-c-drawer__main--Gap: 0;
|
|
15097
16040
|
}
|
|
15098
16041
|
}
|
|
15099
16042
|
@media (min-width: 90.625rem) {
|
|
15100
16043
|
.pf-v6-c-drawer__panel.pf-m-width-25-on-2xl {
|
|
15101
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 25
|
|
16044
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15102
16045
|
}
|
|
15103
16046
|
.pf-v6-c-drawer__panel.pf-m-width-33-on-2xl {
|
|
15104
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 33
|
|
16047
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15105
16048
|
}
|
|
15106
16049
|
.pf-v6-c-drawer__panel.pf-m-width-50-on-2xl {
|
|
15107
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 50
|
|
16050
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15108
16051
|
}
|
|
15109
16052
|
.pf-v6-c-drawer__panel.pf-m-width-66-on-2xl {
|
|
15110
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 66
|
|
16053
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15111
16054
|
}
|
|
15112
16055
|
.pf-v6-c-drawer__panel.pf-m-width-75-on-2xl {
|
|
15113
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 75
|
|
16056
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
15114
16057
|
}
|
|
15115
16058
|
.pf-v6-c-drawer__panel.pf-m-width-100-on-2xl {
|
|
15116
|
-
--pf-v6-c-drawer__panel--md--FlexBasis: 100
|
|
16059
|
+
--pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
16060
|
+
--pf-v6-c-drawer__main--Gap: 0;
|
|
15117
16061
|
}
|
|
15118
16062
|
}
|
|
15119
16063
|
@media (min-width: 48rem) {
|
|
@@ -15532,8 +16476,8 @@ ul) {
|
|
|
15532
16476
|
--pf-v6-c-expandable-section__toggle-icon--Transition: transform var(--pf-v6-c-expandable-section__toggle-icon--TransitionDuration) var(--pf-v6-c-expandable-section__toggle-icon--TransitionTimingFunction);
|
|
15533
16477
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
|
|
15534
16478
|
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
|
15535
|
-
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate:
|
|
15536
|
-
--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate:
|
|
16479
|
+
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: -180deg;
|
|
16480
|
+
--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: 180deg;
|
|
15537
16481
|
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
|
|
15538
16482
|
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
15539
16483
|
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
|
|
@@ -15545,10 +16489,24 @@ ul) {
|
|
|
15545
16489
|
--pf-v6-c-expandable-section__content--Opacity: 0;
|
|
15546
16490
|
--pf-v6-c-expandable-section__content--TranslateY: 0;
|
|
15547
16491
|
--pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
|
|
16492
|
+
--pf-v6-c-expandable-section__content--MaxHeight: 0px;
|
|
16493
|
+
--pf-v6-c-expandable-section__content--Visibility: hidden;
|
|
16494
|
+
--pf-v6-c-expandable-section__content--Opacity: 0;
|
|
15548
16495
|
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
|
|
15549
16496
|
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
|
|
15550
16497
|
--pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
|
|
15551
16498
|
--pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
|
|
16499
|
+
}
|
|
16500
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
16501
|
+
.pf-v6-c-expandable-section {
|
|
16502
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
16503
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
16504
|
+
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
|
16505
|
+
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
|
|
16506
|
+
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
|
|
16507
|
+
}
|
|
16508
|
+
}
|
|
16509
|
+
.pf-v6-c-expandable-section {
|
|
15552
16510
|
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
|
15553
16511
|
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
15554
16512
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -15565,15 +16523,6 @@ ul) {
|
|
|
15565
16523
|
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
15566
16524
|
--pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
|
|
15567
16525
|
}
|
|
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
16526
|
|
|
15578
16527
|
.pf-v6-c-expandable-section {
|
|
15579
16528
|
display: flex;
|
|
@@ -15632,9 +16581,13 @@ ul) {
|
|
|
15632
16581
|
}
|
|
15633
16582
|
.pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
|
|
15634
16583
|
display: -webkit-box;
|
|
16584
|
+
overflow: hidden;
|
|
15635
16585
|
-webkit-box-orient: vertical;
|
|
15636
16586
|
-webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
|
|
15637
|
-
|
|
16587
|
+
}
|
|
16588
|
+
|
|
16589
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
16590
|
+
scale: -1 1;
|
|
15638
16591
|
}
|
|
15639
16592
|
|
|
15640
16593
|
.pf-v6-c-expandable-section__toggle-icon {
|
|
@@ -15644,10 +16597,6 @@ ul) {
|
|
|
15644
16597
|
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
15645
16598
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
15646
16599
|
}
|
|
15647
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
15648
|
-
scale: -1 1;
|
|
15649
|
-
}
|
|
15650
|
-
|
|
15651
16600
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
15652
16601
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
15653
16602
|
}
|
|
@@ -15791,7 +16740,7 @@ ul) {
|
|
|
15791
16740
|
--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
15792
16741
|
--pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
|
|
15793
16742
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
|
|
15794
|
-
--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate:
|
|
16743
|
+
--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: -180deg;
|
|
15795
16744
|
--pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
15796
16745
|
--pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
15797
16746
|
--pf-v6-c-form__field-group-header--GridColumn: 1 / 3;
|
|
@@ -16230,8 +17179,8 @@ ul) {
|
|
|
16230
17179
|
|
|
16231
17180
|
.pf-v6-c-form__field-group-header-main {
|
|
16232
17181
|
display: flex;
|
|
16233
|
-
flex-direction: column;
|
|
16234
17182
|
flex-grow: 1;
|
|
17183
|
+
flex-direction: column;
|
|
16235
17184
|
}
|
|
16236
17185
|
|
|
16237
17186
|
.pf-v6-c-form__field-group-header-title {
|
|
@@ -16288,10 +17237,10 @@ ul) {
|
|
|
16288
17237
|
--pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
16289
17238
|
--pf-v6-c-form-control--Resize: none;
|
|
16290
17239
|
--pf-v6-c-form-control--OutlineOffset: -6px;
|
|
16291
|
-
--pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--
|
|
17240
|
+
--pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
|
|
16292
17241
|
--pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
16293
17242
|
--pf-v6-c-form-control--before--BorderStyle: solid;
|
|
16294
|
-
--pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
17243
|
+
--pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
16295
17244
|
--pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
16296
17245
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
16297
17246
|
--pf-v6-c-form-control--after--BorderStyle: solid;
|
|
@@ -16472,8 +17421,8 @@ ul) {
|
|
|
16472
17421
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
|
|
16473
17422
|
}
|
|
16474
17423
|
.pf-v6-c-form-control.pf-m-textarea > textarea {
|
|
16475
|
-
outline-offset: 0;
|
|
16476
17424
|
scrollbar-gutter: stable;
|
|
17425
|
+
outline-offset: 0;
|
|
16477
17426
|
}
|
|
16478
17427
|
.pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
|
|
16479
17428
|
padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
|
|
@@ -16653,81 +17602,6 @@ ul) {
|
|
|
16653
17602
|
pointer-events: none;
|
|
16654
17603
|
}
|
|
16655
17604
|
|
|
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
17605
|
.pf-v6-c-helper-text {
|
|
16732
17606
|
--pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
|
|
16733
17607
|
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
@@ -16813,6 +17687,156 @@ ul) {
|
|
|
16813
17687
|
color: var(--pf-v6-c-helper-text__item-text--Color);
|
|
16814
17688
|
}
|
|
16815
17689
|
|
|
17690
|
+
.pf-v6-c-hero {
|
|
17691
|
+
--pf-v6-c-hero--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
17692
|
+
--pf-v6-c-hero--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
17693
|
+
--pf-v6-c-hero--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
|
|
17694
|
+
--pf-v6-c-hero--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
17695
|
+
--pf-v6-c-hero--gradient--angle: 109deg;
|
|
17696
|
+
--pf-v6-c-hero--gradient--stop-1--light: transparent;
|
|
17697
|
+
--pf-v6-c-hero--gradient--stop-2--light: transparent;
|
|
17698
|
+
--pf-v6-c-hero--gradient--stop-3--light: transparent;
|
|
17699
|
+
--pf-v6-c-hero--gradient--stop-1--dark: transparent;
|
|
17700
|
+
--pf-v6-c-hero--gradient--stop-2--dark: transparent;
|
|
17701
|
+
--pf-v6-c-hero--gradient--stop-3--dark: transparent;
|
|
17702
|
+
--pf-v6-c-hero--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
|
|
17703
|
+
--pf-v6-c-hero--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
17704
|
+
--pf-v6-c-hero--BackgroundImage--light: none;
|
|
17705
|
+
--pf-v6-c-hero--BackgroundImage--dark: none;
|
|
17706
|
+
--pf-v6-c-hero--BackgroundRepeat: no-repeat;
|
|
17707
|
+
--pf-v6-c-hero--BackgroundPosition: right center;
|
|
17708
|
+
--pf-v6-c-hero--BackgroundSize: contain;
|
|
17709
|
+
--pf-v6-c-hero--BorderStyle: solid;
|
|
17710
|
+
--pf-v6-c-hero--BorderBlockStartWidth: var(--pf-t--global--border--width--regular);
|
|
17711
|
+
--pf-v6-c-hero--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
|
|
17712
|
+
--pf-v6-c-hero--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
|
|
17713
|
+
--pf-v6-c-hero--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
|
|
17714
|
+
--pf-v6-c-hero--BorderColor: var(--pf-t--global--border--color--default);
|
|
17715
|
+
--pf-v6-c-hero--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
|
|
17716
|
+
--pf-v6-c-hero--m-glass--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
17717
|
+
--pf-v6-c-hero--BorderStartStartRadius: 24px;
|
|
17718
|
+
--pf-v6-c-hero--BorderStartEndRadius: 72px;
|
|
17719
|
+
--pf-v6-c-hero--BorderEndEndRadius: 24px;
|
|
17720
|
+
--pf-v6-c-hero--BorderEndStartRadius: 72px;
|
|
17721
|
+
--pf-v6-c-hero__body--Width: 800px;
|
|
17722
|
+
--pf-v6-c-hero__body--MaxWidth: 80%;
|
|
17723
|
+
}
|
|
17724
|
+
|
|
17725
|
+
.pf-v6-c-hero {
|
|
17726
|
+
display: flex;
|
|
17727
|
+
padding-block-start: var(--pf-v6-c-hero--PaddingBlockStart);
|
|
17728
|
+
padding-block-end: var(--pf-v6-c-hero--PaddingBlockEnd);
|
|
17729
|
+
padding-inline-start: var(--pf-v6-c-hero--PaddingInlineStart);
|
|
17730
|
+
padding-inline-end: var(--pf-v6-c-hero--PaddingInlineEnd);
|
|
17731
|
+
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%);
|
|
17732
|
+
background-repeat: var(--pf-v6-c-hero--BackgroundRepeat);
|
|
17733
|
+
background-position: var(--pf-v6-c-hero--BackgroundPosition);
|
|
17734
|
+
background-size: var(--pf-v6-c-hero--BackgroundSize);
|
|
17735
|
+
border-color: var(--pf-v6-c-hero--BorderColor);
|
|
17736
|
+
border-style: var(--pf-v6-c-hero--BorderStyle);
|
|
17737
|
+
border-block-start-width: var(--pf-v6-c-hero--BorderBlockStartWidth);
|
|
17738
|
+
border-block-end-width: var(--pf-v6-c-hero--BorderBlockEndWidth);
|
|
17739
|
+
border-inline-start-width: var(--pf-v6-c-hero--BorderInlineStartWidth);
|
|
17740
|
+
border-inline-end-width: var(--pf-v6-c-hero--BorderInlineEndWidth);
|
|
17741
|
+
border-start-start-radius: var(--pf-v6-c-hero--BorderStartStartRadius);
|
|
17742
|
+
border-start-end-radius: var(--pf-v6-c-hero--BorderStartEndRadius);
|
|
17743
|
+
border-end-start-radius: var(--pf-v6-c-hero--BorderEndStartRadius);
|
|
17744
|
+
border-end-end-radius: var(--pf-v6-c-hero--BorderEndEndRadius);
|
|
17745
|
+
}
|
|
17746
|
+
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
17747
|
+
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
17748
|
+
--pf-v6-c-hero--gradient--stop-1: var(--pf-v6-c-hero--gradient--stop-1--dark);
|
|
17749
|
+
--pf-v6-c-hero--gradient--stop-2: var(--pf-v6-c-hero--gradient--stop-2--dark);
|
|
17750
|
+
--pf-v6-c-hero--gradient--stop-3: var(--pf-v6-c-hero--gradient--stop-3--dark);
|
|
17751
|
+
}
|
|
17752
|
+
:root:where(.pf-v6-theme-glass) .pf-v6-c-hero {
|
|
17753
|
+
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
17754
|
+
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
17755
|
+
}
|
|
17756
|
+
.pf-v6-c-hero:not(.pf-m-no-glass) {
|
|
17757
|
+
background-color: var(--pf-v6-c-hero--BackgroundColor);
|
|
17758
|
+
backdrop-filter: var(--pf-v6-c-hero--BackdropFilter);
|
|
17759
|
+
}
|
|
17760
|
+
|
|
17761
|
+
.pf-v6-c-hero__body {
|
|
17762
|
+
width: min(var(--pf-v6-c-hero__body--Width), var(--pf-v6-c-hero__body--MaxWidth));
|
|
17763
|
+
}
|
|
17764
|
+
|
|
17765
|
+
.pf-v6-c-hint {
|
|
17766
|
+
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
|
17767
|
+
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
17768
|
+
--pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
17769
|
+
--pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
17770
|
+
--pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
17771
|
+
--pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
17772
|
+
--pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
17773
|
+
--pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
17774
|
+
--pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
17775
|
+
--pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
|
|
17776
|
+
--pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
17777
|
+
--pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
17778
|
+
--pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
17779
|
+
--pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
17780
|
+
--pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
17781
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
17782
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
17783
|
+
}
|
|
17784
|
+
|
|
17785
|
+
.pf-v6-c-hint {
|
|
17786
|
+
display: grid;
|
|
17787
|
+
grid-template-columns: 1fr auto;
|
|
17788
|
+
grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
17789
|
+
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
17790
|
+
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
17791
|
+
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
17792
|
+
padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
|
|
17793
|
+
color: var(--pf-v6-c-hint--Color);
|
|
17794
|
+
background-color: var(--pf-v6-c-hint--BackgroundColor);
|
|
17795
|
+
border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
|
|
17796
|
+
border-radius: var(--pf-v6-c-hint--BorderRadius);
|
|
17797
|
+
}
|
|
17798
|
+
.pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
17799
|
+
text-align: start;
|
|
17800
|
+
white-space: normal;
|
|
17801
|
+
}
|
|
17802
|
+
|
|
17803
|
+
.pf-v6-c-hint__actions {
|
|
17804
|
+
display: inline-grid;
|
|
17805
|
+
grid-row: 1;
|
|
17806
|
+
grid-column: 2;
|
|
17807
|
+
grid-auto-flow: column;
|
|
17808
|
+
align-self: start;
|
|
17809
|
+
margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
|
|
17810
|
+
margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
|
|
17811
|
+
margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
|
|
17812
|
+
text-align: end;
|
|
17813
|
+
}
|
|
17814
|
+
.pf-v6-c-hint__actions.pf-m-no-offset {
|
|
17815
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
|
|
17816
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
|
|
17817
|
+
}
|
|
17818
|
+
.pf-v6-c-hint__actions + .pf-v6-c-hint__body {
|
|
17819
|
+
grid-column: 1;
|
|
17820
|
+
}
|
|
17821
|
+
|
|
17822
|
+
.pf-v6-c-hint__title {
|
|
17823
|
+
align-self: center;
|
|
17824
|
+
font-weight: var(--pf-v6-c-hint__title--FontWeight);
|
|
17825
|
+
}
|
|
17826
|
+
|
|
17827
|
+
.pf-v6-c-hint__body {
|
|
17828
|
+
grid-column: 1/-1;
|
|
17829
|
+
font-size: var(--pf-v6-c-hint__body--FontSize);
|
|
17830
|
+
}
|
|
17831
|
+
|
|
17832
|
+
.pf-v6-c-hint__footer {
|
|
17833
|
+
grid-column: 1/-1;
|
|
17834
|
+
margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
|
|
17835
|
+
}
|
|
17836
|
+
.pf-v6-c-hint__footer > :not(:last-child) {
|
|
17837
|
+
margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
|
|
17838
|
+
}
|
|
17839
|
+
|
|
16816
17840
|
.pf-v6-c-icon {
|
|
16817
17841
|
--pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
|
|
16818
17842
|
--pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
|
|
@@ -17355,7 +18379,7 @@ label.pf-v6-c-input-group__text {
|
|
|
17355
18379
|
--pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
17356
18380
|
--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
17357
18381
|
--pf-v6-c-jump-links__toggle-icon--Rotate: 0;
|
|
17358
|
-
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate:
|
|
18382
|
+
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: -180deg;
|
|
17359
18383
|
}
|
|
17360
18384
|
|
|
17361
18385
|
.pf-v6-c-jump-links {
|
|
@@ -17541,6 +18565,10 @@ label.pf-v6-c-input-group__text {
|
|
|
17541
18565
|
margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
|
|
17542
18566
|
}
|
|
17543
18567
|
|
|
18568
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
18569
|
+
scale: -1 1;
|
|
18570
|
+
}
|
|
18571
|
+
|
|
17544
18572
|
.pf-v6-c-jump-links__toggle-icon {
|
|
17545
18573
|
display: inline-block;
|
|
17546
18574
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
@@ -17549,9 +18577,6 @@ label.pf-v6-c-input-group__text {
|
|
|
17549
18577
|
transition-property: transform;
|
|
17550
18578
|
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
17551
18579
|
}
|
|
17552
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
17553
|
-
scale: -1 1;
|
|
17554
|
-
}
|
|
17555
18580
|
|
|
17556
18581
|
.pf-v6-c-label {
|
|
17557
18582
|
--pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -18048,6 +19073,10 @@ input.pf-v6-c-label__content {
|
|
|
18048
19073
|
.pf-v6-c-label__actions {
|
|
18049
19074
|
margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
|
|
18050
19075
|
}
|
|
19076
|
+
.pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
|
|
19077
|
+
--pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
|
|
19078
|
+
}
|
|
19079
|
+
|
|
18051
19080
|
.pf-v6-c-label__actions .pf-v6-c-button {
|
|
18052
19081
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
|
|
18053
19082
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
|
|
@@ -18058,9 +19087,6 @@ input.pf-v6-c-label__content {
|
|
|
18058
19087
|
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
|
18059
19088
|
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
18060
19089
|
}
|
|
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
19090
|
|
|
18065
19091
|
.pf-v6-c-label-group {
|
|
18066
19092
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -18201,9 +19227,9 @@ input.pf-v6-c-label__content {
|
|
|
18201
19227
|
padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
|
|
18202
19228
|
white-space: nowrap;
|
|
18203
19229
|
resize: none;
|
|
18204
|
-
border: 0;
|
|
18205
|
-
-ms-overflow-style: none;
|
|
18206
19230
|
scrollbar-width: none;
|
|
19231
|
+
-ms-overflow-style: none;
|
|
19232
|
+
border: 0;
|
|
18207
19233
|
}
|
|
18208
19234
|
.pf-v6-c-label-group__textarea::-webkit-scrollbar {
|
|
18209
19235
|
display: none;
|
|
@@ -18289,18 +19315,48 @@ ul.pf-v6-c-list {
|
|
|
18289
19315
|
--pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
|
|
18290
19316
|
--pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
|
|
18291
19317
|
--pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
|
|
19318
|
+
}
|
|
19319
|
+
@media (min-width: 75rem) {
|
|
19320
|
+
.pf-v6-c-login {
|
|
19321
|
+
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
19322
|
+
}
|
|
19323
|
+
}
|
|
19324
|
+
.pf-v6-c-login {
|
|
18292
19325
|
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
18293
19326
|
--pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18294
19327
|
--pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
19328
|
+
}
|
|
19329
|
+
@media (min-width: 36rem) {
|
|
19330
|
+
.pf-v6-c-login {
|
|
19331
|
+
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
19332
|
+
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
19333
|
+
}
|
|
19334
|
+
}
|
|
19335
|
+
.pf-v6-c-login {
|
|
18295
19336
|
--pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
18296
19337
|
--pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
|
|
18297
19338
|
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
18298
19339
|
--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
19340
|
+
}
|
|
19341
|
+
@media (min-width: 75rem) {
|
|
19342
|
+
.pf-v6-c-login {
|
|
19343
|
+
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
19344
|
+
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
19345
|
+
}
|
|
19346
|
+
}
|
|
19347
|
+
.pf-v6-c-login {
|
|
18299
19348
|
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
18300
19349
|
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
18301
19350
|
--pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
18302
19351
|
--pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
18303
19352
|
--pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
19353
|
+
}
|
|
19354
|
+
@media (min-width: 75rem) {
|
|
19355
|
+
.pf-v6-c-login {
|
|
19356
|
+
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
19357
|
+
}
|
|
19358
|
+
}
|
|
19359
|
+
.pf-v6-c-login {
|
|
18304
19360
|
--pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
18305
19361
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
18306
19362
|
--pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -18312,11 +19368,28 @@ ul.pf-v6-c-list {
|
|
|
18312
19368
|
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18313
19369
|
--pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
|
|
18314
19370
|
--pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
|
|
19371
|
+
}
|
|
19372
|
+
@media (min-width: 48rem) {
|
|
19373
|
+
.pf-v6-c-login {
|
|
19374
|
+
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
19375
|
+
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
19376
|
+
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
|
|
19377
|
+
}
|
|
19378
|
+
}
|
|
19379
|
+
.pf-v6-c-login {
|
|
18315
19380
|
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
18316
19381
|
--pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
18317
19382
|
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
18318
19383
|
--pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
18319
19384
|
--pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
|
|
19385
|
+
}
|
|
19386
|
+
@media (min-width: 48rem) {
|
|
19387
|
+
.pf-v6-c-login {
|
|
19388
|
+
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
19389
|
+
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
19390
|
+
}
|
|
19391
|
+
}
|
|
19392
|
+
.pf-v6-c-login {
|
|
18320
19393
|
--pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
|
|
18321
19394
|
--pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
18322
19395
|
--pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -18334,43 +19407,6 @@ ul.pf-v6-c-list {
|
|
|
18334
19407
|
--pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18335
19408
|
--pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18336
19409
|
--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
19410
|
}
|
|
18375
19411
|
@media (min-width: 36rem) {
|
|
18376
19412
|
.pf-v6-c-login {
|
|
@@ -18378,6 +19414,10 @@ ul.pf-v6-c-list {
|
|
|
18378
19414
|
--pf-v6-c-login__footer--PaddingInlineStart: 0;
|
|
18379
19415
|
}
|
|
18380
19416
|
}
|
|
19417
|
+
.pf-v6-c-login {
|
|
19418
|
+
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19419
|
+
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
19420
|
+
}
|
|
18381
19421
|
@media (min-width: 75rem) {
|
|
18382
19422
|
.pf-v6-c-login {
|
|
18383
19423
|
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
|
|
@@ -18573,12 +19613,26 @@ ul.pf-v6-c-list {
|
|
|
18573
19613
|
--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn: 2;
|
|
18574
19614
|
--pf-v6-c-masthead--m-display-inline__main--Display: flex;
|
|
18575
19615
|
--pf-v6-c-masthead--m-display-inline__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
19616
|
+
--pf-v6-c-masthead--m-docked--GridTemplateRows: min-content 1fr;
|
|
19617
|
+
--pf-v6-c-masthead--m-docked--RowGap: var(--pf-t--global--spacer--gutter--default);
|
|
19618
|
+
--pf-v6-c-masthead--m-docked--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
19619
|
+
--pf-v6-c-masthead--m-docked--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
19620
|
+
--pf-v6-c-masthead--m-docked--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
19621
|
+
--pf-v6-c-masthead--m-docked--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
19622
|
+
--pf-v6-c-masthead--m-docked--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
|
|
19623
|
+
--pf-v6-c-masthead--m-docked--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
19624
|
+
--pf-v6-c-masthead--m-docked--c-toolbar--Height: 100%;
|
|
18576
19625
|
--pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
18577
19626
|
--pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
|
|
18578
19627
|
--pf-v6-c-masthead--c-toolbar--Width: 100%;
|
|
18579
19628
|
--pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
|
|
18580
19629
|
}
|
|
18581
19630
|
|
|
19631
|
+
.pf-v6-c-masthead .pf-v6-c-toolbar {
|
|
19632
|
+
--pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
|
|
19633
|
+
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
19634
|
+
--pf-v6-c-toolbar__content--MinWidth: 0;
|
|
19635
|
+
}
|
|
18582
19636
|
.pf-v6-c-masthead {
|
|
18583
19637
|
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
18584
19638
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
@@ -18592,22 +19646,6 @@ ul.pf-v6-c-list {
|
|
|
18592
19646
|
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
18593
19647
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
18594
19648
|
--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
19649
|
}
|
|
18612
19650
|
@media screen and (min-width: 48rem) {
|
|
18613
19651
|
:where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
|
|
@@ -18625,6 +19663,62 @@ ul.pf-v6-c-list {
|
|
|
18625
19663
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
18626
19664
|
}
|
|
18627
19665
|
}
|
|
19666
|
+
.pf-v6-c-masthead {
|
|
19667
|
+
display: grid;
|
|
19668
|
+
grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
|
|
19669
|
+
grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
|
|
19670
|
+
row-gap: var(--pf-v6-c-masthead--RowGap);
|
|
19671
|
+
column-gap: var(--pf-v6-c-masthead--ColumnGap);
|
|
19672
|
+
align-items: start;
|
|
19673
|
+
min-width: 0;
|
|
19674
|
+
padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19675
|
+
padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
|
|
19676
|
+
padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
|
|
19677
|
+
padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
|
|
19678
|
+
background-color: var(--pf-v6-c-masthead--BackgroundColor);
|
|
19679
|
+
}
|
|
19680
|
+
.pf-v6-c-masthead.pf-m-docked {
|
|
19681
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
19682
|
+
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
19683
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
19684
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
19685
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
19686
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
19687
|
+
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
19688
|
+
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
19689
|
+
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
19690
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
19691
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
19692
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
19693
|
+
--pf-v6-c-masthead--BackgroundColor: var(--pf-v6-c-masthead--m-docked--BackgroundColor);
|
|
19694
|
+
--pf-v6-c-masthead--GridTemplateRows: var(--pf-v6-c-masthead--m-docked--GridTemplateRows);
|
|
19695
|
+
--pf-v6-c-masthead--PaddingBlockStart: var(--pf-v6-c-masthead--m-docked--PaddingBlockStart);
|
|
19696
|
+
--pf-v6-c-masthead--PaddingBlockEnd: var(--pf-v6-c-masthead--m-docked--PaddingBlockEnd);
|
|
19697
|
+
--pf-v6-c-masthead--PaddingInlineStart: var(--pf-v6-c-masthead--m-docked--PaddingInlineStart);
|
|
19698
|
+
--pf-v6-c-masthead--PaddingInlineEnd: var(--pf-v6-c-masthead--m-docked--PaddingInlineEnd);
|
|
19699
|
+
--pf-v6-c-masthead--GridTemplateColumns: auto;
|
|
19700
|
+
--pf-v6-c-masthead--RowGap: var(--pf-v6-c-masthead--m-docked--RowGap);
|
|
19701
|
+
--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns: auto;
|
|
19702
|
+
--pf-v6-c-masthead__main--GridColumn: auto;
|
|
19703
|
+
--pf-v6-c-masthead__content--GridColumn: auto;
|
|
19704
|
+
--pf-v6-c-masthead__logo--Width: auto;
|
|
19705
|
+
--pf-v6-c-masthead__main--MarginInlineEnd: 0;
|
|
19706
|
+
display: flex;
|
|
19707
|
+
flex-direction: column;
|
|
19708
|
+
align-items: center;
|
|
19709
|
+
width: fit-content;
|
|
19710
|
+
height: 100%;
|
|
19711
|
+
backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
|
|
19712
|
+
}
|
|
19713
|
+
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
|
|
19714
|
+
flex-grow: 1;
|
|
19715
|
+
flex-direction: column;
|
|
19716
|
+
align-self: revert;
|
|
19717
|
+
}
|
|
19718
|
+
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
|
|
19719
|
+
--pf-v6-c-masthead--c-toolbar--Width: fit-content;
|
|
19720
|
+
height: var(--pf-v6-c-masthead--m-docked--c-toolbar--Height);
|
|
19721
|
+
}
|
|
18628
19722
|
.pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
|
|
18629
19723
|
flex-wrap: nowrap;
|
|
18630
19724
|
min-width: 0;
|
|
@@ -19088,6 +20182,13 @@ ul.pf-v6-c-list {
|
|
|
19088
20182
|
--pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
19089
20183
|
--pf-v6-c-menu--TransitionDuration: 0s;
|
|
19090
20184
|
--pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
20185
|
+
}
|
|
20186
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
20187
|
+
.pf-v6-c-menu {
|
|
20188
|
+
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
20189
|
+
}
|
|
20190
|
+
}
|
|
20191
|
+
.pf-v6-c-menu {
|
|
19091
20192
|
--pf-v6-c-menu--m-plain--BoxShadow: none;
|
|
19092
20193
|
--pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
|
|
19093
20194
|
--pf-v6-c-menu__content--Height: auto;
|
|
@@ -19167,33 +20268,34 @@ ul.pf-v6-c-list {
|
|
|
19167
20268
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19168
20269
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19169
20270
|
--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
20271
|
}
|
|
19182
20272
|
@media (prefers-reduced-motion: no-preference) {
|
|
19183
20273
|
.pf-v6-c-menu {
|
|
19184
20274
|
--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
20275
|
}
|
|
19186
20276
|
}
|
|
20277
|
+
.pf-v6-c-menu {
|
|
20278
|
+
--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
|
|
20279
|
+
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
|
|
20280
|
+
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
20281
|
+
}
|
|
19187
20282
|
@media (prefers-reduced-motion: no-preference) {
|
|
19188
20283
|
.pf-v6-c-menu {
|
|
19189
20284
|
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19190
20285
|
}
|
|
19191
20286
|
}
|
|
20287
|
+
.pf-v6-c-menu {
|
|
20288
|
+
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
|
|
20289
|
+
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
20290
|
+
}
|
|
19192
20291
|
@media (prefers-reduced-motion: no-preference) {
|
|
19193
20292
|
.pf-v6-c-menu {
|
|
19194
20293
|
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19195
20294
|
}
|
|
19196
20295
|
}
|
|
20296
|
+
.pf-v6-c-menu {
|
|
20297
|
+
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
|
|
20298
|
+
}
|
|
19197
20299
|
|
|
19198
20300
|
.pf-v6-c-menu__content,
|
|
19199
20301
|
.pf-v6-c-menu__list-item,
|
|
@@ -19651,13 +20753,14 @@ ul.pf-v6-c-list {
|
|
|
19651
20753
|
--pf-v6-c-check__input--TranslateY: none;
|
|
19652
20754
|
}
|
|
19653
20755
|
|
|
19654
|
-
.pf-v6-c-menu__item-toggle-icon {
|
|
19655
|
-
color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
|
|
19656
|
-
}
|
|
19657
20756
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
|
|
19658
20757
|
scale: -1 1;
|
|
19659
20758
|
}
|
|
19660
20759
|
|
|
20760
|
+
.pf-v6-c-menu__item-toggle-icon {
|
|
20761
|
+
color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
|
|
20762
|
+
}
|
|
20763
|
+
|
|
19661
20764
|
.pf-v6-c-menu__item-icon {
|
|
19662
20765
|
color: var(--pf-v6-c-menu__item--icon--Color, inherit);
|
|
19663
20766
|
}
|
|
@@ -19713,7 +20816,7 @@ ul.pf-v6-c-list {
|
|
|
19713
20816
|
--pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
19714
20817
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
19715
20818
|
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
19716
|
-
--pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
20819
|
+
--pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
19717
20820
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
19718
20821
|
--pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
|
|
19719
20822
|
--pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -19826,6 +20929,7 @@ ul.pf-v6-c-list {
|
|
|
19826
20929
|
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
|
|
19827
20930
|
--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
19828
20931
|
--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
20932
|
+
--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
19829
20933
|
--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
|
19830
20934
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
19831
20935
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
@@ -19954,6 +21058,9 @@ ul.pf-v6-c-list {
|
|
|
19954
21058
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
|
|
19955
21059
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
|
|
19956
21060
|
}
|
|
21061
|
+
.pf-v6-c-menu-toggle.pf-m-plain.pf-m-circle {
|
|
21062
|
+
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius);
|
|
21063
|
+
}
|
|
19957
21064
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
|
19958
21065
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
|
|
19959
21066
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|
|
@@ -20244,6 +21351,13 @@ ul.pf-v6-c-list {
|
|
|
20244
21351
|
--pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
20245
21352
|
--pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
20246
21353
|
--pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
21354
|
+
}
|
|
21355
|
+
@media (min-width: 75rem) {
|
|
21356
|
+
.pf-v6-c-modal-box {
|
|
21357
|
+
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
|
21358
|
+
}
|
|
21359
|
+
}
|
|
21360
|
+
.pf-v6-c-modal-box {
|
|
20247
21361
|
--pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
20248
21362
|
--pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20249
21363
|
--pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -20275,11 +21389,6 @@ ul.pf-v6-c-list {
|
|
|
20275
21389
|
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
20276
21390
|
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
|
|
20277
21391
|
}
|
|
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
21392
|
|
|
20284
21393
|
.pf-v6-c-modal-box {
|
|
20285
21394
|
position: relative;
|
|
@@ -20341,8 +21450,8 @@ ul.pf-v6-c-list {
|
|
|
20341
21450
|
|
|
20342
21451
|
.pf-v6-c-modal-box__header {
|
|
20343
21452
|
display: flex;
|
|
20344
|
-
flex-direction: column;
|
|
20345
21453
|
flex-shrink: 0;
|
|
21454
|
+
flex-direction: column;
|
|
20346
21455
|
gap: var(--pf-v6-c-modal-box__header--Gap);
|
|
20347
21456
|
padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
|
|
20348
21457
|
padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
|
|
@@ -20359,8 +21468,8 @@ ul.pf-v6-c-list {
|
|
|
20359
21468
|
|
|
20360
21469
|
.pf-v6-c-modal-box__header-main {
|
|
20361
21470
|
display: flex;
|
|
20362
|
-
flex-direction: column;
|
|
20363
21471
|
flex-grow: 1;
|
|
21472
|
+
flex-direction: column;
|
|
20364
21473
|
gap: var(--pf-v6-c-modal-box__header-main--Gap);
|
|
20365
21474
|
min-width: 0;
|
|
20366
21475
|
padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
|
|
@@ -20669,13 +21778,22 @@ ul.pf-v6-c-list {
|
|
|
20669
21778
|
--pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
|
|
20670
21779
|
--pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
|
|
20671
21780
|
--pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
|
|
21781
|
+
--pf-v6-c-nav__item--accent--size: var(--pf-t--global--border--width--extra-strong);
|
|
21782
|
+
--pf-v6-c-nav__item--accent--color: var(--pf-t--global--color--brand--accent--default);
|
|
21783
|
+
--pf-v6-c-nav__item--accent--offset: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
21784
|
+
--pf-v6-c-nav__item--accent--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
21785
|
+
--pf-v6-c-nav__item--accent--ScaleY: 0;
|
|
21786
|
+
--pf-v6-c-nav__item--current--accent--ScaleY: 1;
|
|
21787
|
+
--pf-v6-c-nav__item--accent--TransitionDuration: 0;
|
|
21788
|
+
--pf-v6-c-nav__item--current--accent--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
21789
|
+
--pf-v6-c-nav__item--accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
20672
21790
|
--pf-v6-c-nav__item__toggle-icon--Rotate: 0;
|
|
20673
|
-
--pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate:
|
|
21791
|
+
--pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: -180deg;
|
|
20674
21792
|
--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
|
|
20675
21793
|
--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--default);
|
|
20676
21794
|
--pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
20677
21795
|
--pf-v6-c-nav__link--AlignItems: baseline;
|
|
20678
|
-
--pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--
|
|
21796
|
+
--pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
20679
21797
|
--pf-v6-c-nav__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20680
21798
|
--pf-v6-c-nav__link--WhiteSpace: normal;
|
|
20681
21799
|
--pf-v6-c-nav__link--Color: var(--pf-t--global--text--color--subtle);
|
|
@@ -20693,6 +21811,7 @@ ul.pf-v6-c-list {
|
|
|
20693
21811
|
--pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
|
|
20694
21812
|
--pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
20695
21813
|
--pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
21814
|
+
--pf-v6-c-nav__link-text--FontSize: initial;
|
|
20696
21815
|
--pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
|
|
20697
21816
|
--pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
|
|
20698
21817
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
|
|
@@ -20704,6 +21823,15 @@ ul.pf-v6-c-list {
|
|
|
20704
21823
|
--pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
|
|
20705
21824
|
--pf-v6-c-nav__subnav--TranslateY: 0;
|
|
20706
21825
|
--pf-v6-c-nav__subnav--hidden--TranslateY: 0;
|
|
21826
|
+
}
|
|
21827
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
21828
|
+
.pf-v6-c-nav {
|
|
21829
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
21830
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
21831
|
+
--pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
|
|
21832
|
+
}
|
|
21833
|
+
}
|
|
21834
|
+
.pf-v6-c-nav {
|
|
20707
21835
|
--pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
|
|
20708
21836
|
--pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
20709
21837
|
--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -20733,13 +21861,11 @@ ul.pf-v6-c-list {
|
|
|
20733
21861
|
--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
20734
21862
|
--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
20735
21863
|
--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
|
-
}
|
|
21864
|
+
--pf-v6-c-nav--m-docked__list--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
21865
|
+
--pf-v6-c-nav--m-docked__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
21866
|
+
--pf-v6-c-nav--m-docked__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
21867
|
+
--pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
21868
|
+
--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
20743
21869
|
}
|
|
20744
21870
|
|
|
20745
21871
|
.pf-v6-c-nav,
|
|
@@ -20774,6 +21900,25 @@ ul.pf-v6-c-list {
|
|
|
20774
21900
|
.pf-v6-c-nav.pf-m-fill {
|
|
20775
21901
|
flex-grow: 1;
|
|
20776
21902
|
}
|
|
21903
|
+
.pf-v6-c-nav.pf-m-docked {
|
|
21904
|
+
--pf-v6-c-nav--PaddingBlockStart: 0;
|
|
21905
|
+
--pf-v6-c-nav--PaddingBlockEnd: 0;
|
|
21906
|
+
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav--m-docked__list--RowGap);
|
|
21907
|
+
--pf-v6-c-nav__link--PaddingInlineStart: var(--pf-v6-c-nav--m-docked__link--PaddingInlineStart);
|
|
21908
|
+
--pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-v6-c-nav--m-docked__link--PaddingInlineEnd);
|
|
21909
|
+
--pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--hover--BackgroundColor);
|
|
21910
|
+
--pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor);
|
|
21911
|
+
width: fit-content;
|
|
21912
|
+
}
|
|
21913
|
+
.pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-icon {
|
|
21914
|
+
position: relative;
|
|
21915
|
+
align-self: center;
|
|
21916
|
+
min-width: 1lh;
|
|
21917
|
+
text-align: center;
|
|
21918
|
+
}
|
|
21919
|
+
.pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text {
|
|
21920
|
+
display: none;
|
|
21921
|
+
}
|
|
20777
21922
|
.pf-v6-c-nav .pf-v6-c-menu {
|
|
20778
21923
|
--pf-v6-c-menu--MinWidth: 100%;
|
|
20779
21924
|
}
|
|
@@ -20837,14 +21982,34 @@ ul.pf-v6-c-list {
|
|
|
20837
21982
|
}
|
|
20838
21983
|
|
|
20839
21984
|
.pf-v6-c-nav__item {
|
|
21985
|
+
position: relative;
|
|
20840
21986
|
scroll-snap-align: var(--pf-v6-c-nav__item--ScrollSnapAlign);
|
|
20841
21987
|
}
|
|
21988
|
+
.pf-v6-c-nav__item::before {
|
|
21989
|
+
position: absolute;
|
|
21990
|
+
inset-block-start: 0;
|
|
21991
|
+
inset-block-end: 0;
|
|
21992
|
+
inset-inline-start: var(--pf-v6-c-nav__item--accent--offset);
|
|
21993
|
+
width: var(--pf-v6-c-nav__item--accent--size);
|
|
21994
|
+
pointer-events: none;
|
|
21995
|
+
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
21996
|
+
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
21997
|
+
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
21998
|
+
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
21999
|
+
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
22000
|
+
transition-property: scale;
|
|
22001
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22002
|
+
}
|
|
20842
22003
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
20843
22004
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
20844
22005
|
}
|
|
20845
22006
|
.pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
|
|
20846
22007
|
margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
|
|
20847
22008
|
}
|
|
22009
|
+
.pf-v6-c-nav__item:has(> .pf-v6-c-nav__link.pf-m-current) {
|
|
22010
|
+
--pf-v6-c-nav__item--accent--ScaleY: var(--pf-v6-c-nav__item--current--accent--ScaleY);
|
|
22011
|
+
--pf-v6-c-nav__item--accent--TransitionDuration: var(--pf-v6-c-nav__item--current--accent--TransitionDuration);
|
|
22012
|
+
}
|
|
20848
22013
|
|
|
20849
22014
|
.pf-v6-c-nav__section {
|
|
20850
22015
|
row-gap: var(--pf-v6-c-nav__section--RowGap, var(--pf-v6-c-nav__list--RowGap));
|
|
@@ -20906,6 +22071,10 @@ ul.pf-v6-c-list {
|
|
|
20906
22071
|
color: var(--pf-v6-c-nav__link-icon--Color);
|
|
20907
22072
|
}
|
|
20908
22073
|
|
|
22074
|
+
.pf-v6-c-nav__link-text {
|
|
22075
|
+
font-size: var(--pf-v6-c-nav__link-text--FontSize, inherit);
|
|
22076
|
+
}
|
|
22077
|
+
|
|
20909
22078
|
.pf-v6-c-nav__toggle {
|
|
20910
22079
|
flex: none;
|
|
20911
22080
|
align-self: start;
|
|
@@ -20961,6 +22130,7 @@ ul.pf-v6-c-list {
|
|
|
20961
22130
|
}
|
|
20962
22131
|
|
|
20963
22132
|
.pf-v6-c-nav:where(.pf-m-horizontal) {
|
|
22133
|
+
--pf-v6-c-nav__item--accent--content: none;
|
|
20964
22134
|
padding: 0;
|
|
20965
22135
|
overflow: hidden;
|
|
20966
22136
|
}
|
|
@@ -20981,12 +22151,14 @@ ul.pf-v6-c-list {
|
|
|
20981
22151
|
scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
|
|
20982
22152
|
scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
|
|
20983
22153
|
-webkit-overflow-scrolling: touch;
|
|
20984
|
-
scrollbar-width: none;
|
|
20985
|
-
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
20986
22154
|
}
|
|
20987
22155
|
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
|
|
20988
22156
|
display: none;
|
|
20989
22157
|
}
|
|
22158
|
+
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
|
|
22159
|
+
scrollbar-width: none;
|
|
22160
|
+
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
22161
|
+
}
|
|
20990
22162
|
.pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
|
|
20991
22163
|
outline-offset: var(--pf-v6-c-nav--OutlineOffset);
|
|
20992
22164
|
}
|
|
@@ -21024,6 +22196,7 @@ ul.pf-v6-c-list {
|
|
|
21024
22196
|
--pf-v6-c-notification-drawer__header-status--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
21025
22197
|
--pf-v6-c-notification-drawer__header-status--FontSize: var(--pf-t--global--font--size--body--default);
|
|
21026
22198
|
--pf-v6-c-notification-drawer__header-status--Color: var(--pf-t--global--text--color--subtle);
|
|
22199
|
+
--pf-v6-c-notification-drawer__header-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
21027
22200
|
--pf-v6-c-notification-drawer__body--ZIndex: var(--pf-t--global--z-index--xs);
|
|
21028
22201
|
--pf-v6-c-notification-drawer__body--PaddingBlockStart: 0;
|
|
21029
22202
|
--pf-v6-c-notification-drawer__body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -21037,6 +22210,7 @@ ul.pf-v6-c-list {
|
|
|
21037
22210
|
--pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
21038
22211
|
--pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
21039
22212
|
--pf-v6-c-notification-drawer__list-item--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
22213
|
+
--pf-v6-c-notification-drawer__list-item--OutlineOffset: -0.25rem;
|
|
21040
22214
|
--pf-v6-c-notification-drawer__list-item--m-info__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
21041
22215
|
--pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
21042
22216
|
--pf-v6-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
@@ -21079,7 +22253,7 @@ ul.pf-v6-c-list {
|
|
|
21079
22253
|
--pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
21080
22254
|
--pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
21081
22255
|
--pf-v6-c-notification-drawer__group-toggle-icon--Transition: transform var(--pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration) var(--pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction);
|
|
21082
|
-
--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate:
|
|
22256
|
+
--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: -180deg;
|
|
21083
22257
|
}
|
|
21084
22258
|
|
|
21085
22259
|
.pf-v6-c-notification-drawer {
|
|
@@ -21118,6 +22292,7 @@ ul.pf-v6-c-list {
|
|
|
21118
22292
|
|
|
21119
22293
|
.pf-v6-c-notification-drawer__header-action {
|
|
21120
22294
|
display: flex;
|
|
22295
|
+
gap: var(--pf-v6-c-notification-drawer__header-action--Gap);
|
|
21121
22296
|
align-items: center;
|
|
21122
22297
|
margin-inline-start: auto;
|
|
21123
22298
|
}
|
|
@@ -21146,8 +22321,16 @@ ul.pf-v6-c-list {
|
|
|
21146
22321
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
21147
22322
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
21148
22323
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
21149
|
-
border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
|
|
21150
22324
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
22325
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22326
|
+
}
|
|
22327
|
+
.pf-v6-c-notification-drawer__list-item::before {
|
|
22328
|
+
position: absolute;
|
|
22329
|
+
inset: 0;
|
|
22330
|
+
pointer-events: none;
|
|
22331
|
+
content: "";
|
|
22332
|
+
border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
|
|
22333
|
+
border-radius: inherit;
|
|
21151
22334
|
}
|
|
21152
22335
|
.pf-v6-c-notification-drawer__list-item.pf-m-info {
|
|
21153
22336
|
--pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor);
|
|
@@ -21173,7 +22356,6 @@ ul.pf-v6-c-list {
|
|
|
21173
22356
|
--pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderWidth);
|
|
21174
22357
|
--pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BackgroundColor);
|
|
21175
22358
|
--pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderColor);
|
|
21176
|
-
position: relative;
|
|
21177
22359
|
}
|
|
21178
22360
|
.pf-v6-c-notification-drawer__list-item.pf-m-hoverable {
|
|
21179
22361
|
cursor: pointer;
|
|
@@ -21201,9 +22383,9 @@ ul.pf-v6-c-list {
|
|
|
21201
22383
|
}
|
|
21202
22384
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
21203
22385
|
display: -webkit-box;
|
|
22386
|
+
overflow: hidden;
|
|
21204
22387
|
-webkit-box-orient: vertical;
|
|
21205
22388
|
-webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
|
|
21206
|
-
overflow: hidden;
|
|
21207
22389
|
}
|
|
21208
22390
|
|
|
21209
22391
|
.pf-v6-c-notification-drawer__list-item-action {
|
|
@@ -21257,9 +22439,9 @@ ul.pf-v6-c-list {
|
|
|
21257
22439
|
|
|
21258
22440
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
21259
22441
|
display: -webkit-box;
|
|
22442
|
+
overflow: hidden;
|
|
21260
22443
|
-webkit-box-orient: vertical;
|
|
21261
22444
|
-webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
|
|
21262
|
-
overflow: hidden;
|
|
21263
22445
|
flex: 1;
|
|
21264
22446
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
21265
22447
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
@@ -21272,15 +22454,15 @@ ul.pf-v6-c-list {
|
|
|
21272
22454
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
|
|
21273
22455
|
}
|
|
21274
22456
|
|
|
22457
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
22458
|
+
scale: -1 1;
|
|
22459
|
+
}
|
|
22460
|
+
|
|
21275
22461
|
.pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21276
22462
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
|
|
21277
22463
|
color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
|
|
21278
22464
|
transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
|
|
21279
22465
|
}
|
|
21280
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21281
|
-
scale: -1 1;
|
|
21282
|
-
}
|
|
21283
|
-
|
|
21284
22466
|
.pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
|
|
21285
22467
|
transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
21286
22468
|
}
|
|
@@ -21326,6 +22508,7 @@ ul.pf-v6-c-list {
|
|
|
21326
22508
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
21327
22509
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
21328
22510
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
22511
|
+
--pf-v6-c-page__dock--ZIndex: var(--pf-t--global--z-index--md);
|
|
21329
22512
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
21330
22513
|
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
21331
22514
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
@@ -21348,6 +22531,15 @@ ul.pf-v6-c-list {
|
|
|
21348
22531
|
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
21349
22532
|
--pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21350
22533
|
--pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
22534
|
+
}
|
|
22535
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
22536
|
+
.pf-v6-c-page {
|
|
22537
|
+
--pf-v6-c-page__sidebar--Opacity: 1;
|
|
22538
|
+
--pf-v6-c-page__sidebar--TransitionProperty: transform;
|
|
22539
|
+
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
22540
|
+
}
|
|
22541
|
+
}
|
|
22542
|
+
.pf-v6-c-page {
|
|
21351
22543
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
21352
22544
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
21353
22545
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -21363,6 +22555,15 @@ ul.pf-v6-c-list {
|
|
|
21363
22555
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
|
21364
22556
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
21365
22557
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
22558
|
+
}
|
|
22559
|
+
@media screen and (min-width: 75rem) {
|
|
22560
|
+
.pf-v6-c-page {
|
|
22561
|
+
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
22562
|
+
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
22563
|
+
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
22564
|
+
}
|
|
22565
|
+
}
|
|
22566
|
+
.pf-v6-c-page {
|
|
21366
22567
|
--pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
|
|
21367
22568
|
--pf-v6-c-page__main-container--GridArea: main;
|
|
21368
22569
|
--pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
|
|
@@ -21385,6 +22586,17 @@ ul.pf-v6-c-list {
|
|
|
21385
22586
|
--pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
|
|
21386
22587
|
--pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
|
|
21387
22588
|
--pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
|
|
22589
|
+
}
|
|
22590
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
22591
|
+
.pf-v6-c-page {
|
|
22592
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
22593
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
22594
|
+
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
|
22595
|
+
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
|
22596
|
+
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
|
22597
|
+
}
|
|
22598
|
+
}
|
|
22599
|
+
.pf-v6-c-page {
|
|
21388
22600
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
21389
22601
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
21390
22602
|
--pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -21433,29 +22645,9 @@ ul.pf-v6-c-list {
|
|
|
21433
22645
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
21434
22646
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21435
22647
|
--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
|
-
}
|
|
22648
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
22649
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
22650
|
+
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
21459
22651
|
}
|
|
21460
22652
|
|
|
21461
22653
|
.pf-v6-c-page {
|
|
@@ -21475,6 +22667,16 @@ ul.pf-v6-c-list {
|
|
|
21475
22667
|
grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
|
|
21476
22668
|
}
|
|
21477
22669
|
}
|
|
22670
|
+
.pf-v6-c-page.pf-m-dock {
|
|
22671
|
+
--pf-v6-c-page--masthead--main-container--GridArea: main;
|
|
22672
|
+
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight);
|
|
22673
|
+
--pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart);
|
|
22674
|
+
--pf-v6-c-page__main-container--MarginInlineStart: 0;
|
|
22675
|
+
grid-template-areas: "dock main";
|
|
22676
|
+
grid-template-rows: auto;
|
|
22677
|
+
grid-template-columns: auto 1fr;
|
|
22678
|
+
column-gap: var(--pf-v6-c-page--m-dock--ColumnGap);
|
|
22679
|
+
}
|
|
21478
22680
|
.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
22681
|
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
21480
22682
|
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
@@ -21521,15 +22723,20 @@ ul.pf-v6-c-list {
|
|
|
21521
22723
|
}
|
|
21522
22724
|
}
|
|
21523
22725
|
|
|
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
22726
|
@media (min-width: 75rem) {
|
|
21529
22727
|
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
21530
22728
|
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
|
|
21531
22729
|
}
|
|
21532
22730
|
}
|
|
22731
|
+
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
22732
|
+
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
22733
|
+
grid-area: header;
|
|
22734
|
+
}
|
|
22735
|
+
|
|
22736
|
+
.pf-v6-c-page__dock {
|
|
22737
|
+
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
22738
|
+
grid-area: dock;
|
|
22739
|
+
}
|
|
21533
22740
|
|
|
21534
22741
|
.pf-v6-c-page__sidebar {
|
|
21535
22742
|
z-index: var(--pf-v6-c-page__sidebar--ZIndex);
|
|
@@ -21641,8 +22848,8 @@ ul.pf-v6-c-list {
|
|
|
21641
22848
|
.pf-v6-c-page__main-group,
|
|
21642
22849
|
.pf-v6-c-page__main-subnav {
|
|
21643
22850
|
display: flex;
|
|
21644
|
-
flex-direction: column;
|
|
21645
22851
|
flex-shrink: 0;
|
|
22852
|
+
flex-direction: column;
|
|
21646
22853
|
}
|
|
21647
22854
|
.pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
|
|
21648
22855
|
.pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
|
|
@@ -21834,6 +23041,7 @@ ul.pf-v6-c-list {
|
|
|
21834
23041
|
flex-direction: column;
|
|
21835
23042
|
align-self: var(--pf-v6-c-page__main-container--AlignSelf);
|
|
21836
23043
|
max-height: var(--pf-v6-c-page__main-container--MaxHeight);
|
|
23044
|
+
margin-block-start: var(--pf-v6-c-page__main-container--MarginBlockStart, 0);
|
|
21837
23045
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
21838
23046
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
21839
23047
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
@@ -21885,8 +23093,8 @@ ul.pf-v6-c-list {
|
|
|
21885
23093
|
.pf-v6-c-page__main-drawer,
|
|
21886
23094
|
.pf-v6-c-page__main-group {
|
|
21887
23095
|
display: flex;
|
|
21888
|
-
flex-direction: column;
|
|
21889
23096
|
flex-grow: 1;
|
|
23097
|
+
flex-direction: column;
|
|
21890
23098
|
}
|
|
21891
23099
|
|
|
21892
23100
|
.pf-v6-c-page__main {
|
|
@@ -23800,8 +25008,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23800
25008
|
position: var(--pf-v6-c-sidebar__panel--Position);
|
|
23801
25009
|
inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
|
|
23802
25010
|
z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
|
|
23803
|
-
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
23804
25011
|
flex-shrink: 0;
|
|
25012
|
+
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
23805
25013
|
order: var(--pf-v6-c-sidebar__panel--Order);
|
|
23806
25014
|
padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
|
|
23807
25015
|
padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
|
|
@@ -24098,7 +25306,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24098
25306
|
--pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
|
|
24099
25307
|
--pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
|
|
24100
25308
|
--pf-v6-c-skeleton--before--Height: auto;
|
|
24101
|
-
--pf-v6-c-skeleton--before--Content: "
|
|
25309
|
+
--pf-v6-c-skeleton--before--Content: "\00a0";
|
|
24102
25310
|
--pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
|
|
24103
25311
|
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
24104
25312
|
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
@@ -24109,6 +25317,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24109
25317
|
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
24110
25318
|
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
24111
25319
|
--pf-v6-c-skeleton--after--AnimationDelay: .5s;
|
|
25320
|
+
}
|
|
25321
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
25322
|
+
.pf-v6-c-skeleton {
|
|
25323
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
25324
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
25325
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
25326
|
+
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
25327
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
25328
|
+
}
|
|
25329
|
+
}
|
|
25330
|
+
.pf-v6-c-skeleton {
|
|
24112
25331
|
--pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
24113
25332
|
--pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
|
|
24114
25333
|
--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 +25355,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24136
25355
|
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
24137
25356
|
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
24138
25357
|
}
|
|
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
25358
|
|
|
24149
25359
|
.pf-v6-c-skeleton {
|
|
24150
25360
|
position: relative;
|
|
@@ -24161,6 +25371,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24161
25371
|
padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
|
|
24162
25372
|
content: var(--pf-v6-c-skeleton--before--Content);
|
|
24163
25373
|
}
|
|
25374
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
25375
|
+
scale: -1 1;
|
|
25376
|
+
}
|
|
25377
|
+
|
|
24164
25378
|
.pf-v6-c-skeleton::after {
|
|
24165
25379
|
position: absolute;
|
|
24166
25380
|
inset: 0;
|
|
@@ -24170,10 +25384,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24170
25384
|
transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
|
|
24171
25385
|
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
25386
|
}
|
|
24173
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
24174
|
-
scale: -1 1;
|
|
24175
|
-
}
|
|
24176
|
-
|
|
24177
25387
|
.pf-v6-c-skeleton.pf-m-circle {
|
|
24178
25388
|
--pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
|
|
24179
25389
|
}
|
|
@@ -24361,12 +25571,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24361
25571
|
|
|
24362
25572
|
.pf-v6-c-slider {
|
|
24363
25573
|
--pf-v6-c-slider__rail-track--before--fill--direction: right;
|
|
24364
|
-
display: flex;
|
|
24365
25574
|
}
|
|
24366
25575
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
|
|
24367
25576
|
--pf-v6-c-slider__rail-track--before--fill--direction: left;
|
|
24368
25577
|
}
|
|
24369
25578
|
|
|
25579
|
+
.pf-v6-c-slider {
|
|
25580
|
+
display: flex;
|
|
25581
|
+
}
|
|
24370
25582
|
.pf-v6-c-slider.pf-m-disabled {
|
|
24371
25583
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
|
|
24372
25584
|
--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 +25641,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24429
25641
|
|
|
24430
25642
|
.pf-v6-c-slider__step-tick {
|
|
24431
25643
|
transform: translateX(var(--pf-v6-c-slider__step-tick--TranslateX));
|
|
25644
|
+
}
|
|
25645
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
25646
|
+
transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
25647
|
+
}
|
|
25648
|
+
|
|
25649
|
+
.pf-v6-c-slider__step-tick {
|
|
24432
25650
|
position: absolute;
|
|
24433
25651
|
inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
|
|
24434
25652
|
inset-inline-start: 0;
|
|
@@ -24438,22 +25656,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24438
25656
|
border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
|
|
24439
25657
|
border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
|
|
24440
25658
|
}
|
|
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
25659
|
|
|
24445
25660
|
.pf-v6-c-slider__step-label {
|
|
24446
25661
|
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
25662
|
}
|
|
24451
25663
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
|
|
24452
25664
|
transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
24453
25665
|
}
|
|
24454
25666
|
|
|
25667
|
+
.pf-v6-c-slider__step-label {
|
|
25668
|
+
position: absolute;
|
|
25669
|
+
inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
|
|
25670
|
+
word-break: normal;
|
|
25671
|
+
}
|
|
25672
|
+
|
|
24455
25673
|
.pf-v6-c-slider__thumb {
|
|
24456
25674
|
transform: translate(var(--pf-v6-c-slider__thumb--TranslateX), var(--pf-v6-c-slider__thumb--TranslateY));
|
|
25675
|
+
}
|
|
25676
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
|
|
25677
|
+
transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
|
|
25678
|
+
}
|
|
25679
|
+
|
|
25680
|
+
.pf-v6-c-slider__thumb {
|
|
24457
25681
|
position: absolute;
|
|
24458
25682
|
inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
|
|
24459
25683
|
inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
|
|
@@ -24465,12 +25689,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24465
25689
|
border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
|
|
24466
25690
|
box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
|
|
24467
25691
|
}
|
|
24468
|
-
|
|
24469
|
-
transform: translate(
|
|
25692
|
+
.pf-v6-c-slider__thumb::before {
|
|
25693
|
+
transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
|
|
25694
|
+
}
|
|
25695
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
|
|
25696
|
+
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
25697
|
}
|
|
24471
25698
|
|
|
24472
25699
|
.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
25700
|
position: absolute;
|
|
24475
25701
|
inset-block-start: 50%;
|
|
24476
25702
|
inset-inline-start: 50%;
|
|
@@ -24479,10 +25705,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24479
25705
|
content: "";
|
|
24480
25706
|
border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
|
|
24481
25707
|
}
|
|
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
25708
|
.pf-v6-c-slider__thumb:hover {
|
|
24487
25709
|
--pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
|
|
24488
25710
|
}
|
|
@@ -24499,16 +25721,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24499
25721
|
}
|
|
24500
25722
|
.pf-v6-c-slider__value.pf-m-floating {
|
|
24501
25723
|
transform: translate(var(--pf-v6-c-slider__value--m-floating--TranslateX), var(--pf-v6-c-slider__value--m-floating--TranslateY));
|
|
25724
|
+
}
|
|
25725
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
|
|
25726
|
+
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));
|
|
25727
|
+
}
|
|
25728
|
+
|
|
25729
|
+
.pf-v6-c-slider__value.pf-m-floating {
|
|
24502
25730
|
--pf-v6-c-slider__value--MarginInlineStart: 0;
|
|
24503
25731
|
position: absolute;
|
|
24504
25732
|
inset-block-start: 0;
|
|
24505
25733
|
inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
|
|
24506
25734
|
z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
|
|
24507
25735
|
}
|
|
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
25736
|
.pf-v6-c-slider__value .pf-v6-c-form-control {
|
|
24513
25737
|
width: var(--pf-v6-c-slider__value--c-form-control--Width);
|
|
24514
25738
|
}
|
|
@@ -24633,7 +25857,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24633
25857
|
--pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
|
|
24634
25858
|
--pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
|
|
24635
25859
|
--pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
24636
|
-
--pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
25860
|
+
--pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
24637
25861
|
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
24638
25862
|
--pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
24639
25863
|
--pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
@@ -24686,12 +25910,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24686
25910
|
}
|
|
24687
25911
|
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
24688
25912
|
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
25913
|
}
|
|
24691
25914
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
24692
25915
|
transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
|
|
24693
25916
|
}
|
|
24694
25917
|
|
|
25918
|
+
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
25919
|
+
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
25920
|
+
}
|
|
24695
25921
|
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
|
|
24696
25922
|
color: var(--pf-v6-c-switch__input--not-checked__label--Color);
|
|
24697
25923
|
}
|
|
@@ -25176,7 +26402,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25176
26402
|
--pf-v6-c-table--cell--Width: auto;
|
|
25177
26403
|
}
|
|
25178
26404
|
|
|
25179
|
-
@
|
|
26405
|
+
@container pf-v6-contain-table (max-width: 48rem) {
|
|
25180
26406
|
.pf-m-grid-md.pf-v6-c-table {
|
|
25181
26407
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
25182
26408
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -25454,15 +26680,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25454
26680
|
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
|
|
25455
26681
|
text-align: end;
|
|
25456
26682
|
}
|
|
25457
|
-
|
|
25458
|
-
|
|
25459
|
-
|
|
25460
|
-
|
|
25461
|
-
|
|
25462
|
-
|
|
26683
|
+
@media screen and (max-width: 36rem) {
|
|
26684
|
+
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
|
|
26685
|
+
grid-row-start: 1;
|
|
26686
|
+
grid-column-start: 2;
|
|
26687
|
+
margin-inline-start: 0;
|
|
26688
|
+
}
|
|
25463
26689
|
}
|
|
25464
|
-
}
|
|
25465
|
-
@media screen and (max-width: calc(48rem - 1px)) {
|
|
25466
26690
|
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
|
|
25467
26691
|
grid-column: 2;
|
|
25468
26692
|
grid-row: 2;
|
|
@@ -25488,7 +26712,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25488
26712
|
}
|
|
25489
26713
|
}
|
|
25490
26714
|
|
|
25491
|
-
@
|
|
26715
|
+
@container pf-v6-contain-table (max-width: 62rem) {
|
|
25492
26716
|
.pf-m-grid-lg.pf-v6-c-table {
|
|
25493
26717
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
25494
26718
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -25766,15 +26990,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25766
26990
|
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
|
|
25767
26991
|
text-align: end;
|
|
25768
26992
|
}
|
|
25769
|
-
|
|
25770
|
-
|
|
25771
|
-
|
|
25772
|
-
|
|
25773
|
-
|
|
25774
|
-
|
|
26993
|
+
@media screen and (max-width: 36rem) {
|
|
26994
|
+
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
|
|
26995
|
+
grid-row-start: 1;
|
|
26996
|
+
grid-column-start: 2;
|
|
26997
|
+
margin-inline-start: 0;
|
|
26998
|
+
}
|
|
25775
26999
|
}
|
|
25776
|
-
}
|
|
25777
|
-
@media screen and (max-width: calc(62rem - 1px)) {
|
|
25778
27000
|
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
|
|
25779
27001
|
grid-column: 2;
|
|
25780
27002
|
grid-row: 2;
|
|
@@ -25800,7 +27022,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25800
27022
|
}
|
|
25801
27023
|
}
|
|
25802
27024
|
|
|
25803
|
-
@
|
|
27025
|
+
@container pf-v6-contain-table (max-width: 75rem) {
|
|
25804
27026
|
.pf-m-grid-xl.pf-v6-c-table {
|
|
25805
27027
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
25806
27028
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -26078,15 +27300,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26078
27300
|
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
26079
27301
|
text-align: end;
|
|
26080
27302
|
}
|
|
26081
|
-
|
|
26082
|
-
|
|
26083
|
-
|
|
26084
|
-
|
|
26085
|
-
|
|
26086
|
-
|
|
27303
|
+
@media screen and (max-width: 36rem) {
|
|
27304
|
+
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
27305
|
+
grid-row-start: 1;
|
|
27306
|
+
grid-column-start: 2;
|
|
27307
|
+
margin-inline-start: 0;
|
|
27308
|
+
}
|
|
26087
27309
|
}
|
|
26088
|
-
}
|
|
26089
|
-
@media screen and (max-width: calc(75rem - 1px)) {
|
|
26090
27310
|
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
|
|
26091
27311
|
grid-column: 2;
|
|
26092
27312
|
grid-row: 2;
|
|
@@ -26112,7 +27332,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26112
27332
|
}
|
|
26113
27333
|
}
|
|
26114
27334
|
|
|
26115
|
-
@
|
|
27335
|
+
@container pf-v6-contain-table (max-width: 90.625rem) {
|
|
26116
27336
|
.pf-m-grid-2xl.pf-v6-c-table {
|
|
26117
27337
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
26118
27338
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -26390,15 +27610,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26390
27610
|
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
26391
27611
|
text-align: end;
|
|
26392
27612
|
}
|
|
26393
|
-
|
|
26394
|
-
|
|
26395
|
-
|
|
26396
|
-
|
|
26397
|
-
|
|
26398
|
-
|
|
27613
|
+
@media screen and (max-width: 36rem) {
|
|
27614
|
+
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
27615
|
+
grid-row-start: 1;
|
|
27616
|
+
grid-column-start: 2;
|
|
27617
|
+
margin-inline-start: 0;
|
|
27618
|
+
}
|
|
26399
27619
|
}
|
|
26400
|
-
}
|
|
26401
|
-
@media screen and (max-width: calc(90.625rem - 1px)) {
|
|
26402
27620
|
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
|
|
26403
27621
|
grid-column: 2;
|
|
26404
27622
|
grid-row: 2;
|
|
@@ -26476,10 +27694,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26476
27694
|
--pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
26477
27695
|
--pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
26478
27696
|
--pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
26479
|
-
--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate:
|
|
27697
|
+
--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 0;
|
|
26480
27698
|
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
26481
27699
|
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
26482
|
-
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate:
|
|
27700
|
+
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
|
|
26483
27701
|
--pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
26484
27702
|
--pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
26485
27703
|
--pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -26513,6 +27731,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26513
27731
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
|
26514
27732
|
--pf-v6-c-table__expandable-row--TranslateY: 0;
|
|
26515
27733
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
|
|
27734
|
+
}
|
|
27735
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
27736
|
+
.pf-v6-c-table {
|
|
27737
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
27738
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
27739
|
+
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
|
27740
|
+
}
|
|
27741
|
+
}
|
|
27742
|
+
.pf-v6-c-table {
|
|
26516
27743
|
--pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
26517
27744
|
--pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
26518
27745
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -26581,13 +27808,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26581
27808
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
26582
27809
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
26583
27810
|
}
|
|
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
27811
|
|
|
26592
27812
|
.pf-v6-c-table {
|
|
26593
27813
|
width: 100%;
|
|
@@ -26652,22 +27872,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26652
27872
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
26653
27873
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
26654
27874
|
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
27875
|
}
|
|
26672
27876
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
|
|
26673
27877
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -26712,6 +27916,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26712
27916
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
26713
27917
|
}
|
|
26714
27918
|
}
|
|
27919
|
+
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
|
|
27920
|
+
position: relative;
|
|
27921
|
+
width: var(--pf-v6-c-table--cell--Width);
|
|
27922
|
+
min-width: var(--pf-v6-c-table--cell--MinWidth);
|
|
27923
|
+
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
27924
|
+
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
|
27925
|
+
padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
|
|
27926
|
+
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
27927
|
+
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
27928
|
+
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
27929
|
+
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
27930
|
+
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
27931
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
27932
|
+
color: var(--pf-v6-c-table--cell--Color);
|
|
27933
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
27934
|
+
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
27935
|
+
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
27936
|
+
}
|
|
26715
27937
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
|
26716
27938
|
padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
|
26717
27939
|
}
|
|
@@ -27068,16 +28290,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27068
28290
|
.pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
|
|
27069
28291
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
|
27070
28292
|
}
|
|
28293
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
28294
|
+
scale: -1 1;
|
|
28295
|
+
}
|
|
28296
|
+
|
|
27071
28297
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27072
28298
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
27073
28299
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
27074
28300
|
transition-property: transform;
|
|
27075
28301
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
27076
28302
|
}
|
|
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
28303
|
.pf-v6-c-table__toggle svg {
|
|
27082
28304
|
pointer-events: none;
|
|
27083
28305
|
}
|
|
@@ -27554,13 +28776,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27554
28776
|
}
|
|
27555
28777
|
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
27556
28778
|
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
28779
|
}
|
|
27560
28780
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
27561
28781
|
transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
27562
28782
|
}
|
|
27563
28783
|
|
|
28784
|
+
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
|
|
28785
|
+
position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
|
|
28786
|
+
inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
|
|
28787
|
+
}
|
|
27564
28788
|
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
27565
28789
|
min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
|
|
27566
28790
|
}
|
|
@@ -28456,7 +29680,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28456
29680
|
--pf-v6-c-tabs__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
28457
29681
|
--pf-v6-c-tabs__toggle-icon--Transition: transform var(--pf-v6-c-tabs__toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__toggle-icon--TransitionTimingFunction);
|
|
28458
29682
|
--pf-v6-c-tabs__toggle-icon--Rotate: 0;
|
|
28459
|
-
--pf-v6-c-tabs--m-expanded__toggle-icon--Rotate:
|
|
29683
|
+
--pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: -180deg;
|
|
28460
29684
|
--pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
|
|
28461
29685
|
--pf-v6-c-tabs--m-expandable--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
28462
29686
|
--pf-v6-c-tabs--m-expandable--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -28473,13 +29697,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28473
29697
|
--pf-v6-c-tabs__add--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
28474
29698
|
--pf-v6-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
28475
29699
|
--pf-v6-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
29700
|
+
--pf-v6-c-tabs--m-nav__link--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
29701
|
+
--pf-v6-c-tabs--m-nav__link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
29702
|
+
--pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
28476
29703
|
--pf-v6-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
28477
29704
|
--pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
28478
29705
|
--pf-v6-c-tabs__link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
28479
29706
|
--pf-v6-c-tabs__link-toggle-icon--Transition: transform var(--pf-v6-c-tabs__link-toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction);
|
|
28480
29707
|
--pf-v6-c-tabs__link-toggle-icon--Rotate: 0;
|
|
28481
29708
|
--pf-v6-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
|
|
28482
|
-
--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate:
|
|
29709
|
+
--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: -180deg;
|
|
28483
29710
|
}
|
|
28484
29711
|
|
|
28485
29712
|
.pf-v6-c-tabs {
|
|
@@ -28607,8 +29834,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28607
29834
|
}
|
|
28608
29835
|
.pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
|
|
28609
29836
|
position: relative;
|
|
28610
|
-
flex-direction: column;
|
|
28611
29837
|
flex-grow: 1;
|
|
29838
|
+
flex-direction: column;
|
|
28612
29839
|
max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
|
|
28613
29840
|
}
|
|
28614
29841
|
.pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
|
|
@@ -28750,6 +29977,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28750
29977
|
.pf-v6-c-tabs.pf-m-overflow .pf-v6-c-tabs__list {
|
|
28751
29978
|
overflow: visible;
|
|
28752
29979
|
}
|
|
29980
|
+
.pf-v6-c-tabs.pf-m-nav {
|
|
29981
|
+
--pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
|
|
29982
|
+
--pf-v6-c-tabs__link--disabled--Color: var(--pf-v6-c-tabs--m-nav__link--disabled--Color);
|
|
29983
|
+
--pf-v6-c-tabs__link--BorderRadius: var(--pf-v6-c-tabs--m-nav__link--BorderRadius);
|
|
29984
|
+
}
|
|
29985
|
+
.pf-v6-c-tabs.pf-m-nav::before,
|
|
29986
|
+
.pf-v6-c-tabs.pf-m-nav .pf-v6-c-tabs__link::before {
|
|
29987
|
+
border: 0;
|
|
29988
|
+
}
|
|
29989
|
+
.pf-v6-c-tabs.pf-m-nav.pf-m-subtab .pf-v6-c-tabs__scroll-button .pf-v6-c-button {
|
|
29990
|
+
--pf-v6-c-button--FontSize: var(--pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--FontSize);
|
|
29991
|
+
}
|
|
28753
29992
|
|
|
28754
29993
|
.pf-v6-c-tabs__toggle {
|
|
28755
29994
|
display: var(--pf-v6-c-tabs__toggle--Display);
|
|
@@ -28761,15 +30000,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28761
30000
|
white-space: normal;
|
|
28762
30001
|
}
|
|
28763
30002
|
|
|
30003
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
30004
|
+
scale: -1 1;
|
|
30005
|
+
}
|
|
30006
|
+
|
|
28764
30007
|
.pf-v6-c-tabs__toggle-icon {
|
|
28765
30008
|
display: inline-block;
|
|
28766
30009
|
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
28767
30010
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
28768
30011
|
}
|
|
28769
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
28770
|
-
scale: -1 1;
|
|
28771
|
-
}
|
|
28772
30012
|
|
|
30013
|
+
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
30014
|
+
display: none;
|
|
30015
|
+
}
|
|
28773
30016
|
.pf-v6-c-tabs__list {
|
|
28774
30017
|
scrollbar-width: none;
|
|
28775
30018
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
@@ -28781,25 +30024,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28781
30024
|
scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
|
|
28782
30025
|
-webkit-overflow-scrolling: touch;
|
|
28783
30026
|
}
|
|
28784
|
-
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
28785
|
-
display: none;
|
|
28786
|
-
}
|
|
28787
30027
|
|
|
28788
30028
|
.pf-v6-c-tabs__item {
|
|
28789
30029
|
position: relative;
|
|
28790
30030
|
display: flex;
|
|
28791
30031
|
flex: none;
|
|
28792
30032
|
column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
|
|
28793
|
-
scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
|
|
28794
30033
|
padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
|
|
28795
30034
|
padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
|
|
28796
30035
|
padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
|
|
28797
30036
|
padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
|
|
30037
|
+
scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
|
|
28798
30038
|
background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
|
|
28799
30039
|
}
|
|
28800
30040
|
.pf-v6-c-tabs__item.pf-m-current {
|
|
28801
30041
|
--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-
|
|
30042
|
+
--pf-v6-c-tabs__link--after--BorderColor: var(--pf-v6-c-tabs--link-accent--color);
|
|
28803
30043
|
--pf-v6-c-tabs__link--after--BorderWidth: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
|
|
28804
30044
|
--pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs__item--m-current--BackgroundColor);
|
|
28805
30045
|
}
|
|
@@ -28847,6 +30087,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28847
30087
|
border: 0;
|
|
28848
30088
|
}
|
|
28849
30089
|
|
|
30090
|
+
.pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
|
|
30091
|
+
--pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
|
|
30092
|
+
}
|
|
30093
|
+
|
|
28850
30094
|
.pf-v6-c-tabs__link {
|
|
28851
30095
|
display: flex;
|
|
28852
30096
|
flex: 1;
|
|
@@ -28864,10 +30108,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28864
30108
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
|
28865
30109
|
transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
|
|
28866
30110
|
}
|
|
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
30111
|
.pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
|
|
28872
30112
|
pointer-events: none;
|
|
28873
30113
|
border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
|
|
@@ -28922,6 +30162,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28922
30162
|
--pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
|
|
28923
30163
|
}
|
|
28924
30164
|
|
|
30165
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
|
|
30166
|
+
scale: -1 1;
|
|
30167
|
+
}
|
|
30168
|
+
|
|
28925
30169
|
.pf-v6-c-tabs__link-toggle-icon {
|
|
28926
30170
|
align-self: end;
|
|
28927
30171
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
@@ -28929,9 +30173,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28929
30173
|
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
28930
30174
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
28931
30175
|
}
|
|
28932
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
|
|
28933
|
-
scale: -1 1;
|
|
28934
|
-
}
|
|
28935
30176
|
|
|
28936
30177
|
.pf-v6-c-tabs__item-action {
|
|
28937
30178
|
display: flex;
|
|
@@ -29208,7 +30449,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29208
30449
|
}
|
|
29209
30450
|
.pf-v6-c-text-input-group {
|
|
29210
30451
|
--pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
29211
|
-
--pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
|
|
30452
|
+
--pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
29212
30453
|
--pf-v6-c-text-input-group--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
29213
30454
|
--pf-v6-c-text-input-group--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
29214
30455
|
--pf-v6-c-text-input-group--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
@@ -29225,7 +30466,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29225
30466
|
--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--sm) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
|
|
29226
30467
|
--pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
|
|
29227
30468
|
--pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
29228
|
-
--pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--
|
|
30469
|
+
--pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--control--form-element);
|
|
29229
30470
|
--pf-v6-c-text-input-group__text--BorderStartStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
|
|
29230
30471
|
--pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
|
|
29231
30472
|
--pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
|
|
@@ -29686,30 +30927,37 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29686
30927
|
--pf-v6-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
29687
30928
|
--pf-v6-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
29688
30929
|
--pf-v6-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
|
|
29689
|
-
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--
|
|
30930
|
+
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
29690
30931
|
--pf-v6-c-toggle-group__button--ZIndex: auto;
|
|
29691
|
-
--pf-v6-c-toggle-group__button--hover--
|
|
30932
|
+
--pf-v6-c-toggle-group__button--hover--Color: var(--pf-t--global--text--color--on-brand--subtle--default);
|
|
30933
|
+
--pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--color--brand--subtle--default);
|
|
29692
30934
|
--pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
|
|
29693
|
-
--pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--
|
|
30935
|
+
--pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--brand--subtle--hover);
|
|
29694
30936
|
--pf-v6-c-toggle-group__button--hover--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
29695
30937
|
--pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
29696
|
-
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
30938
|
+
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
29697
30939
|
--pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
|
|
29698
|
-
--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--
|
|
29699
|
-
--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--
|
|
29700
|
-
--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--
|
|
29701
|
-
--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--
|
|
30940
|
+
--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--control--default);
|
|
30941
|
+
--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--control--default);
|
|
30942
|
+
--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--control--default);
|
|
30943
|
+
--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--control--default);
|
|
29702
30944
|
--pf-v6-c-toggle-group__icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
29703
|
-
--pf-v6-c-toggle-
|
|
29704
|
-
--pf-v6-c-toggle-
|
|
29705
|
-
--pf-v6-c-toggle-
|
|
29706
|
-
--pf-v6-c-toggle-
|
|
30945
|
+
--pf-v6-c-toggle-group__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
30946
|
+
--pf-v6-c-toggle-group__icon--hover--Color: var(--pf-t--global--icon--color--on-brand--subtle--default);
|
|
30947
|
+
--pf-v6-c-toggle-group__icon--m-selected--Color: var(--pf-t--global--icon--color--on-brand--subtle--default);
|
|
30948
|
+
--pf-v6-c-toggle-group__icon--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
30949
|
+
--pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--subtle--default);
|
|
30950
|
+
--pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--subtle--default);
|
|
30951
|
+
--pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--brand--subtle--clicked);
|
|
30952
|
+
--pf-v6-c-toggle-group__button--m-selected--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
30953
|
+
--pf-v6-c-toggle-group__button--m-selected--after--BorderColor: var(--pf-t--global--border--color--brand--subtle--clicked);
|
|
30954
|
+
--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
30955
|
+
--pf-v6-c-toggle-group__button--m-selected--selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--brand--subtle--clicked);
|
|
29707
30956
|
--pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
|
|
29708
|
-
--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
|
|
29709
30957
|
--pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
29710
30958
|
--pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
29711
|
-
--pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--
|
|
29712
|
-
--pf-v6-c-toggle-group__button--disabled
|
|
30959
|
+
--pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
30960
|
+
--pf-v6-c-toggle-group__button--disabled--disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--control--default);
|
|
29713
30961
|
--pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
|
|
29714
30962
|
--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
|
|
29715
30963
|
--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -29777,9 +31025,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29777
31025
|
}
|
|
29778
31026
|
.pf-v6-c-toggle-group__button:is(:hover, :focus) {
|
|
29779
31027
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
|
31028
|
+
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--hover--Color);
|
|
29780
31029
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
|
29781
31030
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
|
29782
31031
|
--pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--hover--after--BorderWidth);
|
|
31032
|
+
--pf-v6-c-toggle-group__icon--Color: var(--pf-v6-c-toggle-group__icon--hover--Color);
|
|
29783
31033
|
text-decoration-line: none;
|
|
29784
31034
|
}
|
|
29785
31035
|
.pf-v6-c-toggle-group__button.pf-m-selected {
|
|
@@ -29787,22 +31037,30 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29787
31037
|
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
|
|
29788
31038
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
|
|
29789
31039
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
|
|
31040
|
+
--pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderWidth);
|
|
31041
|
+
--pf-v6-c-toggle-group__button--after--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--after--BorderColor);
|
|
29790
31042
|
--pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth);
|
|
31043
|
+
--pf-v6-c-toggle-group__icon--Color: var(--pf-v6-c-toggle-group__icon--m-selected--Color);
|
|
29791
31044
|
}
|
|
29792
31045
|
.pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
|
|
29793
31046
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
|
|
29794
31047
|
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
|
|
29795
31048
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
|
|
29796
31049
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--disabled--before--BorderColor);
|
|
31050
|
+
--pf-v6-c-toggle-group__icon--Color: var(--pf-v6-c-toggle-group__icon--disabled--Color);
|
|
29797
31051
|
pointer-events: none;
|
|
29798
31052
|
}
|
|
29799
31053
|
|
|
29800
31054
|
.pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
|
|
29801
|
-
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected
|
|
31055
|
+
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected--selected--before--BorderInlineStartColor);
|
|
29802
31056
|
}
|
|
29803
31057
|
|
|
29804
31058
|
.pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
|
|
29805
|
-
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled
|
|
31059
|
+
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled--disabled--before--BorderInlineStartColor);
|
|
31060
|
+
}
|
|
31061
|
+
|
|
31062
|
+
.pf-v6-c-toggle-group__icon {
|
|
31063
|
+
color: var(--pf-v6-c-toggle-group__icon--Color);
|
|
29806
31064
|
}
|
|
29807
31065
|
|
|
29808
31066
|
.pf-v6-c-toggle-group__icon + .pf-v6-c-toggle-group__text,
|
|
@@ -29852,10 +31110,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29852
31110
|
--pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
29853
31111
|
--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
29854
31112
|
--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
31113
|
+
--pf-v6-c-toolbar--m-vertical--Width: fit-content;
|
|
29855
31114
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
|
|
29856
31115
|
--pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
29857
31116
|
--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
29858
|
-
--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate:
|
|
31117
|
+
--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: -180deg;
|
|
29859
31118
|
--pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
29860
31119
|
--pf-v6-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
29861
31120
|
--pf-v6-c-toolbar__group--m-label-group--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
@@ -29948,9 +31207,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29948
31207
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
29949
31208
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
29950
31209
|
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
31210
|
}
|
|
29955
31211
|
.pf-v6-c-toolbar__content.pf-m-hidden {
|
|
29956
31212
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -29995,6 +31251,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29995
31251
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
29996
31252
|
}
|
|
29997
31253
|
}
|
|
31254
|
+
.pf-v6-c-toolbar__content {
|
|
31255
|
+
row-gap: var(--pf-v6-c-toolbar__content--RowGap);
|
|
31256
|
+
padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
|
|
31257
|
+
padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
|
|
31258
|
+
}
|
|
29998
31259
|
|
|
29999
31260
|
.pf-v6-c-toolbar__content-section {
|
|
30000
31261
|
flex-wrap: wrap;
|
|
@@ -30055,14 +31316,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30055
31316
|
.pf-v6-c-toolbar.pf-m-no-background {
|
|
30056
31317
|
--pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-no-background--BackgroundColor);
|
|
30057
31318
|
}
|
|
31319
|
+
.pf-v6-c-toolbar.pf-m-vertical {
|
|
31320
|
+
--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart: auto;
|
|
31321
|
+
--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart: 0;
|
|
31322
|
+
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
31323
|
+
--pf-v6-c-toolbar--Width: var(--pf-v6-c-toolbar--m-vertical--Width);
|
|
31324
|
+
}
|
|
31325
|
+
.pf-v6-c-toolbar.pf-m-vertical :is(.pf-v6-c-toolbar__group, .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__content-section) {
|
|
31326
|
+
flex-direction: column;
|
|
31327
|
+
align-items: center;
|
|
31328
|
+
}
|
|
30058
31329
|
|
|
30059
31330
|
.pf-v6-c-toolbar__item {
|
|
30060
31331
|
--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
31332
|
}
|
|
30067
31333
|
@media (min-width: 36rem) {
|
|
30068
31334
|
.pf-v6-c-toolbar__item {
|
|
@@ -30089,6 +31355,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30089
31355
|
--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
31356
|
}
|
|
30091
31357
|
}
|
|
31358
|
+
.pf-v6-c-toolbar__item {
|
|
31359
|
+
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
|
|
31360
|
+
}
|
|
30092
31361
|
@media (min-width: 36rem) {
|
|
30093
31362
|
.pf-v6-c-toolbar__item {
|
|
30094
31363
|
--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 +31383,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30114
31383
|
--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
31384
|
}
|
|
30116
31385
|
}
|
|
31386
|
+
.pf-v6-c-toolbar__item {
|
|
31387
|
+
row-gap: var(--pf-v6-c-toolbar__item--RowGap);
|
|
31388
|
+
column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
|
|
31389
|
+
width: var(--pf-v6-c-toolbar__item--Width--base);
|
|
31390
|
+
min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
|
|
31391
|
+
}
|
|
30117
31392
|
.pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
|
|
30118
31393
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
|
|
30119
31394
|
}
|
|
@@ -30134,6 +31409,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30134
31409
|
row-gap: var(--pf-v6-c-toolbar__group--RowGap);
|
|
30135
31410
|
column-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
|
|
30136
31411
|
}
|
|
31412
|
+
.pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group {
|
|
31413
|
+
row-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
|
|
31414
|
+
}
|
|
30137
31415
|
.pf-v6-c-toolbar__group.pf-m-filter-group {
|
|
30138
31416
|
column-gap: var(--pf-v6-c-toolbar__group--m-filter-group--ColumnGap);
|
|
30139
31417
|
}
|
|
@@ -30145,9 +31423,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30145
31423
|
.pf-v6-c-toolbar__group.pf-m-action-group {
|
|
30146
31424
|
column-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
|
|
30147
31425
|
}
|
|
31426
|
+
.pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group.pf-m-action-group {
|
|
31427
|
+
row-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
|
|
31428
|
+
}
|
|
30148
31429
|
.pf-v6-c-toolbar__group.pf-m-action-group-plain {
|
|
30149
31430
|
column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
|
|
30150
31431
|
}
|
|
31432
|
+
.pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group.pf-m-action-group-plain {
|
|
31433
|
+
row-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
|
|
31434
|
+
}
|
|
30151
31435
|
.pf-v6-c-toolbar__group.pf-m-action-group-inline {
|
|
30152
31436
|
flex-wrap: wrap;
|
|
30153
31437
|
column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
|
|
@@ -30224,7 +31508,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30224
31508
|
}
|
|
30225
31509
|
.pf-v6-c-toolbar__group.pf-m-align-end,
|
|
30226
31510
|
.pf-v6-c-toolbar__item.pf-m-align-end {
|
|
30227
|
-
margin-
|
|
31511
|
+
margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
|
|
31512
|
+
margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
|
|
30228
31513
|
}
|
|
30229
31514
|
.pf-v6-c-toolbar__group.pf-m-flex-grow,
|
|
30230
31515
|
.pf-v6-c-toolbar__item.pf-m-flex-grow {
|
|
@@ -30479,7 +31764,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30479
31764
|
}
|
|
30480
31765
|
.pf-v6-c-toolbar__group.pf-m-align-end-on-sm,
|
|
30481
31766
|
.pf-v6-c-toolbar__item.pf-m-align-end-on-sm {
|
|
30482
|
-
margin-
|
|
31767
|
+
margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
|
|
31768
|
+
margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
|
|
30483
31769
|
}
|
|
30484
31770
|
.pf-v6-c-toolbar__group.pf-m-flex-grow-on-sm,
|
|
30485
31771
|
.pf-v6-c-toolbar__item.pf-m-flex-grow-on-sm {
|
|
@@ -30731,7 +32017,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30731
32017
|
}
|
|
30732
32018
|
.pf-v6-c-toolbar__group.pf-m-align-end-on-md,
|
|
30733
32019
|
.pf-v6-c-toolbar__item.pf-m-align-end-on-md {
|
|
30734
|
-
margin-
|
|
32020
|
+
margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
|
|
32021
|
+
margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
|
|
30735
32022
|
}
|
|
30736
32023
|
.pf-v6-c-toolbar__group.pf-m-flex-grow-on-md,
|
|
30737
32024
|
.pf-v6-c-toolbar__item.pf-m-flex-grow-on-md {
|
|
@@ -30983,7 +32270,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30983
32270
|
}
|
|
30984
32271
|
.pf-v6-c-toolbar__group.pf-m-align-end-on-lg,
|
|
30985
32272
|
.pf-v6-c-toolbar__item.pf-m-align-end-on-lg {
|
|
30986
|
-
margin-
|
|
32273
|
+
margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
|
|
32274
|
+
margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
|
|
30987
32275
|
}
|
|
30988
32276
|
.pf-v6-c-toolbar__group.pf-m-flex-grow-on-lg,
|
|
30989
32277
|
.pf-v6-c-toolbar__item.pf-m-flex-grow-on-lg {
|
|
@@ -31235,7 +32523,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31235
32523
|
}
|
|
31236
32524
|
.pf-v6-c-toolbar__group.pf-m-align-end-on-xl,
|
|
31237
32525
|
.pf-v6-c-toolbar__item.pf-m-align-end-on-xl {
|
|
31238
|
-
margin-
|
|
32526
|
+
margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
|
|
32527
|
+
margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
|
|
31239
32528
|
}
|
|
31240
32529
|
.pf-v6-c-toolbar__group.pf-m-flex-grow-on-xl,
|
|
31241
32530
|
.pf-v6-c-toolbar__item.pf-m-flex-grow-on-xl {
|
|
@@ -31487,7 +32776,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31487
32776
|
}
|
|
31488
32777
|
.pf-v6-c-toolbar__group.pf-m-align-end-on-2xl,
|
|
31489
32778
|
.pf-v6-c-toolbar__item.pf-m-align-end-on-2xl {
|
|
31490
|
-
margin-
|
|
32779
|
+
margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
|
|
32780
|
+
margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
|
|
31491
32781
|
}
|
|
31492
32782
|
.pf-v6-c-toolbar__group.pf-m-flex-grow-on-2xl,
|
|
31493
32783
|
.pf-v6-c-toolbar__item.pf-m-flex-grow-on-2xl {
|
|
@@ -31972,6 +33262,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31972
33262
|
--pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
|
|
31973
33263
|
--pf-v6-c-tree-view__list--TranslateY: 0;
|
|
31974
33264
|
--pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
|
|
33265
|
+
}
|
|
33266
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
33267
|
+
.pf-v6-c-tree-view {
|
|
33268
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
33269
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
33270
|
+
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
|
33271
|
+
}
|
|
33272
|
+
}
|
|
33273
|
+
.pf-v6-c-tree-view {
|
|
31975
33274
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
|
|
31976
33275
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
|
|
31977
33276
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
@@ -31999,7 +33298,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31999
33298
|
--pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
32000
33299
|
--pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
|
|
32001
33300
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
32002
|
-
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate:
|
|
33301
|
+
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: -180deg;
|
|
33302
|
+
--pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
33303
|
+
--pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
33304
|
+
--pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
32003
33305
|
--pf-v6-c-tree-view__node-text--max-lines: 1;
|
|
32004
33306
|
--pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
32005
33307
|
--pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -32055,6 +33357,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32055
33357
|
--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
32056
33358
|
--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
32057
33359
|
--pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
|
|
33360
|
+
--pf-v6-c-tree-view--m-compact__node-container--nested--Color: initial;
|
|
33361
|
+
--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: var(--pf-t--global--text--color--on-disabled);
|
|
33362
|
+
--pf-v6-c-tree-view--m-compact__node-icon--nested--Color: initial;
|
|
33363
|
+
--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
33364
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color: initial;
|
|
33365
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
32058
33366
|
--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
|
|
32059
33367
|
--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
|
|
32060
33368
|
--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 +33372,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32064
33372
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
|
|
32065
33373
|
--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
33374
|
}
|
|
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
33375
|
|
|
32075
33376
|
.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
33377
|
position: relative;
|
|
@@ -32151,11 +33452,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32151
33452
|
padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
|
|
32152
33453
|
padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
|
|
32153
33454
|
padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
|
|
33455
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--Color, inherit);
|
|
32154
33456
|
background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
|
|
32155
33457
|
}
|
|
32156
33458
|
.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
33459
|
margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
|
|
32158
33460
|
margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
|
|
33461
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color, inherit);
|
|
33462
|
+
}
|
|
33463
|
+
.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 {
|
|
33464
|
+
color: var(--pf-v6-c-tree-view--m-compact__node-icon--nested--Color, inherit);
|
|
32159
33465
|
}
|
|
32160
33466
|
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
|
|
32161
33467
|
padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
|
|
@@ -32180,6 +33486,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32180
33486
|
}
|
|
32181
33487
|
.pf-v6-c-tree-view.pf-m-no-background {
|
|
32182
33488
|
--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
|
|
33489
|
+
--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: initial;
|
|
33490
|
+
--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: initial;
|
|
33491
|
+
--pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: initial;
|
|
33492
|
+
}
|
|
33493
|
+
|
|
33494
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
33495
|
+
scale: -1 1;
|
|
32183
33496
|
}
|
|
32184
33497
|
|
|
32185
33498
|
.pf-v6-c-tree-view__node-toggle-icon {
|
|
@@ -32189,9 +33502,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32189
33502
|
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
32190
33503
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
32191
33504
|
}
|
|
32192
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
32193
|
-
scale: -1 1;
|
|
32194
|
-
}
|
|
32195
33505
|
|
|
32196
33506
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
32197
33507
|
max-height: 0;
|
|
@@ -32255,6 +33565,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32255
33565
|
.pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
|
|
32256
33566
|
margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
|
|
32257
33567
|
}
|
|
33568
|
+
.pf-v6-c-tree-view__node.pf-m-disabled {
|
|
33569
|
+
--pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-disabled--Color);
|
|
33570
|
+
--pf-v6-c-tree-view__node-icon--Color: var(--pf-v6-c-tree-view__node-icon--m-disabled--Color);
|
|
33571
|
+
--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);
|
|
33572
|
+
--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);
|
|
33573
|
+
}
|
|
32258
33574
|
|
|
32259
33575
|
.pf-v6-c-tree-view__node-container {
|
|
32260
33576
|
display: var(--pf-v6-c-tree-view__node-container--Display);
|
|
@@ -32297,6 +33613,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32297
33613
|
transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
|
|
32298
33614
|
}
|
|
32299
33615
|
|
|
33616
|
+
.pf-v6-c-tree-view__node-toggle.pf-m-disabled {
|
|
33617
|
+
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--m-disabled--Color);
|
|
33618
|
+
}
|
|
33619
|
+
|
|
32300
33620
|
.pf-v6-c-tree-view__node-title.pf-m-truncate,
|
|
32301
33621
|
.pf-v6-c-tree-view__node-text.pf-m-truncate {
|
|
32302
33622
|
--pf-v6-c-tree-view__node-content--Overflow: hidden;
|
|
@@ -32312,6 +33632,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32312
33632
|
white-space: nowrap;
|
|
32313
33633
|
}
|
|
32314
33634
|
|
|
33635
|
+
label.pf-v6-c-tree-view__node-text {
|
|
33636
|
+
cursor: pointer;
|
|
33637
|
+
}
|
|
33638
|
+
|
|
32315
33639
|
.pf-v6-c-tree-view__node-text {
|
|
32316
33640
|
font-weight: inherit;
|
|
32317
33641
|
color: inherit;
|
|
@@ -32319,9 +33643,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32319
33643
|
background-color: transparent;
|
|
32320
33644
|
border: 0;
|
|
32321
33645
|
}
|
|
32322
|
-
label.pf-v6-c-tree-view__node-text {
|
|
32323
|
-
cursor: pointer;
|
|
32324
|
-
}
|
|
32325
33646
|
|
|
32326
33647
|
.pf-v6-c-tree-view__node-title {
|
|
32327
33648
|
font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
|
|
@@ -32495,7 +33816,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32495
33816
|
--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
32496
33817
|
--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
32497
33818
|
--pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
|
|
32498
|
-
--pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate:
|
|
33819
|
+
--pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: -180deg;
|
|
32499
33820
|
--pf-v6-c-wizard__nav-link--before--Width: var(--pf-t--global--icon--size--font--xl);
|
|
32500
33821
|
--pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
|
|
32501
33822
|
--pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -32550,6 +33871,15 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32550
33871
|
--pf-v6-c-wizard__nav--lg--Width: 15.625rem;
|
|
32551
33872
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
32552
33873
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
|
|
33874
|
+
}
|
|
33875
|
+
@media screen and (min-width: 62rem) {
|
|
33876
|
+
.pf-v6-c-wizard {
|
|
33877
|
+
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
33878
|
+
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
33879
|
+
--pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
|
|
33880
|
+
}
|
|
33881
|
+
}
|
|
33882
|
+
.pf-v6-c-wizard {
|
|
32553
33883
|
--pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
32554
33884
|
--pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
32555
33885
|
--pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -32574,13 +33904,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32574
33904
|
--pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
32575
33905
|
--pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
32576
33906
|
}
|
|
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
33907
|
|
|
32585
33908
|
.pf-v6-c-wizard {
|
|
32586
33909
|
position: relative;
|
|
@@ -32716,13 +34039,14 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32716
34039
|
color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
|
|
32717
34040
|
}
|
|
32718
34041
|
|
|
32719
|
-
.pf-v6-c-wizard__toggle-separator {
|
|
32720
|
-
color: var(--pf-v6-c-wizard__toggle-separator--Color);
|
|
32721
|
-
}
|
|
32722
34042
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
|
|
32723
34043
|
scale: -1 1;
|
|
32724
34044
|
}
|
|
32725
34045
|
|
|
34046
|
+
.pf-v6-c-wizard__toggle-separator {
|
|
34047
|
+
color: var(--pf-v6-c-wizard__toggle-separator--Color);
|
|
34048
|
+
}
|
|
34049
|
+
|
|
32726
34050
|
.pf-v6-c-wizard__toggle-icon {
|
|
32727
34051
|
line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
|
|
32728
34052
|
}
|
|
@@ -32730,8 +34054,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32730
34054
|
.pf-v6-c-wizard__outer-wrap {
|
|
32731
34055
|
position: relative;
|
|
32732
34056
|
display: flex;
|
|
32733
|
-
flex-direction: column;
|
|
32734
34057
|
flex-grow: 1;
|
|
34058
|
+
flex-direction: column;
|
|
32735
34059
|
min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
|
|
32736
34060
|
background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
|
|
32737
34061
|
}
|
|
@@ -32744,8 +34068,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32744
34068
|
.pf-v6-c-wizard__inner-wrap {
|
|
32745
34069
|
position: relative;
|
|
32746
34070
|
display: flex;
|
|
32747
|
-
flex-direction: column;
|
|
32748
34071
|
flex-grow: 1;
|
|
34072
|
+
flex-direction: column;
|
|
32749
34073
|
min-height: 0;
|
|
32750
34074
|
}
|
|
32751
34075
|
@media screen and (min-width: 62rem) {
|
|
@@ -32923,6 +34247,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32923
34247
|
color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
|
|
32924
34248
|
}
|
|
32925
34249
|
|
|
34250
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|
|
34251
|
+
scale: -1 1;
|
|
34252
|
+
}
|
|
34253
|
+
|
|
32926
34254
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
32927
34255
|
display: inline-block;
|
|
32928
34256
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
@@ -32930,15 +34258,12 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
32930
34258
|
transition-property: transform;
|
|
32931
34259
|
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
32932
34260
|
}
|
|
32933
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|
|
32934
|
-
scale: -1 1;
|
|
32935
|
-
}
|
|
32936
34261
|
|
|
32937
34262
|
.pf-v6-c-wizard__main {
|
|
32938
34263
|
z-index: var(--pf-v6-c-wizard__main--ZIndex);
|
|
32939
34264
|
display: flex;
|
|
32940
|
-
flex-direction: column;
|
|
32941
34265
|
flex-grow: 1;
|
|
34266
|
+
flex-direction: column;
|
|
32942
34267
|
overflow-x: hidden;
|
|
32943
34268
|
overflow-y: auto;
|
|
32944
34269
|
word-break: break-word;
|
|
@@ -35376,12 +36701,13 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35376
36701
|
display: grid;
|
|
35377
36702
|
grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
|
|
35378
36703
|
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
36704
|
}
|
|
35382
36705
|
.pf-v6-l-gallery.pf-m-gutter {
|
|
35383
36706
|
grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
35384
36707
|
}
|
|
36708
|
+
.pf-v6-l-gallery {
|
|
36709
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
36710
|
+
}
|
|
35385
36711
|
@media (min-width: 36rem) {
|
|
35386
36712
|
.pf-v6-l-gallery {
|
|
35387
36713
|
--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 +36733,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35407
36733
|
--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
36734
|
}
|
|
35409
36735
|
}
|
|
36736
|
+
.pf-v6-l-gallery {
|
|
36737
|
+
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
|
|
36738
|
+
}
|
|
35410
36739
|
@media (min-width: 36rem) {
|
|
35411
36740
|
.pf-v6-l-gallery {
|
|
35412
36741
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
|