@patternfly/patternfly 6.2.0-prerelease.2 → 6.2.0-prerelease.20
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/assets/pficon/pficon.scss +1 -1
- package/base/normalize.scss +2 -2
- package/base/patternfly-pf-icons.css +1 -1
- package/components/Alert/alert-group.css +50 -7
- package/components/Alert/alert-group.scss +114 -28
- package/components/Banner/banner.css +2 -2
- package/components/Banner/banner.scss +2 -2
- package/components/Breadcrumb/breadcrumb.css +3 -2
- package/components/Breadcrumb/breadcrumb.scss +3 -2
- package/components/Button/button.css +63 -2
- package/components/Button/button.scss +74 -2
- package/components/Card/card.css +17 -0
- package/components/Card/card.scss +22 -0
- package/components/Content/content.css +2 -1
- package/components/Content/content.scss +2 -1
- package/components/DescriptionList/description-list.css +3 -2
- package/components/DescriptionList/description-list.scss +3 -2
- package/components/Drawer/drawer.css +3 -1
- package/components/Drawer/drawer.scss +3 -1
- package/components/Form/form.css +3 -6
- package/components/Form/form.scss +3 -7
- package/components/HelperText/helper-text.css +13 -0
- package/components/HelperText/helper-text.scss +16 -0
- package/components/JumpLinks/jump-links.css +1 -1
- package/components/JumpLinks/jump-links.scss +1 -1
- package/components/Label/label.css +3 -2
- package/components/Label/label.scss +3 -2
- package/components/Masthead/masthead.css +1 -1
- package/components/Masthead/masthead.scss +1 -1
- package/components/Menu/menu.css +15 -7
- package/components/Menu/menu.scss +14 -5
- package/components/MenuToggle/menu-toggle.css +41 -0
- package/components/MenuToggle/menu-toggle.scss +49 -0
- package/components/Nav/nav.css +46 -13
- package/components/Nav/nav.scss +57 -17
- package/components/Page/page.css +16 -1
- package/components/Page/page.scss +17 -3
- package/components/Popover/popover.css +2 -0
- package/components/Popover/popover.scss +2 -0
- package/components/Progress/progress.css +3 -0
- package/components/Progress/progress.scss +3 -0
- package/components/ProgressStepper/progress-stepper.css +2 -1
- package/components/ProgressStepper/progress-stepper.scss +2 -1
- package/components/SimpleList/simple-list.css +2 -2
- package/components/SimpleList/simple-list.scss +2 -2
- package/components/Switch/switch.css +3 -1
- package/components/Switch/switch.scss +4 -2
- package/components/Table/table.css +3 -3
- package/components/Table/table.scss +3 -2
- package/components/Tabs/tabs.css +1 -1
- package/components/Tabs/tabs.scss +1 -1
- package/components/Timestamp/timestamp.css +2 -1
- package/components/Timestamp/timestamp.scss +2 -1
- package/components/ToggleGroup/toggle-group.css +1 -1
- package/components/ToggleGroup/toggle-group.scss +1 -1
- package/components/Toolbar/toolbar.css +6 -1
- package/components/Toolbar/toolbar.scss +7 -1
- package/components/Wizard/wizard.css +1 -1
- package/components/Wizard/wizard.scss +1 -1
- package/components/_index.css +307 -60
- package/docs/components/Alert/examples/Alert.md +6 -0
- package/docs/components/Avatar/examples/Avatar.md +4 -4
- package/docs/components/Brand/examples/Brand.md +2 -2
- package/docs/components/Button/examples/Button.md +29 -0
- package/docs/components/Card/examples/Card.md +30 -0
- package/docs/components/DataList/examples/DataList.md +3 -3
- package/docs/components/DescriptionList/examples/DescriptionList.md +2 -2
- package/docs/components/Divider/examples/Divider.md +2 -2
- package/docs/components/Drawer/examples/Drawer.md +3 -3
- package/docs/components/JumpLinks/examples/JumpLinks.md +2 -2
- package/docs/components/Masthead/examples/masthead.md +1 -1
- package/docs/components/Menu/examples/Menu.md +8 -8
- package/docs/components/Nav/examples/Navigation.md +3 -0
- package/docs/components/Page/examples/Page.md +2 -2
- package/docs/components/Pagination/examples/Pagination.md +3 -3
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +2 -2
- package/docs/components/Sidebar/examples/Sidebar.md +1 -1
- package/docs/components/Table/examples/Table.md +17 -29
- package/docs/components/Tabs/examples/Tabs.md +148 -6
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +10 -0
- package/docs/components/Toolbar/examples/Toolbar.css +3 -0
- package/docs/components/Toolbar/examples/Toolbar.md +35 -7
- package/docs/demos/Card/examples/Card.md +32 -24
- package/docs/demos/CardView/examples/CardView.md +2 -0
- package/docs/demos/Nav/examples/Nav.md +2 -0
- package/docs/layouts/Flex/examples/Flex.md +1 -1
- package/docs/layouts/Gallery/examples/Gallery.md +2 -2
- package/docs/layouts/Grid/examples/Grid.md +4 -4
- package/docs/utilities/Accessibility/examples/Accessibility.md +1 -1
- package/docs/utilities/Alignment/examples/Alignment.md +1 -1
- package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +1 -1
- package/docs/utilities/Display/examples/Display.md +1 -1
- package/docs/utilities/Flex/examples/Flex.md +1 -1
- package/docs/utilities/Float/examples/Float.md +1 -1
- package/docs/utilities/Sizing/examples/Sizing.md +6 -6
- package/docs/utilities/Spacing/examples/Spacing.md +1 -1
- package/docs/utilities/Text/examples/Text.md +1 -1
- package/package.json +2 -2
- package/patternfly-base-no-globals.css +1 -1
- package/patternfly-base.css +3 -3
- package/patternfly-charts.css +83 -0
- package/patternfly-charts.scss +126 -0
- package/patternfly-no-globals.css +308 -61
- package/patternfly.css +310 -63
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/docs/components/TabContent/examples/TabContent.md +0 -153
|
@@ -5666,7 +5666,7 @@
|
|
|
5666
5666
|
font-style: normal;
|
|
5667
5667
|
font-variant: normal;
|
|
5668
5668
|
font-weight: normal;
|
|
5669
|
-
text-decoration: none;
|
|
5669
|
+
text-decoration-line: none;
|
|
5670
5670
|
text-transform: none;
|
|
5671
5671
|
}
|
|
5672
5672
|
|
|
@@ -8036,6 +8036,48 @@
|
|
|
8036
8036
|
--pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8037
8037
|
--pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
|
|
8038
8038
|
--pf-v6-c-alert-group--m-toast--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
8039
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8040
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--decelerate);
|
|
8041
|
+
--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default: var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity--default)
|
|
8042
|
+
var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity--default)
|
|
8043
|
+
0s;
|
|
8044
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity: var(--pf-t--global--motion--duration--fade--default);
|
|
8045
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--decelerate);
|
|
8046
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDelay--opacity: var(--pf-t--global--motion--delay--none);
|
|
8047
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
8048
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--decelerate);
|
|
8049
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDelay--transform: var(--pf-t--global--motion--delay--none);
|
|
8050
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--default);
|
|
8051
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--decelerate);
|
|
8052
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--slide-in--default);
|
|
8053
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--decelerate);
|
|
8054
|
+
--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
8055
|
+
--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
8056
|
+
--pf-v6-c-alert-group--m-toast__item--c-alert--Transition: all
|
|
8057
|
+
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
|
|
8058
|
+
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
|
|
8059
|
+
0s;
|
|
8060
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8061
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8062
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8063
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8064
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8065
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8066
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8067
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8068
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8069
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
|
|
8070
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8071
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8072
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
|
|
8073
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8074
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8075
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8076
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8077
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: all
|
|
8078
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration)
|
|
8079
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction)
|
|
8080
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration);
|
|
8039
8081
|
--pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
|
|
8040
8082
|
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
8041
8083
|
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -8084,15 +8126,15 @@
|
|
|
8084
8126
|
display: grid;
|
|
8085
8127
|
grid-template-rows: 1fr;
|
|
8086
8128
|
opacity: 1;
|
|
8087
|
-
transition: opacity var(--pf-
|
|
8129
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
8088
8130
|
transform: translateX(0) translateY(0);
|
|
8089
8131
|
}
|
|
8090
8132
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
8091
8133
|
.pf-v6-c-alert-group__item {
|
|
8092
|
-
transition: opacity var(--pf-
|
|
8134
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity) var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity) var(--pf-v6-c-alert-group--m-toast__item--TransitionDelay--opacity), transform var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--transform) var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--transform) var(--pf-v6-c-alert-group--m-toast__item--TransitionDelay--transform), grid-template-rows var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--grid-template-rows), margin-block var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--margin-block) var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--margin-block);
|
|
8093
8135
|
}
|
|
8094
8136
|
.pf-v6-c-alert-group__item .pf-v6-c-alert {
|
|
8095
|
-
transition:
|
|
8137
|
+
transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
|
|
8096
8138
|
}
|
|
8097
8139
|
}
|
|
8098
8140
|
.pf-v6-c-alert-group__item.pf-m-offstage-top {
|
|
@@ -8113,21 +8155,22 @@
|
|
|
8113
8155
|
margin-block: 0;
|
|
8114
8156
|
overflow: hidden;
|
|
8115
8157
|
opacity: 0;
|
|
8116
|
-
transition:
|
|
8117
|
-
transform: translateX(100%);
|
|
8158
|
+
transition: grid-template-rows 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default), margin-block 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default);
|
|
8118
8159
|
}
|
|
8119
8160
|
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
8120
8161
|
min-height: 0;
|
|
8121
8162
|
padding-block-start: 0;
|
|
8122
8163
|
padding-block-end: 0;
|
|
8123
8164
|
border-width: 0;
|
|
8165
|
+
transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
|
|
8124
8166
|
}
|
|
8125
8167
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
8126
8168
|
.pf-v6-c-alert-group__item.pf-m-offstage-right {
|
|
8127
|
-
transition: transform var(--pf-
|
|
8169
|
+
transition: transform var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity), margin-block var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block), grid-template-rows var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows);
|
|
8170
|
+
transform: translateX(100%);
|
|
8128
8171
|
}
|
|
8129
8172
|
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
8130
|
-
transition:
|
|
8173
|
+
transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition);
|
|
8131
8174
|
}
|
|
8132
8175
|
}
|
|
8133
8176
|
.pf-v6-c-alert-group__item:hover {
|
|
@@ -8659,7 +8702,7 @@
|
|
|
8659
8702
|
}
|
|
8660
8703
|
.pf-v6-c-banner a {
|
|
8661
8704
|
color: var(--pf-v6-c-banner--link--Color);
|
|
8662
|
-
text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
|
|
8705
|
+
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
|
8663
8706
|
}
|
|
8664
8707
|
.pf-v6-c-banner a:hover:not(.pf-m-disabled) {
|
|
8665
8708
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
@@ -8672,7 +8715,7 @@
|
|
|
8672
8715
|
--pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
|
|
8673
8716
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
8674
8717
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
|
|
8675
|
-
text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
|
|
8718
|
+
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
|
8676
8719
|
}
|
|
8677
8720
|
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
|
|
8678
8721
|
cursor: not-allowed;
|
|
@@ -8811,7 +8854,8 @@
|
|
|
8811
8854
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
8812
8855
|
line-height: inherit;
|
|
8813
8856
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
8814
|
-
text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine)
|
|
8857
|
+
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
8858
|
+
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
8815
8859
|
word-break: break-word;
|
|
8816
8860
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
8817
8861
|
}
|
|
@@ -8825,7 +8869,7 @@
|
|
|
8825
8869
|
}
|
|
8826
8870
|
.pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
|
|
8827
8871
|
color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
|
|
8828
|
-
text-decoration: none;
|
|
8872
|
+
text-decoration-line: none;
|
|
8829
8873
|
}
|
|
8830
8874
|
button.pf-v6-c-breadcrumb__link {
|
|
8831
8875
|
border: none;
|
|
@@ -8872,6 +8916,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
8872
8916
|
--pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
8873
8917
|
--pf-v6-c-button--TextDecorationLine: none;
|
|
8874
8918
|
--pf-v6-c-button--TextDecorationStyle: none;
|
|
8919
|
+
--pf-v6-c-button--TextDecorationColor: currentcolor;
|
|
8875
8920
|
--pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
8876
8921
|
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
8877
8922
|
--pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
|
|
@@ -8880,6 +8925,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
8880
8925
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
8881
8926
|
--pf-v6-c-button--hover--TextDecorationLine: none;
|
|
8882
8927
|
--pf-v6-c-button--hover--TextDecorationStyle: none;
|
|
8928
|
+
--pf-v6-c-button--hover--TextDecorationColor: currentcolor;
|
|
8883
8929
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
|
8884
8930
|
--pf-v6-c-button--m-clicked--BorderColor: transparent;
|
|
8885
8931
|
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
|
@@ -8964,6 +9010,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
8964
9010
|
--pf-v6-c-button--span--m-link--m-inline--Display: inline;
|
|
8965
9011
|
--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
8966
9012
|
--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
9013
|
+
--pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
|
|
9014
|
+
--pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
9015
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
|
|
9016
|
+
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
9017
|
+
--pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
9018
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
|
|
8967
9019
|
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
8968
9020
|
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
8969
9021
|
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
@@ -9071,6 +9123,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9071
9123
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
9072
9124
|
--pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
9073
9125
|
--pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
9126
|
+
--pf-v6-c-button--disabled--TextDecorationColor: currentcolor;
|
|
9074
9127
|
--pf-v6-c-button--disabled--BorderColor: transparent;
|
|
9075
9128
|
--pf-v6-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
9076
9129
|
--pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -9080,6 +9133,14 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9080
9133
|
--pf-v6-c-button__icon--MarginInlineEnd: 0;
|
|
9081
9134
|
--pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
|
|
9082
9135
|
--pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
|
|
9136
|
+
--pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
|
|
9137
|
+
--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
|
|
9138
|
+
--pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
9139
|
+
--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
9140
|
+
--pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
|
|
9141
|
+
--pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
|
|
9142
|
+
--pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
9143
|
+
--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
9083
9144
|
--pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
|
|
9084
9145
|
--pf-v6-c-button__progress--Opacity: 0;
|
|
9085
9146
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
|
@@ -9115,7 +9176,9 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9115
9176
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
9116
9177
|
color: var(--pf-v6-c-button--Color);
|
|
9117
9178
|
text-align: center;
|
|
9118
|
-
text-decoration: var(--pf-v6-c-button--TextDecorationLine)
|
|
9179
|
+
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
|
|
9180
|
+
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
|
|
9181
|
+
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
9119
9182
|
white-space: nowrap;
|
|
9120
9183
|
cursor: pointer;
|
|
9121
9184
|
user-select: none;
|
|
@@ -9228,6 +9291,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9228
9291
|
--pf-v6-c-button--disabled--BackgroundColor: transparent;
|
|
9229
9292
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
|
|
9230
9293
|
--pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
|
|
9294
|
+
--pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
|
|
9295
|
+
--pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
|
|
9296
|
+
--pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
|
|
9297
|
+
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
|
9298
|
+
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
|
9299
|
+
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
|
9231
9300
|
text-align: start;
|
|
9232
9301
|
white-space: normal;
|
|
9233
9302
|
outline-offset: 0.125rem;
|
|
@@ -9381,6 +9450,20 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9381
9450
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
|
|
9382
9451
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
|
|
9383
9452
|
}
|
|
9453
|
+
.pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
|
|
9454
|
+
transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
|
|
9455
|
+
transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
|
|
9456
|
+
transition-property: color;
|
|
9457
|
+
}
|
|
9458
|
+
.pf-v6-c-button.pf-m-favorited {
|
|
9459
|
+
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
|
|
9460
|
+
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
|
|
9461
|
+
}
|
|
9462
|
+
.pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
|
|
9463
|
+
animation-name: pf-v6-c-button-icon-favorited;
|
|
9464
|
+
animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
|
|
9465
|
+
animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
|
|
9466
|
+
}
|
|
9384
9467
|
.pf-v6-c-button:hover, .pf-v6-c-button:focus {
|
|
9385
9468
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
|
|
9386
9469
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
|
@@ -9388,7 +9471,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9388
9471
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
|
|
9389
9472
|
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
|
|
9390
9473
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
|
|
9391
|
-
text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine)
|
|
9474
|
+
text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
|
|
9475
|
+
text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
|
|
9476
|
+
text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
|
|
9392
9477
|
}
|
|
9393
9478
|
.pf-v6-c-button.pf-m-clicked {
|
|
9394
9479
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
|
|
@@ -9402,6 +9487,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9402
9487
|
}
|
|
9403
9488
|
.pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
|
|
9404
9489
|
color: var(--pf-v6-c-button--disabled--Color);
|
|
9490
|
+
text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
|
|
9405
9491
|
background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
|
|
9406
9492
|
}
|
|
9407
9493
|
.pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
|
|
@@ -9433,6 +9519,11 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9433
9519
|
.pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
|
|
9434
9520
|
opacity: 0;
|
|
9435
9521
|
}
|
|
9522
|
+
.pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
|
|
9523
|
+
animation-name: pf-v6-c-button-icon-notify;
|
|
9524
|
+
animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
|
|
9525
|
+
animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
|
|
9526
|
+
}
|
|
9436
9527
|
|
|
9437
9528
|
.pf-v6-c-button__icon {
|
|
9438
9529
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
@@ -9463,6 +9554,19 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9463
9554
|
align-items: center;
|
|
9464
9555
|
}
|
|
9465
9556
|
|
|
9557
|
+
@keyframes pf-v6-c-button-icon-notify {
|
|
9558
|
+
33% {
|
|
9559
|
+
transform: rotate(30deg);
|
|
9560
|
+
}
|
|
9561
|
+
66% {
|
|
9562
|
+
transform: rotate(-60deg);
|
|
9563
|
+
}
|
|
9564
|
+
}
|
|
9565
|
+
@keyframes pf-v6-c-button-icon-favorited {
|
|
9566
|
+
50% {
|
|
9567
|
+
transform: scale(1.5);
|
|
9568
|
+
}
|
|
9569
|
+
}
|
|
9466
9570
|
.pf-v6-c-calendar-month {
|
|
9467
9571
|
--pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
9468
9572
|
--pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
@@ -9693,6 +9797,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9693
9797
|
--pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
9694
9798
|
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
9695
9799
|
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
9800
|
+
--pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
|
|
9801
|
+
--pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
|
|
9696
9802
|
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
9697
9803
|
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
9698
9804
|
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
@@ -9856,6 +9962,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9856
9962
|
.pf-v6-c-card__header.pf-m-toggle-right .pf-v6-c-card__header-toggle {
|
|
9857
9963
|
order: 2;
|
|
9858
9964
|
}
|
|
9965
|
+
.pf-v6-c-card__header.pf-m-wrap {
|
|
9966
|
+
--pf-v6-c-card__actions--PaddingInlineStart: 0;
|
|
9967
|
+
gap: var(--pf-v6-c-card__header--m-wrap--RowGap) var(--pf-v6-c-card__header--m-wrap--ColumnGap);
|
|
9968
|
+
}
|
|
9969
|
+
.pf-v6-c-card__header.pf-m-wrap,
|
|
9970
|
+
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
9971
|
+
flex-wrap: wrap;
|
|
9972
|
+
row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
|
|
9973
|
+
}
|
|
9974
|
+
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
9975
|
+
margin-inline-start: 0;
|
|
9976
|
+
}
|
|
9977
|
+
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
|
|
9978
|
+
margin-inline-end: auto;
|
|
9979
|
+
}
|
|
9859
9980
|
|
|
9860
9981
|
.pf-v6-c-card__header-main {
|
|
9861
9982
|
flex-grow: 1;
|
|
@@ -10507,7 +10628,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10507
10628
|
|
|
10508
10629
|
:is(.pf-v6-c-content--a, .pf-v6-c-content a) {
|
|
10509
10630
|
color: var(--pf-v6-c-content--a--Color);
|
|
10510
|
-
text-decoration: var(--pf-v6-c-content--a--TextDecorationLine)
|
|
10631
|
+
text-decoration-line: var(--pf-v6-c-content--a--TextDecorationLine);
|
|
10632
|
+
text-decoration-style: var(--pf-v6-c-content--a--TextDecorationStyle);
|
|
10511
10633
|
}
|
|
10512
10634
|
:is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
|
|
10513
10635
|
--pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
|
|
@@ -11545,7 +11667,7 @@ ul) {
|
|
|
11545
11667
|
--pf-v6-c-description-list__term--Display: inline;
|
|
11546
11668
|
--pf-v6-c-description-list__term--sm--Display: flex;
|
|
11547
11669
|
--pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
11548
|
-
--pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--
|
|
11670
|
+
--pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
|
|
11549
11671
|
--pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
11550
11672
|
--pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
|
|
11551
11673
|
--pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -11727,7 +11849,8 @@ ul) {
|
|
|
11727
11849
|
min-width: 0;
|
|
11728
11850
|
}
|
|
11729
11851
|
.pf-v6-c-description-list__text.pf-m-help-text {
|
|
11730
|
-
text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine)
|
|
11852
|
+
text-decoration-line: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine);
|
|
11853
|
+
text-decoration-style: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
|
|
11731
11854
|
text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
|
|
11732
11855
|
cursor: pointer;
|
|
11733
11856
|
}
|
|
@@ -12630,7 +12753,8 @@ ul) {
|
|
|
12630
12753
|
--pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
|
|
12631
12754
|
--pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
12632
12755
|
--pf-v6-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
12633
|
-
--pf-v6-c-drawer__panel--
|
|
12756
|
+
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
12757
|
+
--pf-v6-c-drawer__panel--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--short);
|
|
12634
12758
|
--pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis;
|
|
12635
12759
|
--pf-v6-c-drawer__panel--FlexBasis: 100%;
|
|
12636
12760
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
|
|
@@ -12844,6 +12968,7 @@ ul) {
|
|
|
12844
12968
|
overflow: auto;
|
|
12845
12969
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
12846
12970
|
box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
|
|
12971
|
+
transition-timing-function: var(--pf-v6-c-drawer__panel--TransitionTimingFunction);
|
|
12847
12972
|
transition-duration: var(--pf-v6-c-drawer__panel--TransitionDuration);
|
|
12848
12973
|
transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
|
|
12849
12974
|
-webkit-overflow-scrolling: touch;
|
|
@@ -13740,16 +13865,16 @@ ul) {
|
|
|
13740
13865
|
--pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
13741
13866
|
--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
|
|
13742
13867
|
--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) - ((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)));
|
|
13743
|
-
--pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--
|
|
13868
|
+
--pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13744
13869
|
--pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
13745
13870
|
--pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
13746
13871
|
--pf-v6-c-form__label--hover--Cursor: pointer;
|
|
13747
13872
|
--pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
|
|
13748
13873
|
--pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
13749
13874
|
--pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
13750
|
-
--pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--
|
|
13875
|
+
--pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13751
13876
|
--pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
13752
|
-
--pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--
|
|
13877
|
+
--pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13753
13878
|
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
|
|
13754
13879
|
--pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
13755
13880
|
--pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
@@ -14063,9 +14188,6 @@ ul) {
|
|
|
14063
14188
|
font-size: var(--pf-v6-c-form__label--FontSize);
|
|
14064
14189
|
line-height: var(--pf-v6-c-form__label--LineHeight);
|
|
14065
14190
|
}
|
|
14066
|
-
.pf-v6-c-form__label::selection {
|
|
14067
|
-
background-color: none;
|
|
14068
|
-
}
|
|
14069
14191
|
.pf-v6-c-form__label:not(.pf-m-disabled):hover {
|
|
14070
14192
|
cursor: var(--pf-v6-c-form__label--hover--Cursor);
|
|
14071
14193
|
}
|
|
@@ -14622,6 +14744,8 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
14622
14744
|
--pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
14623
14745
|
--pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
14624
14746
|
--pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
14747
|
+
--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
|
14748
|
+
--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
14625
14749
|
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
14626
14750
|
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
14627
14751
|
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
|
|
@@ -14666,6 +14790,17 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
14666
14790
|
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
|
|
14667
14791
|
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
|
|
14668
14792
|
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
14793
|
+
animation-name: --pf-v6-c-helper-text-item-fade-in;
|
|
14794
|
+
animation-duration: var(--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity);
|
|
14795
|
+
animation-timing-function: var(--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity);
|
|
14796
|
+
}
|
|
14797
|
+
@keyframes --pf-v6-c-helper-text-item-fade-in {
|
|
14798
|
+
from {
|
|
14799
|
+
opacity: 0;
|
|
14800
|
+
}
|
|
14801
|
+
to {
|
|
14802
|
+
opacity: 1;
|
|
14803
|
+
}
|
|
14669
14804
|
}
|
|
14670
14805
|
.pf-v6-c-helper-text__item.pf-m-dynamic {
|
|
14671
14806
|
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
|
|
@@ -15280,7 +15415,7 @@ label.pf-v6-c-input-group__text {
|
|
|
15280
15415
|
padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
|
|
15281
15416
|
padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
|
|
15282
15417
|
padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
|
|
15283
|
-
text-decoration: none;
|
|
15418
|
+
text-decoration-line: none;
|
|
15284
15419
|
outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
|
|
15285
15420
|
}
|
|
15286
15421
|
.pf-v6-c-jump-links__link:is(:hover, :focus) {
|
|
@@ -15721,7 +15856,8 @@ label.pf-v6-c-input-group__text {
|
|
|
15721
15856
|
--pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
|
|
15722
15857
|
}
|
|
15723
15858
|
.pf-v6-c-label.pf-m-editable .pf-v6-c-label__text {
|
|
15724
|
-
text-decoration: var(--pf-v6-c-label--m-editable--TextDecorationLine)
|
|
15859
|
+
text-decoration-line: var(--pf-v6-c-label--m-editable--TextDecorationLine);
|
|
15860
|
+
text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
|
|
15725
15861
|
text-underline-offset: var(--pf-v6-c-label--m-editable--TextUnderlineOffset);
|
|
15726
15862
|
}
|
|
15727
15863
|
.pf-v6-c-label.pf-m-editable-active {
|
|
@@ -15754,7 +15890,7 @@ label.pf-v6-c-input-group__text {
|
|
|
15754
15890
|
--pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-clickable__content--Cursor);
|
|
15755
15891
|
}
|
|
15756
15892
|
.pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content, .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) {
|
|
15757
|
-
text-decoration: none;
|
|
15893
|
+
text-decoration-line: none;
|
|
15758
15894
|
}
|
|
15759
15895
|
.pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) {
|
|
15760
15896
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-clickable--hover--Color);
|
|
@@ -16494,7 +16630,7 @@ ul.pf-v6-c-list {
|
|
|
16494
16630
|
grid-column-end: -1;
|
|
16495
16631
|
row-gap: var(--pf-v6-c-masthead__content-RowGap, var(--pf-v6-c-masthead--RowGap));
|
|
16496
16632
|
column-gap: var(--pf-v6-c-masthead__content--ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
|
|
16497
|
-
align-self:
|
|
16633
|
+
align-self: center;
|
|
16498
16634
|
order: var(--pf-v6-c-masthead__content--Order);
|
|
16499
16635
|
min-width: 0.25rem;
|
|
16500
16636
|
}
|
|
@@ -17021,11 +17157,20 @@ ul.pf-v6-c-list {
|
|
|
17021
17157
|
.pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]) {
|
|
17022
17158
|
--pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
|
|
17023
17159
|
--pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
|
|
17024
|
-
--pf-v6-c-menu__item-external
|
|
17160
|
+
--pf-v6-c-menu__item-external--Color: transparent;
|
|
17161
|
+
--pf-v6-c-menu__item-select-icon--Color: transparent;
|
|
17025
17162
|
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
|
|
17026
17163
|
--pf-v6-c-menu__list-item--BackgroundColor: transparent;
|
|
17164
|
+
--pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
|
|
17165
|
+
}
|
|
17166
|
+
.pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
|
|
17167
|
+
.pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
|
|
17027
17168
|
pointer-events: none;
|
|
17028
17169
|
}
|
|
17170
|
+
.pf-v6-c-menu__list-item.pf-m-aria-disabled .pf-v6-c-menu__item,
|
|
17171
|
+
.pf-v6-c-menu__item-action.pf-m-aria-disabled .pf-v6-c-menu__item {
|
|
17172
|
+
cursor: default;
|
|
17173
|
+
}
|
|
17029
17174
|
|
|
17030
17175
|
[class*=pf-v6-c-menu]:is([hidden]) {
|
|
17031
17176
|
display: none;
|
|
@@ -17169,7 +17314,6 @@ ul.pf-v6-c-list {
|
|
|
17169
17314
|
z-index: var(--pf-v6-c-menu--ZIndex);
|
|
17170
17315
|
margin-block-start: calc(var(--pf-v6-c-menu--RowGap) * -1);
|
|
17171
17316
|
margin-block-end: calc(var(--pf-v6-c-menu--RowGap) * -1);
|
|
17172
|
-
overflow: hidden;
|
|
17173
17317
|
}
|
|
17174
17318
|
.pf-v6-c-menu.pf-m-scrollable .pf-v6-c-menu__list {
|
|
17175
17319
|
padding-block-start: var(--pf-v6-c-menu--RowGap);
|
|
@@ -17273,7 +17417,7 @@ ul.pf-v6-c-list {
|
|
|
17273
17417
|
line-height: var(--pf-v6-c-menu__item--LineHeight);
|
|
17274
17418
|
color: var(--pf-v6-c-menu__item--Color);
|
|
17275
17419
|
text-align: start;
|
|
17276
|
-
text-decoration: none;
|
|
17420
|
+
text-decoration-line: none;
|
|
17277
17421
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
17278
17422
|
border: 0;
|
|
17279
17423
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
@@ -17393,16 +17537,16 @@ ul.pf-v6-c-list {
|
|
|
17393
17537
|
opacity: 0;
|
|
17394
17538
|
}
|
|
17395
17539
|
|
|
17396
|
-
.pf-v6-c-menu__item-toggle-icon.pf-m-favorited, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button,
|
|
17540
|
+
.pf-v6-c-menu__item-toggle-icon.pf-m-favorited, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited),
|
|
17397
17541
|
.pf-v6-c-menu__item-action.pf-m-favorited,
|
|
17398
17542
|
.pf-v6-c-menu__item-action.pf-m-favorited:hover,
|
|
17399
|
-
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button {
|
|
17543
|
+
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
|
|
17400
17544
|
--pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
|
|
17401
17545
|
}
|
|
17402
|
-
.pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:is(:hover, :focus),
|
|
17546
|
+
.pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus),
|
|
17403
17547
|
.pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
|
|
17404
17548
|
.pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
|
|
17405
|
-
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
|
|
17549
|
+
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
|
|
17406
17550
|
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
|
|
17407
17551
|
}
|
|
17408
17552
|
|
|
@@ -17547,12 +17691,16 @@ ul.pf-v6-c-list {
|
|
|
17547
17691
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
17548
17692
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
17549
17693
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
17694
|
+
--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
|
|
17695
|
+
--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
17550
17696
|
--pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
17551
17697
|
--pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
17552
17698
|
--pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
17553
17699
|
--pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
17554
17700
|
--pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
17555
17701
|
--pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
17702
|
+
--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
|
|
17703
|
+
--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
|
|
17556
17704
|
--pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
17557
17705
|
--pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
|
|
17558
17706
|
}
|
|
@@ -17701,6 +17849,28 @@ ul.pf-v6-c-list {
|
|
|
17701
17849
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
|
|
17702
17850
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
|
|
17703
17851
|
}
|
|
17852
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
17853
|
+
.pf-v6-c-menu-toggle.pf-m-danger {
|
|
17854
|
+
transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
|
|
17855
|
+
animation-name: pf-v6-c-menu-toggle-m-danger-motion;
|
|
17856
|
+
animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
|
|
17857
|
+
animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
|
|
17858
|
+
animation-fill-mode: both;
|
|
17859
|
+
}
|
|
17860
|
+
}
|
|
17861
|
+
.pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
|
|
17862
|
+
animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
|
|
17863
|
+
animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
|
|
17864
|
+
animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
|
|
17865
|
+
}
|
|
17866
|
+
@keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
|
|
17867
|
+
from {
|
|
17868
|
+
opacity: 0;
|
|
17869
|
+
}
|
|
17870
|
+
to {
|
|
17871
|
+
opacity: 1;
|
|
17872
|
+
}
|
|
17873
|
+
}
|
|
17704
17874
|
.pf-v6-c-menu-toggle.pf-m-placeholder {
|
|
17705
17875
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
|
|
17706
17876
|
}
|
|
@@ -17716,6 +17886,21 @@ ul.pf-v6-c-list {
|
|
|
17716
17886
|
pointer-events: none;
|
|
17717
17887
|
}
|
|
17718
17888
|
|
|
17889
|
+
@property --pf-v6-c-menu-toggle--m-danger--TranslateX {
|
|
17890
|
+
syntax: "<length>";
|
|
17891
|
+
inherits: false;
|
|
17892
|
+
initial-value: 0;
|
|
17893
|
+
}
|
|
17894
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
17895
|
+
@keyframes pf-v6-c-menu-toggle-m-danger-motion {
|
|
17896
|
+
33% {
|
|
17897
|
+
--pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
|
|
17898
|
+
}
|
|
17899
|
+
66% {
|
|
17900
|
+
--pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
|
|
17901
|
+
}
|
|
17902
|
+
}
|
|
17903
|
+
}
|
|
17719
17904
|
.pf-v6-c-menu-toggle.pf-m-split-button {
|
|
17720
17905
|
--pf-v6-c-menu-toggle--Gap: 0;
|
|
17721
17906
|
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
|
|
@@ -18305,13 +18490,15 @@ ul.pf-v6-c-list {
|
|
|
18305
18490
|
--pf-v6-c-nav__item--ScrollSnapAlign: end;
|
|
18306
18491
|
--pf-v6-c-nav__section-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
18307
18492
|
--pf-v6-c-nav__section-title--Color: var(--pf-t--global--text--color--regular);
|
|
18308
|
-
--pf-v6-c-nav__section-title--PaddingBlockStart:
|
|
18309
|
-
--pf-v6-c-nav__section-title--PaddingBlockEnd:
|
|
18493
|
+
--pf-v6-c-nav__section-title--PaddingBlockStart: 0;
|
|
18494
|
+
--pf-v6-c-nav__section-title--PaddingBlockEnd: 0;
|
|
18310
18495
|
--pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
|
|
18311
18496
|
--pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
|
|
18312
18497
|
--pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
|
|
18313
18498
|
--pf-v6-c-nav__item__toggle-icon--Rotate: 0;
|
|
18314
18499
|
--pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
|
|
18500
|
+
--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
|
|
18501
|
+
--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--default);
|
|
18315
18502
|
--pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
18316
18503
|
--pf-v6-c-nav__link--AlignItems: baseline;
|
|
18317
18504
|
--pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
@@ -18322,10 +18509,19 @@ ul.pf-v6-c-list {
|
|
|
18322
18509
|
--pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
|
|
18323
18510
|
--pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
|
|
18324
18511
|
--pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
18512
|
+
--pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
|
|
18513
|
+
--pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
|
|
18514
|
+
--pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
|
|
18515
|
+
--pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
|
|
18325
18516
|
--pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
18326
18517
|
--pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18327
18518
|
--pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
|
|
18519
|
+
--pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
|
|
18520
|
+
--pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
|
|
18328
18521
|
--pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18522
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expansion: 0s;
|
|
18523
|
+
--pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion: 0s;
|
|
18524
|
+
--pf-v6-c-nav__subnav--TransitionTimingFunction--expansion: var(--pf-t--global--motion--timing-function--default);
|
|
18329
18525
|
--pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
|
|
18330
18526
|
--pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
18331
18527
|
--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -18354,6 +18550,12 @@ ul.pf-v6-c-list {
|
|
|
18354
18550
|
--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18355
18551
|
--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
18356
18552
|
}
|
|
18553
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
18554
|
+
.pf-v6-c-nav {
|
|
18555
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expansion: var(--pf-t--global--motion--duration--slide-in--default);
|
|
18556
|
+
--pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion: var(--pf-t--global--motion--duration--slide-in--short);
|
|
18557
|
+
}
|
|
18558
|
+
}
|
|
18357
18559
|
|
|
18358
18560
|
.pf-v6-c-nav,
|
|
18359
18561
|
.pf-v6-c-nav__section,
|
|
@@ -18405,7 +18607,7 @@ ul.pf-v6-c-list {
|
|
|
18405
18607
|
}
|
|
18406
18608
|
|
|
18407
18609
|
[class^=pf-v6-c-nav][hidden] {
|
|
18408
|
-
|
|
18610
|
+
visibility: hidden;
|
|
18409
18611
|
}
|
|
18410
18612
|
|
|
18411
18613
|
.pf-v6-c-nav__nav,
|
|
@@ -18414,30 +18616,43 @@ ul.pf-v6-c-list {
|
|
|
18414
18616
|
--pf-v6-c-nav__item--RowGap--row-offset: calc(var(--pf-v6-c-nav__list--RowGap) / 2 * -1);
|
|
18415
18617
|
--pf-v6-c-nav__link--clickable-inset--Block: var(--pf-v6-c-nav__item--RowGap--row-offset);
|
|
18416
18618
|
--pf-v6-c-nav__button--RowGap--row-offset: calc(var(--pf-v6-c-nav__item--RowGap) * -1);
|
|
18619
|
+
visibility: visible;
|
|
18417
18620
|
}
|
|
18418
18621
|
|
|
18419
18622
|
.pf-v6-c-nav__list {
|
|
18420
18623
|
row-gap: var(--pf-v6-c-nav__list--RowGap);
|
|
18421
18624
|
column-gap: var(--pf-v6-c-nav__list--ColumnGap);
|
|
18625
|
+
min-height: 0;
|
|
18422
18626
|
}
|
|
18423
18627
|
|
|
18424
18628
|
.pf-v6-c-nav__subnav {
|
|
18425
18629
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
18630
|
+
grid-template-rows: 1fr;
|
|
18631
|
+
min-height: 0;
|
|
18632
|
+
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
18633
|
+
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
18426
18634
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
18635
|
+
overflow-y: clip;
|
|
18636
|
+
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expansion);
|
|
18637
|
+
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expansion);
|
|
18638
|
+
transition-property: grid-template-rows, padding-block-start, padding-block-end, opacity;
|
|
18639
|
+
}
|
|
18640
|
+
.pf-v6-c-nav__subnav[hidden] {
|
|
18641
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expansion: var(--pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion);
|
|
18642
|
+
--pf-v6-c-nav__subnav--PaddingBlockStart: 0;
|
|
18643
|
+
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
18644
|
+
grid-template-rows: 0fr;
|
|
18645
|
+
opacity: 0;
|
|
18427
18646
|
}
|
|
18428
18647
|
|
|
18429
18648
|
.pf-v6-c-nav__item {
|
|
18430
|
-
row-gap: var(--pf-v6-c-nav__item--RowGap);
|
|
18431
18649
|
scroll-snap-align: var(--pf-v6-c-nav__item--ScrollSnapAlign);
|
|
18432
18650
|
}
|
|
18433
18651
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
18434
18652
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
18435
18653
|
}
|
|
18436
|
-
.pf-v6-c-nav__item.pf-m-expanded:
|
|
18437
|
-
margin-block-end: var(--pf-v6-c-
|
|
18438
|
-
}
|
|
18439
|
-
.pf-v6-c-nav__item.pf-m-expanded:is(:not(:only-child, :last-child)) + .pf-v6-c-nav__item > .pf-v6-c-nav__link::before {
|
|
18440
|
-
inset-block-start: calc(var(--pf-v6-c-nav__item--RowGap) * -1 - var(--pf-v6-c-nav__list--RowGap));
|
|
18654
|
+
.pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
|
|
18655
|
+
margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
|
|
18441
18656
|
}
|
|
18442
18657
|
|
|
18443
18658
|
.pf-v6-c-nav__section {
|
|
@@ -18468,13 +18683,13 @@ ul.pf-v6-c-list {
|
|
|
18468
18683
|
line-height: var(--pf-v6-c-nav__link--LineHeight, inherit);
|
|
18469
18684
|
color: var(--pf-v6-c-nav__link--Color);
|
|
18470
18685
|
text-align: start;
|
|
18471
|
-
text-decoration: none;
|
|
18686
|
+
text-decoration-line: none;
|
|
18472
18687
|
background-color: var(--pf-v6-c-nav__link--BackgroundColor);
|
|
18473
18688
|
border: none;
|
|
18474
18689
|
border-radius: var(--pf-v6-c-nav__link--BorderRadius);
|
|
18475
|
-
|
|
18476
|
-
|
|
18477
|
-
|
|
18690
|
+
transition-timing-function: var(--pf-v6-c-nav__link--TransitionTimingFunction--background-color), var(--pf-v6-c-nav__link--m-current--TransitionTimingFunction--color);
|
|
18691
|
+
transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
|
|
18692
|
+
transition-property: background-color, color;
|
|
18478
18693
|
}
|
|
18479
18694
|
.pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
|
|
18480
18695
|
color: var(--pf-v6-c-nav__link--hover--Color);
|
|
@@ -18499,6 +18714,9 @@ ul.pf-v6-c-list {
|
|
|
18499
18714
|
|
|
18500
18715
|
.pf-v6-c-nav__toggle-icon {
|
|
18501
18716
|
display: inline-block;
|
|
18717
|
+
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
18718
|
+
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
18719
|
+
transition-property: transform;
|
|
18502
18720
|
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
18503
18721
|
}
|
|
18504
18722
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
@@ -18938,12 +19156,18 @@ ul.pf-v6-c-list {
|
|
|
18938
19156
|
--pf-v6-c-page__main-container--GridArea: main;
|
|
18939
19157
|
--pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
|
|
18940
19158
|
--pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
|
|
19159
|
+
--pf-v6-c-page__main-container--AlignSelf: start;
|
|
18941
19160
|
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
18942
19161
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
18943
19162
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
|
18944
19163
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
18945
19164
|
--pf-v6-c-page__main-container--BorderWidth: 0.25rem;
|
|
18946
19165
|
--pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
19166
|
+
--pf-v6-c-page__main-container--xs--AlignSelf: stretch;
|
|
19167
|
+
--pf-v6-c-page__main-container--xs--BorderRadius: 0;
|
|
19168
|
+
--pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
|
|
19169
|
+
--pf-v6-c-page__main-container--xs--MaxHeight: 100%;
|
|
19170
|
+
--pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
|
|
18947
19171
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18948
19172
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
18949
19173
|
--pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -19301,7 +19525,7 @@ ul.pf-v6-c-list {
|
|
|
19301
19525
|
.pf-v6-c-page__main-container {
|
|
19302
19526
|
display: flex;
|
|
19303
19527
|
flex-direction: column;
|
|
19304
|
-
align-self:
|
|
19528
|
+
align-self: var(--pf-v6-c-page__main-container--AlignSelf);
|
|
19305
19529
|
max-height: var(--pf-v6-c-page__main-container--MaxHeight);
|
|
19306
19530
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
19307
19531
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
@@ -19309,6 +19533,15 @@ ul.pf-v6-c-list {
|
|
|
19309
19533
|
border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
19310
19534
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
19311
19535
|
}
|
|
19536
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
19537
|
+
.pf-v6-c-page__main-container {
|
|
19538
|
+
--pf-v6-c-page__main-container--AlignSelf: var(--pf-v6-c-page__main-container--xs--AlignSelf);
|
|
19539
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
19540
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
19541
|
+
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
|
|
19542
|
+
--pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
|
|
19543
|
+
}
|
|
19544
|
+
}
|
|
19312
19545
|
|
|
19313
19546
|
.pf-v6-c-page__main-container,
|
|
19314
19547
|
.pf-v6-c-page__drawer {
|
|
@@ -20171,9 +20404,11 @@ ul.pf-v6-c-list {
|
|
|
20171
20404
|
}
|
|
20172
20405
|
|
|
20173
20406
|
.pf-v6-c-popover__title-text {
|
|
20407
|
+
min-width: 0;
|
|
20174
20408
|
font-size: var(--pf-v6-c-popover__title-text--FontSize);
|
|
20175
20409
|
font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
|
|
20176
20410
|
color: var(--pf-v6-c-popover__title-text--Color);
|
|
20411
|
+
overflow-wrap: break-word;
|
|
20177
20412
|
}
|
|
20178
20413
|
|
|
20179
20414
|
.pf-v6-c-popover__body {
|
|
@@ -20188,6 +20423,7 @@ ul.pf-v6-c-list {
|
|
|
20188
20423
|
--pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
|
|
20189
20424
|
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
20190
20425
|
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
20426
|
+
--pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
20191
20427
|
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
20192
20428
|
--pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
|
|
20193
20429
|
--pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -20329,7 +20565,9 @@ ul.pf-v6-c-list {
|
|
|
20329
20565
|
grid-column: 1/3;
|
|
20330
20566
|
align-self: center;
|
|
20331
20567
|
height: var(--pf-v6-c-progress__bar--Height);
|
|
20568
|
+
overflow: hidden;
|
|
20332
20569
|
background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
|
|
20570
|
+
border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
|
|
20333
20571
|
}
|
|
20334
20572
|
|
|
20335
20573
|
.pf-v6-c-progress__indicator {
|
|
@@ -20666,7 +20904,8 @@ ul.pf-v6-c-list {
|
|
|
20666
20904
|
.pf-v6-c-progress-stepper__step-title.pf-m-help-text {
|
|
20667
20905
|
padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
|
|
20668
20906
|
padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
|
|
20669
|
-
text-decoration: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine)
|
|
20907
|
+
text-decoration-line: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine);
|
|
20908
|
+
text-decoration-style: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle);
|
|
20670
20909
|
text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
|
|
20671
20910
|
cursor: pointer;
|
|
20672
20911
|
}
|
|
@@ -21419,7 +21658,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21419
21658
|
font-size: var(--pf-v6-c-simple-list__item-link--FontSize);
|
|
21420
21659
|
color: var(--pf-v6-c-simple-list__item-link--Color);
|
|
21421
21660
|
text-align: start;
|
|
21422
|
-
text-decoration: none;
|
|
21661
|
+
text-decoration-line: none;
|
|
21423
21662
|
background-color: var(--pf-v6-c-simple-list__item-link--BackgroundColor);
|
|
21424
21663
|
border: none;
|
|
21425
21664
|
border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
|
|
@@ -21432,7 +21671,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21432
21671
|
.pf-v6-c-simple-list__item-link:is(:hover, :focus) {
|
|
21433
21672
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
|
|
21434
21673
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
|
|
21435
|
-
text-decoration: none;
|
|
21674
|
+
text-decoration-line: none;
|
|
21436
21675
|
}
|
|
21437
21676
|
.pf-v6-c-simple-list__item-link.pf-m-current {
|
|
21438
21677
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
|
|
@@ -21963,7 +22202,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21963
22202
|
--pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
|
|
21964
22203
|
--pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
|
|
21965
22204
|
--pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
21966
|
-
--pf-v6-c-switch__toggle--before--
|
|
22205
|
+
--pf-v6-c-switch__toggle--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
22206
|
+
--pf-v6-c-switch__toggle--before--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
|
22207
|
+
--pf-v6-c-switch__toggle--before--Transition: transform var(--pf-v6-c-switch__toggle--before--TransitionTimingFunction) var(--pf-v6-c-switch__toggle--before--TransitionDuration), background-color var(--pf-v6-c-switch__toggle--before--TransitionTimingFunction) var(--pf-v6-c-switch__toggle--before--TransitionDuration);
|
|
21967
22208
|
--pf-v6-c-switch__toggle--Width: calc(var(--pf-v6-c-switch__toggle--Height) + var(--pf-v6-c-switch__toggle-icon--Offset) + var(--pf-v6-c-switch__toggle--before--Width));
|
|
21968
22209
|
}
|
|
21969
22210
|
|
|
@@ -24278,13 +24519,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24278
24519
|
vertical-align: baseline;
|
|
24279
24520
|
}
|
|
24280
24521
|
|
|
24281
|
-
.pf-v6-c-table__favorite .pf-v6-c-button {
|
|
24522
|
+
.pf-v6-c-table__favorite .pf-v6-c-button:not(.pf-m-favorite) {
|
|
24282
24523
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-table__favorite--c-button--FontSize);
|
|
24283
24524
|
}
|
|
24284
|
-
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button {
|
|
24525
|
+
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
|
|
24285
24526
|
--pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
|
|
24286
24527
|
}
|
|
24287
|
-
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
|
|
24528
|
+
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
|
|
24288
24529
|
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
|
|
24289
24530
|
}
|
|
24290
24531
|
|
|
@@ -25944,7 +26185,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25944
26185
|
padding-inline-end: var(--pf-v6-c-tabs__link--PaddingInlineEnd);
|
|
25945
26186
|
font-size: var(--pf-v6-c-tabs__link--FontSize);
|
|
25946
26187
|
color: var(--pf-v6-c-tabs__link--Color);
|
|
25947
|
-
text-decoration: none;
|
|
26188
|
+
text-decoration-line: none;
|
|
25948
26189
|
background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
|
|
25949
26190
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
|
25950
26191
|
}
|
|
@@ -26584,7 +26825,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26584
26825
|
}
|
|
26585
26826
|
.pf-v6-c-timestamp.pf-m-help-text {
|
|
26586
26827
|
--pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--Color);
|
|
26587
|
-
text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine)
|
|
26828
|
+
text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
|
|
26829
|
+
text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
|
|
26588
26830
|
text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
|
|
26589
26831
|
cursor: pointer;
|
|
26590
26832
|
}
|
|
@@ -26797,7 +27039,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26797
27039
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
|
26798
27040
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
|
26799
27041
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
|
26800
|
-
text-decoration: none;
|
|
27042
|
+
text-decoration-line: none;
|
|
26801
27043
|
}
|
|
26802
27044
|
.pf-v6-c-toggle-group__button.pf-m-selected {
|
|
26803
27045
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
|
|
@@ -27045,13 +27287,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27045
27287
|
}
|
|
27046
27288
|
.pf-v6-c-toolbar.pf-m-full-height {
|
|
27047
27289
|
--pf-v6-c-toolbar--PaddingBlockStart: 0;
|
|
27048
|
-
--pf-v6-c-toolbar--
|
|
27290
|
+
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
27049
27291
|
}
|
|
27050
27292
|
.pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__group,
|
|
27051
27293
|
.pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__item {
|
|
27052
27294
|
align-items: stretch;
|
|
27053
27295
|
align-self: stretch;
|
|
27054
27296
|
}
|
|
27297
|
+
.pf-v6-c-toolbar.pf-m-no-padding {
|
|
27298
|
+
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
27299
|
+
--pf-v6-c-toolbar--m-sticky--PaddingBlockStart: 0;
|
|
27300
|
+
--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: 0;
|
|
27301
|
+
}
|
|
27055
27302
|
.pf-v6-c-toolbar.pf-m-primary {
|
|
27056
27303
|
--pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
|
|
27057
27304
|
}
|
|
@@ -29748,7 +29995,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
29748
29995
|
padding-inline: 0;
|
|
29749
29996
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
29750
29997
|
text-align: start;
|
|
29751
|
-
text-decoration: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
29998
|
+
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
29752
29999
|
word-break: break-word;
|
|
29753
30000
|
counter-increment: wizard-nav-count;
|
|
29754
30001
|
background-color: transparent;
|