@patternfly/quickstarts 6.0.0-alpha.3 → 6.0.0-alpha.4
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.
|
@@ -68,35 +68,35 @@
|
|
|
68
68
|
.pfext-quick-start__base :where(.pf-v6-m-dir-rtl, [dir="rtl"]) :where(:root, .pf-v6-c-about-modal-box) {
|
|
69
69
|
--pf-v6-c-about-modal-box--BackgroundPosition:bottom left;
|
|
70
70
|
}
|
|
71
|
-
@media screen and (min-width:
|
|
71
|
+
@media screen and (min-width: 576px) {
|
|
72
72
|
.pfext-quick-start__base :where(:root, .pf-v6-c-about-modal-box) {
|
|
73
73
|
--pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd);
|
|
74
74
|
--pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart);
|
|
75
75
|
--pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
|
-
@media only screen and (min-width:
|
|
78
|
+
@media only screen and (min-width: 576px) {
|
|
79
79
|
.pfext-quick-start__base :where(:root, .pf-v6-c-about-modal-box) {
|
|
80
80
|
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
|
|
81
81
|
}
|
|
82
82
|
}
|
|
83
|
-
@media only screen and (min-width:
|
|
83
|
+
@media only screen and (min-width: 992px) {
|
|
84
84
|
.pfext-quick-start__base :where(:root, .pf-v6-c-about-modal-box) {
|
|
85
85
|
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
|
-
@media only screen and (min-width:
|
|
88
|
+
@media only screen and (min-width: 576px) {
|
|
89
89
|
.pfext-quick-start__base :where(:root, .pf-v6-c-about-modal-box) {
|
|
90
90
|
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
|
|
91
91
|
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
|
-
@media only screen and (min-width:
|
|
94
|
+
@media only screen and (min-width: 576px) {
|
|
95
95
|
.pfext-quick-start__base :where(:root, .pf-v6-c-about-modal-box) {
|
|
96
96
|
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
|
-
@media only screen and (min-width:
|
|
99
|
+
@media only screen and (min-width: 576px) {
|
|
100
100
|
.pfext-quick-start__base :where(:root, .pf-v6-c-about-modal-box) {
|
|
101
101
|
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
|
|
102
102
|
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd);
|
|
@@ -122,7 +122,6 @@
|
|
|
122
122
|
--pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
|
123
123
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
124
124
|
--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
125
|
-
--pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
126
125
|
--pf-v6-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
|
|
127
126
|
--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
|
|
128
127
|
--pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -170,7 +169,6 @@
|
|
|
170
169
|
--pf-v6-c-accordion__toggle--FontFamily: var(--pf-v6-c-accordion--m-display-lg__toggle--FontFamily);
|
|
171
170
|
--pf-v6-c-accordion__toggle--FontSize: var(--pf-v6-c-accordion--m-display-lg__toggle--FontSize);
|
|
172
171
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion--m-display-lg__toggle-text--FontWeight);
|
|
173
|
-
--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight);
|
|
174
172
|
--pf-v6-c-accordion__expandable-content--FontSize: var(--pf-v6-c-accordion--m-display-lg__expandable-content--FontSize);
|
|
175
173
|
--pf-v6-c-accordion__expandable-content--Color: var(--pf-v6-c-accordion--m-display-lg__expandable-content--Color);
|
|
176
174
|
}
|
|
@@ -290,14 +288,14 @@
|
|
|
290
288
|
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
291
289
|
--pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
292
290
|
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
|
293
|
-
--pf-v6-c-alert__toggle--MarginBlockStart: calc(
|
|
294
|
-
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(
|
|
291
|
+
--pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
292
|
+
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
295
293
|
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
296
294
|
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
|
297
295
|
--pf-v6-c-alert__toggle-icon--Transition: var(--pf-t--global--transition);
|
|
298
296
|
--pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
299
297
|
--pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
|
|
300
|
-
--pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--
|
|
298
|
+
--pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
301
299
|
--pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
|
|
302
300
|
--pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
303
301
|
--pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -539,7 +537,7 @@
|
|
|
539
537
|
--pf-v6-c-back-to-top--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
540
538
|
--pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
541
539
|
}
|
|
542
|
-
@media (min-width:
|
|
540
|
+
@media (min-width: 768px) {
|
|
543
541
|
.pfext-quick-start__base :where(:root, .pf-v6-c-back-to-top) {
|
|
544
542
|
--pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
|
|
545
543
|
}
|
|
@@ -654,7 +652,7 @@
|
|
|
654
652
|
--pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
655
653
|
--pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
656
654
|
}
|
|
657
|
-
@media (min-width:
|
|
655
|
+
@media (min-width: 768px) {
|
|
658
656
|
.pfext-quick-start__base :where(:root, .pf-v6-c-banner) {
|
|
659
657
|
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
|
|
660
658
|
--pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
|
|
@@ -674,11 +672,9 @@
|
|
|
674
672
|
--pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
675
673
|
--pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
676
674
|
--pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
|
|
677
|
-
--pf-v6-c-breadcrumb__link--
|
|
678
|
-
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
675
|
+
--pf-v6-c-breadcrumb__link--TextDecoration: var(--pf-t--global--link--text-decoration);
|
|
679
676
|
--pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
680
|
-
--pf-v6-c-breadcrumb__link--hover--
|
|
681
|
-
--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
677
|
+
--pf-v6-c-breadcrumb__link--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
|
|
682
678
|
--pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
683
679
|
--pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
|
|
684
680
|
--pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
|
|
@@ -726,19 +722,18 @@
|
|
|
726
722
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
727
723
|
line-height: inherit;
|
|
728
724
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
729
|
-
text-decoration: var(--pf-v6-c-breadcrumb__link--
|
|
725
|
+
text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecoration);
|
|
730
726
|
word-break: break-word;
|
|
731
727
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
732
728
|
}
|
|
733
|
-
.pfext-quick-start__base .pf-v6-c-breadcrumb__link:
|
|
729
|
+
.pfext-quick-start__base .pf-v6-c-breadcrumb__link:hover {
|
|
734
730
|
--pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
|
|
735
|
-
--pf-v6-c-breadcrumb__link--
|
|
736
|
-
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
|
|
731
|
+
--pf-v6-c-breadcrumb__link--TextDecoration: var(--pf-v6-c-breadcrumb__link--hover--TextDecoration);
|
|
737
732
|
}
|
|
738
733
|
.pfext-quick-start__base .pf-v6-c-breadcrumb__link.pf-m-current {
|
|
739
734
|
cursor: default;
|
|
740
735
|
}
|
|
741
|
-
.pfext-quick-start__base .pf-v6-c-breadcrumb__link.pf-m-current, .pfext-quick-start__base .pf-v6-c-breadcrumb__link.pf-m-current:
|
|
736
|
+
.pfext-quick-start__base .pf-v6-c-breadcrumb__link.pf-m-current, .pfext-quick-start__base .pf-v6-c-breadcrumb__link.pf-m-current:hover {
|
|
742
737
|
color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
|
|
743
738
|
text-decoration: none;
|
|
744
739
|
}
|
|
@@ -767,10 +762,10 @@
|
|
|
767
762
|
--pf-v6-c-button--AlignItems: baseline;
|
|
768
763
|
--pf-v6-c-button--JustifyContent: center;
|
|
769
764
|
--pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
770
|
-
--pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
771
|
-
--pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
772
|
-
--pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
773
|
-
--pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
765
|
+
--pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
766
|
+
--pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
767
|
+
--pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
768
|
+
--pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
774
769
|
--pf-v6-c-button--Color: var(--pf-t--global--text--color--regular);
|
|
775
770
|
--pf-v6-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
776
771
|
--pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
@@ -779,16 +774,14 @@
|
|
|
779
774
|
--pf-v6-c-button--BorderColor: transparent;
|
|
780
775
|
--pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
|
|
781
776
|
--pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
782
|
-
--pf-v6-c-button--
|
|
783
|
-
--pf-v6-c-button--TextDecorationStyle: none;
|
|
777
|
+
--pf-v6-c-button--TextDecoration: none;
|
|
784
778
|
--pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
785
779
|
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
786
780
|
--pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
|
|
787
781
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
788
782
|
--pf-v6-c-button--hover--BorderColor: transparent;
|
|
789
783
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
790
|
-
--pf-v6-c-button--hover--
|
|
791
|
-
--pf-v6-c-button--hover--TextDecorationStyle: none;
|
|
784
|
+
--pf-v6-c-button--hover--TextDecoration: none;
|
|
792
785
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
|
793
786
|
--pf-v6-c-button--m-clicked--BorderColor: transparent;
|
|
794
787
|
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
|
@@ -829,8 +822,8 @@
|
|
|
829
822
|
--pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
830
823
|
--pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
831
824
|
--pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
832
|
-
--pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
833
|
-
--pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
825
|
+
--pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
826
|
+
--pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
834
827
|
--pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
|
|
835
828
|
--pf-v6-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
836
829
|
--pf-v6-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
@@ -858,24 +851,23 @@
|
|
|
858
851
|
--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
|
|
859
852
|
--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
|
|
860
853
|
--pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
|
|
861
|
-
--pf-v6-c-button--m-link--m-inline--
|
|
862
|
-
--pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
863
|
-
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
864
|
-
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
854
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
|
|
865
855
|
--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
|
|
866
856
|
--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));
|
|
867
857
|
--pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
868
858
|
--pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
869
859
|
--pf-v6-c-button--span--m-link--m-inline--Display: inline;
|
|
870
|
-
--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--
|
|
871
|
-
--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--
|
|
860
|
+
--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
861
|
+
--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
872
862
|
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
873
|
-
--pf-v6-c-button--m-plain--
|
|
874
|
-
--pf-v6-c-button--m-plain--
|
|
875
|
-
--pf-v6-c-button--m-plain--
|
|
876
|
-
--pf-v6-c-button--m-
|
|
863
|
+
--pf-v6-c-button--m-plain--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
864
|
+
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
865
|
+
--pf-v6-c-button--m-plain--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
866
|
+
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
867
|
+
--pf-v6-c-button--m-plain--Color: var(--pf-t--global--text--color--regular);
|
|
868
|
+
--pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
877
869
|
--pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
878
|
-
--pf-v6-c-button--m-plain--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
|
|
870
|
+
--pf-v6-c-button--m-plain--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--m-plain--PaddingBlockStart) + var(--pf-v6-c-button--m-plain--PaddingBlockEnd));
|
|
879
871
|
--pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
|
|
880
872
|
--pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
881
873
|
--pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -883,8 +875,10 @@
|
|
|
883
875
|
--pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
884
876
|
--pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
885
877
|
--pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
|
|
886
|
-
--pf-v6-c-button--m-plain--m-small--
|
|
887
|
-
--pf-v6-c-button--m-plain--m-small--
|
|
878
|
+
--pf-v6-c-button--m-plain--m-small--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
879
|
+
--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
880
|
+
--pf-v6-c-button--m-plain--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
881
|
+
--pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
888
882
|
--pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
|
|
889
883
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
|
|
890
884
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
|
|
@@ -895,8 +889,8 @@
|
|
|
895
889
|
--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
|
|
896
890
|
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
|
|
897
891
|
--pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
898
|
-
--pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
899
|
-
--pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
892
|
+
--pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
893
|
+
--pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
900
894
|
--pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
|
|
901
895
|
--pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
902
896
|
--pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -913,8 +907,8 @@
|
|
|
913
907
|
--pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
914
908
|
--pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
915
909
|
--pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
916
|
-
--pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
917
|
-
--pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
910
|
+
--pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
911
|
+
--pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
918
912
|
--pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
919
913
|
--pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
|
|
920
914
|
--pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
@@ -957,16 +951,16 @@
|
|
|
957
951
|
--pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
|
|
958
952
|
--pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
|
|
959
953
|
--pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
|
|
960
|
-
--pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
961
|
-
--pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
962
|
-
--pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
963
|
-
--pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
954
|
+
--pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
955
|
+
--pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
956
|
+
--pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
957
|
+
--pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
964
958
|
--pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
965
959
|
--pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
966
|
-
--pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
967
|
-
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
968
|
-
--pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
969
|
-
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
960
|
+
--pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
961
|
+
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
962
|
+
--pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
963
|
+
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
970
964
|
--pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
971
965
|
--pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
972
966
|
--pf-v6-c-button--disabled--BorderColor: transparent;
|
|
@@ -983,12 +977,12 @@
|
|
|
983
977
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
|
984
978
|
--pf-v6-c-button__progress--TranslateX: 0;
|
|
985
979
|
--pf-v6-c-button__progress--InsetBlockStart: 50%;
|
|
986
|
-
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--
|
|
980
|
+
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--md);
|
|
987
981
|
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
|
|
988
|
-
--pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--
|
|
989
|
-
--pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--
|
|
990
|
-
--pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
991
|
-
--pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--
|
|
982
|
+
--pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
|
|
983
|
+
--pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
|
|
984
|
+
--pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
985
|
+
--pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width));
|
|
992
986
|
--pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-v6-c-spinner--Color);
|
|
993
987
|
--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
|
|
994
988
|
--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
|
|
@@ -1011,7 +1005,7 @@
|
|
|
1011
1005
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
1012
1006
|
color: var(--pf-v6-c-button--Color);
|
|
1013
1007
|
text-align: center;
|
|
1014
|
-
text-decoration: var(--pf-v6-c-button--
|
|
1008
|
+
text-decoration: var(--pf-v6-c-button--TextDecoration);
|
|
1015
1009
|
white-space: nowrap;
|
|
1016
1010
|
cursor: pointer;
|
|
1017
1011
|
user-select: none;
|
|
@@ -1111,10 +1105,7 @@
|
|
|
1111
1105
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
|
|
1112
1106
|
--pf-v6-c-button--BackgroundColor: transparent;
|
|
1113
1107
|
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
|
|
1114
|
-
--pf-v6-c-button--
|
|
1115
|
-
--pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
|
|
1116
|
-
--pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
|
|
1117
|
-
--pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
|
|
1108
|
+
--pf-v6-c-button--hover--TextDecoration: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecoration);
|
|
1118
1109
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
1119
1110
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
|
1120
1111
|
--pf-v6-c-button--disabled--BackgroundColor: transparent;
|
|
@@ -1225,7 +1216,9 @@
|
|
|
1225
1216
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
|
|
1226
1217
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
|
|
1227
1218
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
|
|
1219
|
+
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--PaddingBlockStart);
|
|
1228
1220
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
|
|
1221
|
+
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--PaddingBlockEnd);
|
|
1229
1222
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--PaddingInlineStart);
|
|
1230
1223
|
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button--m-in-progress--m-plain--Color);
|
|
1231
1224
|
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-plain--hover--Color);
|
|
@@ -1235,7 +1228,9 @@
|
|
|
1235
1228
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
|
|
1236
1229
|
--pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
|
|
1237
1230
|
--pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
|
|
1231
|
+
--pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-small--PaddingBlockStart);
|
|
1238
1232
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
|
|
1233
|
+
--pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingBlockEnd);
|
|
1239
1234
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
|
|
1240
1235
|
min-width: var(--pf-v6-c-button--m-plain--MinWidth);
|
|
1241
1236
|
}
|
|
@@ -1243,9 +1238,9 @@
|
|
|
1243
1238
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
|
|
1244
1239
|
--pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
|
|
1245
1240
|
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
|
|
1246
|
-
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
|
|
1247
|
-
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
|
|
1241
|
+
--pf-v6-c-button--m-plain--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
|
|
1248
1242
|
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
|
|
1243
|
+
--pf-v6-c-button--m-plain--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
|
|
1249
1244
|
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
|
|
1250
1245
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
|
1251
1246
|
}
|
|
@@ -1271,8 +1266,8 @@
|
|
|
1271
1266
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
|
1272
1267
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
|
|
1273
1268
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
|
|
1269
|
+
--pf-v6-c-button--TextDecoration: var(--pf-v6-c-button--hover--TextDecoration);
|
|
1274
1270
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
|
|
1275
|
-
text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
|
|
1276
1271
|
}
|
|
1277
1272
|
.pfext-quick-start__base .pf-v6-c-button.pf-m-clicked {
|
|
1278
1273
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
|
|
@@ -1295,8 +1290,7 @@
|
|
|
1295
1290
|
color: var(--pf-v6-c-button--disabled__icon--Color);
|
|
1296
1291
|
}
|
|
1297
1292
|
.pfext-quick-start__base .pf-v6-c-button.pf-m-aria-disabled {
|
|
1298
|
-
--pf-v6-c-button--m-link--m-inline--hover--
|
|
1299
|
-
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
|
|
1293
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecoration: none;
|
|
1300
1294
|
cursor: default;
|
|
1301
1295
|
}
|
|
1302
1296
|
.pfext-quick-start__base .pf-v6-c-button.pf-m-progress {
|
|
@@ -1428,9 +1422,9 @@
|
|
|
1428
1422
|
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
1429
1423
|
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
1430
1424
|
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
1431
|
-
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--
|
|
1425
|
+
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
1432
1426
|
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
1433
|
-
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain
|
|
1427
|
+
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain) * -1);
|
|
1434
1428
|
--pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
|
|
1435
1429
|
--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
|
|
1436
1430
|
--pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
|
|
@@ -1471,8 +1465,8 @@
|
|
|
1471
1465
|
--pf-v6-c-card--m-full-height--Height: 100%;
|
|
1472
1466
|
--pf-v6-c-card--m-plain--BorderColor: transparent;
|
|
1473
1467
|
--pf-v6-c-card--m-plain--BackgroundColor: transparent;
|
|
1474
|
-
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--
|
|
1475
|
-
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--
|
|
1468
|
+
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--compact) * -1);
|
|
1469
|
+
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
1476
1470
|
}
|
|
1477
1471
|
.pfext-quick-start__base .pf-v6-c-card {
|
|
1478
1472
|
position: relative;
|
|
@@ -1971,11 +1965,9 @@
|
|
|
1971
1965
|
--pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
1972
1966
|
--pf-v6-c-content--small--Color: var(--pf-t--global--text--color--subtle);
|
|
1973
1967
|
--pf-v6-c-content--a--Color: var(--pf-t--global--text--color--link--default);
|
|
1974
|
-
--pf-v6-c-content--a--
|
|
1975
|
-
--pf-v6-c-content--a--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
1968
|
+
--pf-v6-c-content--a--TextDecoration: var(--pf-t--global--link--text-decoration);
|
|
1976
1969
|
--pf-v6-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
1977
|
-
--pf-v6-c-content--a--hover--
|
|
1978
|
-
--pf-v6-c-content--a--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
1970
|
+
--pf-v6-c-content--a--hover--TextDecoration: var(--pf-t--global--link--text-decoration);
|
|
1979
1971
|
--pf-v6-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
|
|
1980
1972
|
--pf-v6-c-content--blockquote--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
1981
1973
|
--pf-v6-c-content--blockquote--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -2003,12 +1995,11 @@
|
|
|
2003
1995
|
}
|
|
2004
1996
|
.pfext-quick-start__base :is(.pf-v6-c-content--a, .pf-v6-c-content a) {
|
|
2005
1997
|
color: var(--pf-v6-c-content--a--Color);
|
|
2006
|
-
text-decoration: var(--pf-v6-c-content--a--
|
|
1998
|
+
text-decoration: var(--pf-v6-c-content--a--TextDecoration);
|
|
2007
1999
|
}
|
|
2008
|
-
.pfext-quick-start__base :is(.pf-v6-c-content--a, .pf-v6-c-content a):
|
|
2000
|
+
.pfext-quick-start__base :is(.pf-v6-c-content--a, .pf-v6-c-content a):hover {
|
|
2009
2001
|
--pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
|
|
2010
|
-
--pf-v6-c-content--a--
|
|
2011
|
-
--pf-v6-c-content--a--TextDecorationStyle: var(--pf-v6-c-content--a--hover--TextDecorationStyle);
|
|
2002
|
+
--pf-v6-c-content--a--TextDecoration: var(--pf-v6-c-content--a--hover--TextDecoration);
|
|
2012
2003
|
}
|
|
2013
2004
|
.pfext-quick-start__base :is(.pf-v6-c-content--a.pf-m-visited, .pf-v6-c-content.pf-m-visited a, .pf-v6-c-content a.pf-m-visited):visited {
|
|
2014
2005
|
color: var(--pf-v6-c-content--a--visited--Color);
|
|
@@ -2142,7 +2133,7 @@ ul) {
|
|
|
2142
2133
|
display: grid;
|
|
2143
2134
|
grid-template-columns: 1fr;
|
|
2144
2135
|
}
|
|
2145
|
-
@media screen and (min-width:
|
|
2136
|
+
@media screen and (min-width: 576px) {
|
|
2146
2137
|
.pfext-quick-start__base :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
2147
2138
|
grid-template: auto/auto 1fr;
|
|
2148
2139
|
grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
|
|
@@ -2155,17 +2146,17 @@ ul) {
|
|
|
2155
2146
|
.pfext-quick-start__base :is(.pf-v6-c-content--dt, .pf-v6-c-content dt):not(:first-child) {
|
|
2156
2147
|
margin-block-start: var(--pf-v6-c-content--dt--MarginBlockStart);
|
|
2157
2148
|
}
|
|
2158
|
-
@media screen and (min-width:
|
|
2149
|
+
@media screen and (min-width: 576px) {
|
|
2159
2150
|
.pfext-quick-start__base :is(.pf-v6-c-content--dt, .pf-v6-c-content dt):not(:first-child) {
|
|
2160
2151
|
--pf-v6-c-content--dt--MarginBlockStart: var(--pf-v6-c-content--dt--sm--MarginBlockStart);
|
|
2161
2152
|
}
|
|
2162
2153
|
}
|
|
2163
|
-
@media screen and (min-width:
|
|
2154
|
+
@media screen and (min-width: 576px) {
|
|
2164
2155
|
.pfext-quick-start__base :is(.pf-v6-c-content--dt, .pf-v6-c-content dt) {
|
|
2165
2156
|
grid-column: 1;
|
|
2166
2157
|
}
|
|
2167
2158
|
}
|
|
2168
|
-
@media screen and (min-width:
|
|
2159
|
+
@media screen and (min-width: 576px) {
|
|
2169
2160
|
.pfext-quick-start__base :is(.pf-v6-c-content--dd, .pf-v6-c-content dd) {
|
|
2170
2161
|
grid-column: 2;
|
|
2171
2162
|
}
|
|
@@ -2205,7 +2196,7 @@ ul) {
|
|
|
2205
2196
|
--pf-v6-c-data-list--cell--WhiteSpace: normal;
|
|
2206
2197
|
--pf-v6-c-data-list--cell--WordBreak: normal;
|
|
2207
2198
|
--pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
|
|
2208
|
-
--pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--
|
|
2199
|
+
--pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
2209
2200
|
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
2210
2201
|
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
2211
2202
|
--pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
|
|
@@ -2238,9 +2229,10 @@ ul) {
|
|
|
2238
2229
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
2239
2230
|
--pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
2240
2231
|
--pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
2241
|
-
--pf-v6-c-data-list__item-action--
|
|
2242
|
-
--pf-v6-c-data-
|
|
2243
|
-
--pf-v6-c-data-list__action--
|
|
2232
|
+
--pf-v6-c-data-list__item-action--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
2233
|
+
--pf-v6-c-data-list__item-action__action--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
2234
|
+
--pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list__item-action__action--MarginBlockStart);
|
|
2235
|
+
--pf-v6-c-data-list__item-action__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
2244
2236
|
--pf-v6-c-data-list__expandable-content--BackgroundColor: var( --pf-t--global--background--color--primary--default);
|
|
2245
2237
|
--pf-v6-c-data-list__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
2246
2238
|
--pf-v6-c-data-list__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -2270,8 +2262,9 @@ ul) {
|
|
|
2270
2262
|
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
2271
2263
|
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
2272
2264
|
--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
2273
|
-
--pf-v6-c-data-list--m-
|
|
2274
|
-
--pf-v6-c-data-list--m-
|
|
2265
|
+
--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
|
|
2266
|
+
--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
|
|
2267
|
+
--pf-v6-c-data-list--m-compact__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockStart);
|
|
2275
2268
|
--pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
2276
2269
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
2277
2270
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
@@ -2279,13 +2272,13 @@ ul) {
|
|
|
2279
2272
|
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
2280
2273
|
--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
2281
2274
|
}
|
|
2282
|
-
@media screen and (min-width:
|
|
2275
|
+
@media screen and (min-width: 576px) {
|
|
2283
2276
|
.pfext-quick-start__base :where(:root, .pf-v6-c-data-list) {
|
|
2284
2277
|
--pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
|
|
2285
2278
|
--pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
|
|
2286
2279
|
}
|
|
2287
2280
|
}
|
|
2288
|
-
@media screen and (min-width:
|
|
2281
|
+
@media screen and (min-width: 576px) {
|
|
2289
2282
|
.pfext-quick-start__base :where(:root, .pf-v6-c-data-list) {
|
|
2290
2283
|
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
|
|
2291
2284
|
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
|
|
@@ -2323,11 +2316,11 @@ ul) {
|
|
|
2323
2316
|
--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
|
|
2324
2317
|
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
|
|
2325
2318
|
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
|
|
2326
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
2327
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
2328
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
2329
|
-
--pf-v6-c-description-list__text--m-help-text--hover--
|
|
2330
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
2319
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationColor: currentcolor;
|
|
2320
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
|
|
2321
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
|
|
2322
|
+
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-t--global--border--color--hover);
|
|
2323
|
+
--pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-t--global--border--color--hover);
|
|
2331
2324
|
--pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
2332
2325
|
--pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
|
|
2333
2326
|
--pf-v6-c-description-list--m-horizontal__term--width-on-sm:inherit;
|
|
@@ -2337,32 +2330,32 @@ ul) {
|
|
|
2337
2330
|
--pf-v6-c-description-list--m-horizontal__term--width-on-2xl:inherit;
|
|
2338
2331
|
--pf-v6-c-description-list__term--width:var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
2339
2332
|
}
|
|
2340
|
-
@media screen and (min-width:
|
|
2333
|
+
@media screen and (min-width: 576px) {
|
|
2341
2334
|
.pfext-quick-start__base :where(:root, .pf-v6-c-description-list) {
|
|
2342
2335
|
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
|
2343
2336
|
}
|
|
2344
2337
|
}
|
|
2345
|
-
@media (min-width:
|
|
2338
|
+
@media (min-width: 576px) {
|
|
2346
2339
|
.pfext-quick-start__base :where(:root, .pf-v6-c-description-list) {
|
|
2347
2340
|
--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));
|
|
2348
2341
|
}
|
|
2349
2342
|
}
|
|
2350
|
-
@media (min-width:
|
|
2343
|
+
@media (min-width: 768px) {
|
|
2351
2344
|
.pfext-quick-start__base :where(:root, .pf-v6-c-description-list) {
|
|
2352
2345
|
--pf-v6-c-description-list__term--width:var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)));
|
|
2353
2346
|
}
|
|
2354
2347
|
}
|
|
2355
|
-
@media (min-width:
|
|
2348
|
+
@media (min-width: 992px) {
|
|
2356
2349
|
.pfext-quick-start__base :where(:root, .pf-v6-c-description-list) {
|
|
2357
2350
|
--pf-v6-c-description-list__term--width:var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))));
|
|
2358
2351
|
}
|
|
2359
2352
|
}
|
|
2360
|
-
@media (min-width:
|
|
2353
|
+
@media (min-width: 1200px) {
|
|
2361
2354
|
.pfext-quick-start__base :where(:root, .pf-v6-c-description-list) {
|
|
2362
2355
|
--pf-v6-c-description-list__term--width:var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)))));
|
|
2363
2356
|
}
|
|
2364
2357
|
}
|
|
2365
|
-
@media (min-width:
|
|
2358
|
+
@media (min-width: 1450px) {
|
|
2366
2359
|
.pfext-quick-start__base :where(:root, .pf-v6-c-description-list) {
|
|
2367
2360
|
--pf-v6-c-description-list__term--width:var(--pf-v6-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))))));
|
|
2368
2361
|
}
|
|
@@ -2491,7 +2484,7 @@ ul) {
|
|
|
2491
2484
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-hidden {
|
|
2492
2485
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
2493
2486
|
}
|
|
2494
|
-
@media screen and (min-width:
|
|
2487
|
+
@media screen and (min-width: 576px) {
|
|
2495
2488
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-hidden-on-sm {
|
|
2496
2489
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
2497
2490
|
}
|
|
@@ -2499,7 +2492,7 @@ ul) {
|
|
|
2499
2492
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
2500
2493
|
}
|
|
2501
2494
|
}
|
|
2502
|
-
@media screen and (min-width:
|
|
2495
|
+
@media screen and (min-width: 768px) {
|
|
2503
2496
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-hidden-on-md {
|
|
2504
2497
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
2505
2498
|
}
|
|
@@ -2507,7 +2500,7 @@ ul) {
|
|
|
2507
2500
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
2508
2501
|
}
|
|
2509
2502
|
}
|
|
2510
|
-
@media screen and (min-width:
|
|
2503
|
+
@media screen and (min-width: 992px) {
|
|
2511
2504
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-hidden-on-lg {
|
|
2512
2505
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
2513
2506
|
}
|
|
@@ -2515,7 +2508,7 @@ ul) {
|
|
|
2515
2508
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
2516
2509
|
}
|
|
2517
2510
|
}
|
|
2518
|
-
@media screen and (min-width:
|
|
2511
|
+
@media screen and (min-width: 1200px) {
|
|
2519
2512
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-hidden-on-xl {
|
|
2520
2513
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
2521
2514
|
}
|
|
@@ -2523,7 +2516,7 @@ ul) {
|
|
|
2523
2516
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
2524
2517
|
}
|
|
2525
2518
|
}
|
|
2526
|
-
@media screen and (min-width:
|
|
2519
|
+
@media screen and (min-width: 1450px) {
|
|
2527
2520
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-hidden-on-2xl {
|
|
2528
2521
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
2529
2522
|
}
|
|
@@ -2570,21 +2563,21 @@ ul) {
|
|
|
2570
2563
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-inset-3xl {
|
|
2571
2564
|
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
2572
2565
|
}
|
|
2573
|
-
@media (min-width:
|
|
2566
|
+
@media (min-width: 576px) {
|
|
2574
2567
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-horizontal-on-sm {
|
|
2575
2568
|
flex-direction: row;
|
|
2576
2569
|
width: 100%;
|
|
2577
2570
|
height: var(--pf-v6-c-divider--Size);
|
|
2578
2571
|
}
|
|
2579
2572
|
}
|
|
2580
|
-
@media (min-width:
|
|
2573
|
+
@media (min-width: 576px) {
|
|
2581
2574
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-vertical-on-sm {
|
|
2582
2575
|
flex-direction: column;
|
|
2583
2576
|
width: var(--pf-v6-c-divider--Size);
|
|
2584
2577
|
height: inherit;
|
|
2585
2578
|
}
|
|
2586
2579
|
}
|
|
2587
|
-
@media (min-width:
|
|
2580
|
+
@media (min-width: 576px) {
|
|
2588
2581
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-inset-none-on-sm {
|
|
2589
2582
|
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
2590
2583
|
}
|
|
@@ -2610,21 +2603,21 @@ ul) {
|
|
|
2610
2603
|
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
2611
2604
|
}
|
|
2612
2605
|
}
|
|
2613
|
-
@media (min-width:
|
|
2606
|
+
@media (min-width: 768px) {
|
|
2614
2607
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-horizontal-on-md {
|
|
2615
2608
|
flex-direction: row;
|
|
2616
2609
|
width: 100%;
|
|
2617
2610
|
height: var(--pf-v6-c-divider--Size);
|
|
2618
2611
|
}
|
|
2619
2612
|
}
|
|
2620
|
-
@media (min-width:
|
|
2613
|
+
@media (min-width: 768px) {
|
|
2621
2614
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-vertical-on-md {
|
|
2622
2615
|
flex-direction: column;
|
|
2623
2616
|
width: var(--pf-v6-c-divider--Size);
|
|
2624
2617
|
height: inherit;
|
|
2625
2618
|
}
|
|
2626
2619
|
}
|
|
2627
|
-
@media (min-width:
|
|
2620
|
+
@media (min-width: 768px) {
|
|
2628
2621
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-inset-none-on-md {
|
|
2629
2622
|
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
2630
2623
|
}
|
|
@@ -2650,21 +2643,21 @@ ul) {
|
|
|
2650
2643
|
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
2651
2644
|
}
|
|
2652
2645
|
}
|
|
2653
|
-
@media (min-width:
|
|
2646
|
+
@media (min-width: 992px) {
|
|
2654
2647
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-horizontal-on-lg {
|
|
2655
2648
|
flex-direction: row;
|
|
2656
2649
|
width: 100%;
|
|
2657
2650
|
height: var(--pf-v6-c-divider--Size);
|
|
2658
2651
|
}
|
|
2659
2652
|
}
|
|
2660
|
-
@media (min-width:
|
|
2653
|
+
@media (min-width: 992px) {
|
|
2661
2654
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-vertical-on-lg {
|
|
2662
2655
|
flex-direction: column;
|
|
2663
2656
|
width: var(--pf-v6-c-divider--Size);
|
|
2664
2657
|
height: inherit;
|
|
2665
2658
|
}
|
|
2666
2659
|
}
|
|
2667
|
-
@media (min-width:
|
|
2660
|
+
@media (min-width: 992px) {
|
|
2668
2661
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-inset-none-on-lg {
|
|
2669
2662
|
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
2670
2663
|
}
|
|
@@ -2690,21 +2683,21 @@ ul) {
|
|
|
2690
2683
|
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
2691
2684
|
}
|
|
2692
2685
|
}
|
|
2693
|
-
@media (min-width:
|
|
2686
|
+
@media (min-width: 1200px) {
|
|
2694
2687
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-horizontal-on-xl {
|
|
2695
2688
|
flex-direction: row;
|
|
2696
2689
|
width: 100%;
|
|
2697
2690
|
height: var(--pf-v6-c-divider--Size);
|
|
2698
2691
|
}
|
|
2699
2692
|
}
|
|
2700
|
-
@media (min-width:
|
|
2693
|
+
@media (min-width: 1200px) {
|
|
2701
2694
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-vertical-on-xl {
|
|
2702
2695
|
flex-direction: column;
|
|
2703
2696
|
width: var(--pf-v6-c-divider--Size);
|
|
2704
2697
|
height: inherit;
|
|
2705
2698
|
}
|
|
2706
2699
|
}
|
|
2707
|
-
@media (min-width:
|
|
2700
|
+
@media (min-width: 1200px) {
|
|
2708
2701
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-inset-none-on-xl {
|
|
2709
2702
|
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
2710
2703
|
}
|
|
@@ -2730,21 +2723,21 @@ ul) {
|
|
|
2730
2723
|
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
2731
2724
|
}
|
|
2732
2725
|
}
|
|
2733
|
-
@media (min-width:
|
|
2726
|
+
@media (min-width: 1450px) {
|
|
2734
2727
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-horizontal-on-2xl {
|
|
2735
2728
|
flex-direction: row;
|
|
2736
2729
|
width: 100%;
|
|
2737
2730
|
height: var(--pf-v6-c-divider--Size);
|
|
2738
2731
|
}
|
|
2739
2732
|
}
|
|
2740
|
-
@media (min-width:
|
|
2733
|
+
@media (min-width: 1450px) {
|
|
2741
2734
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-vertical-on-2xl {
|
|
2742
2735
|
flex-direction: column;
|
|
2743
2736
|
width: var(--pf-v6-c-divider--Size);
|
|
2744
2737
|
height: inherit;
|
|
2745
2738
|
}
|
|
2746
2739
|
}
|
|
2747
|
-
@media (min-width:
|
|
2740
|
+
@media (min-width: 1450px) {
|
|
2748
2741
|
.pfext-quick-start__base .pf-v6-c-divider.pf-m-inset-none-on-2xl {
|
|
2749
2742
|
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
2750
2743
|
}
|
|
@@ -2877,7 +2870,7 @@ ul) {
|
|
|
2877
2870
|
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: var(--pf-v6-c-drawer__panel--after--Width);
|
|
2878
2871
|
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
|
|
2879
2872
|
}
|
|
2880
|
-
@media screen and (min-width:
|
|
2873
|
+
@media screen and (min-width: 1200px) {
|
|
2881
2874
|
.pfext-quick-start__base :where(:root, .pf-v6-c-drawer) {
|
|
2882
2875
|
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
|
2883
2876
|
}
|
|
@@ -3010,7 +3003,7 @@ ul) {
|
|
|
3010
3003
|
.pfext-quick-start__base .pf-v6-c-drawer__panel.pf-m-no-background {
|
|
3011
3004
|
--pf-v6-c-drawer__panel--BackgroundColor: transparent;
|
|
3012
3005
|
}
|
|
3013
|
-
@media screen and (min-width:
|
|
3006
|
+
@media screen and (min-width: 768px) {
|
|
3014
3007
|
.pfext-quick-start__base .pf-v6-c-drawer__panel {
|
|
3015
3008
|
--pf-v6-c-drawer__panel--FlexBasis:
|
|
3016
3009
|
max(
|
|
@@ -3019,7 +3012,7 @@ ul) {
|
|
|
3019
3012
|
);
|
|
3020
3013
|
}
|
|
3021
3014
|
}
|
|
3022
|
-
@media screen and (min-width:
|
|
3015
|
+
@media screen and (min-width: 1200px) {
|
|
3023
3016
|
.pfext-quick-start__base .pf-v6-c-drawer__panel {
|
|
3024
3017
|
--pf-v6-c-drawer__panel--md--FlexBasis: var(--pf-v6-c-drawer__panel--xl--FlexBasis);
|
|
3025
3018
|
}
|
|
@@ -3148,7 +3141,7 @@ ul) {
|
|
|
3148
3141
|
border-inline-start-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth);
|
|
3149
3142
|
border-inline-end-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth);
|
|
3150
3143
|
}
|
|
3151
|
-
@media screen and (min-width:
|
|
3144
|
+
@media screen and (min-width: 768px) {
|
|
3152
3145
|
.pfext-quick-start__base .pf-v6-c-drawer {
|
|
3153
3146
|
min-width: var(--pf-v6-c-drawer__panel--MinWidth);
|
|
3154
3147
|
}
|
|
@@ -3238,7 +3231,7 @@ ul) {
|
|
|
3238
3231
|
display: block;
|
|
3239
3232
|
}
|
|
3240
3233
|
}
|
|
3241
|
-
@media (min-width:
|
|
3234
|
+
@media (min-width: 768px) {
|
|
3242
3235
|
.pfext-quick-start__base .pf-v6-c-drawer__panel.pf-m-width-25 {
|
|
3243
3236
|
--pf-v6-c-drawer__panel--md--FlexBasis: 25%;
|
|
3244
3237
|
}
|
|
@@ -3258,7 +3251,7 @@ ul) {
|
|
|
3258
3251
|
--pf-v6-c-drawer__panel--md--FlexBasis: 100%;
|
|
3259
3252
|
}
|
|
3260
3253
|
}
|
|
3261
|
-
@media (min-width:
|
|
3254
|
+
@media (min-width: 992px) {
|
|
3262
3255
|
.pfext-quick-start__base .pf-v6-c-drawer__panel.pf-m-width-25-on-lg {
|
|
3263
3256
|
--pf-v6-c-drawer__panel--md--FlexBasis: 25%;
|
|
3264
3257
|
}
|
|
@@ -3278,7 +3271,7 @@ ul) {
|
|
|
3278
3271
|
--pf-v6-c-drawer__panel--md--FlexBasis: 100%;
|
|
3279
3272
|
}
|
|
3280
3273
|
}
|
|
3281
|
-
@media (min-width:
|
|
3274
|
+
@media (min-width: 1200px) {
|
|
3282
3275
|
.pfext-quick-start__base .pf-v6-c-drawer__panel.pf-m-width-25-on-xl {
|
|
3283
3276
|
--pf-v6-c-drawer__panel--md--FlexBasis: 25%;
|
|
3284
3277
|
}
|
|
@@ -3298,7 +3291,7 @@ ul) {
|
|
|
3298
3291
|
--pf-v6-c-drawer__panel--md--FlexBasis: 100%;
|
|
3299
3292
|
}
|
|
3300
3293
|
}
|
|
3301
|
-
@media (min-width:
|
|
3294
|
+
@media (min-width: 1450px) {
|
|
3302
3295
|
.pfext-quick-start__base .pf-v6-c-drawer__panel.pf-m-width-25-on-2xl {
|
|
3303
3296
|
--pf-v6-c-drawer__panel--md--FlexBasis: 25%;
|
|
3304
3297
|
}
|
|
@@ -3318,7 +3311,7 @@ ul) {
|
|
|
3318
3311
|
--pf-v6-c-drawer__panel--md--FlexBasis: 100%;
|
|
3319
3312
|
}
|
|
3320
3313
|
}
|
|
3321
|
-
@media (min-width:
|
|
3314
|
+
@media (min-width: 768px) {
|
|
3322
3315
|
.pfext-quick-start__base .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
|
|
3323
3316
|
.pfext-quick-start__base .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
3324
3317
|
flex-shrink: 1;
|
|
@@ -3385,7 +3378,7 @@ ul) {
|
|
|
3385
3378
|
display: none;
|
|
3386
3379
|
}
|
|
3387
3380
|
}
|
|
3388
|
-
@media (min-width:
|
|
3381
|
+
@media (min-width: 992px) {
|
|
3389
3382
|
.pfext-quick-start__base .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
|
|
3390
3383
|
.pfext-quick-start__base .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
3391
3384
|
flex-shrink: 1;
|
|
@@ -3452,7 +3445,7 @@ ul) {
|
|
|
3452
3445
|
display: none;
|
|
3453
3446
|
}
|
|
3454
3447
|
}
|
|
3455
|
-
@media (min-width:
|
|
3448
|
+
@media (min-width: 1200px) {
|
|
3456
3449
|
.pfext-quick-start__base .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
|
|
3457
3450
|
.pfext-quick-start__base .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
3458
3451
|
flex-shrink: 1;
|
|
@@ -3519,7 +3512,7 @@ ul) {
|
|
|
3519
3512
|
display: none;
|
|
3520
3513
|
}
|
|
3521
3514
|
}
|
|
3522
|
-
@media (min-width:
|
|
3515
|
+
@media (min-width: 1450px) {
|
|
3523
3516
|
.pfext-quick-start__base .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
|
|
3524
3517
|
.pfext-quick-start__base .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
3525
3518
|
flex-shrink: 1;
|
|
@@ -3923,8 +3916,8 @@ ul) {
|
|
|
3923
3916
|
--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
3924
3917
|
--pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
|
|
3925
3918
|
--pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
|
|
3926
|
-
--pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-
|
|
3927
|
-
--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-
|
|
3919
|
+
--pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-v6-c-button--m-plain--PaddingBlockStart) * -1);
|
|
3920
|
+
--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-v6-c-button--m-plain--PaddingBlockEnd) * -1);
|
|
3928
3921
|
--pf-v6-c-form__field-group-toggle-icon--Transition: var(--pf-t--global--transition);
|
|
3929
3922
|
--pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
|
|
3930
3923
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
|
|
@@ -3954,7 +3947,7 @@ ul) {
|
|
|
3954
3947
|
.pfext-quick-start__base .pf-v6-c-form.pf-m-horizontal.pf-m-align-right .pf-v6-c-form__label {
|
|
3955
3948
|
text-align: end;
|
|
3956
3949
|
}
|
|
3957
|
-
@media screen and (min-width:
|
|
3950
|
+
@media screen and (min-width: 768px) {
|
|
3958
3951
|
.pfext-quick-start__base .pf-v6-c-form.pf-m-horizontal {
|
|
3959
3952
|
--pf-v6-c-form__group-label--PaddingBlockEnd: 0;
|
|
3960
3953
|
}
|
|
@@ -4010,7 +4003,7 @@ ul) {
|
|
|
4010
4003
|
grid-column: 2;
|
|
4011
4004
|
}
|
|
4012
4005
|
}
|
|
4013
|
-
@media (min-width:
|
|
4006
|
+
@media (min-width: 576px) {
|
|
4014
4007
|
.pfext-quick-start__base .pf-v6-c-form.pf-m-horizontal-on-sm {
|
|
4015
4008
|
--pf-v6-c-form__group-label--PaddingBlockEnd: 0;
|
|
4016
4009
|
}
|
|
@@ -4038,7 +4031,7 @@ ul) {
|
|
|
4038
4031
|
grid-column: 2;
|
|
4039
4032
|
}
|
|
4040
4033
|
}
|
|
4041
|
-
@media (min-width:
|
|
4034
|
+
@media (min-width: 768px) {
|
|
4042
4035
|
.pfext-quick-start__base .pf-v6-c-form.pf-m-horizontal-on-md {
|
|
4043
4036
|
--pf-v6-c-form__group-label--PaddingBlockEnd: 0;
|
|
4044
4037
|
}
|
|
@@ -4066,7 +4059,7 @@ ul) {
|
|
|
4066
4059
|
grid-column: 2;
|
|
4067
4060
|
}
|
|
4068
4061
|
}
|
|
4069
|
-
@media (min-width:
|
|
4062
|
+
@media (min-width: 992px) {
|
|
4070
4063
|
.pfext-quick-start__base .pf-v6-c-form.pf-m-horizontal-on-lg {
|
|
4071
4064
|
--pf-v6-c-form__group-label--PaddingBlockEnd: 0;
|
|
4072
4065
|
}
|
|
@@ -4094,7 +4087,7 @@ ul) {
|
|
|
4094
4087
|
grid-column: 2;
|
|
4095
4088
|
}
|
|
4096
4089
|
}
|
|
4097
|
-
@media (min-width:
|
|
4090
|
+
@media (min-width: 1200px) {
|
|
4098
4091
|
.pfext-quick-start__base .pf-v6-c-form.pf-m-horizontal-on-xl {
|
|
4099
4092
|
--pf-v6-c-form__group-label--PaddingBlockEnd: 0;
|
|
4100
4093
|
}
|
|
@@ -4122,7 +4115,7 @@ ul) {
|
|
|
4122
4115
|
grid-column: 2;
|
|
4123
4116
|
}
|
|
4124
4117
|
}
|
|
4125
|
-
@media (min-width:
|
|
4118
|
+
@media (min-width: 1450px) {
|
|
4126
4119
|
.pfext-quick-start__base .pf-v6-c-form.pf-m-horizontal-on-2xl {
|
|
4127
4120
|
--pf-v6-c-form__group-label--PaddingBlockEnd: 0;
|
|
4128
4121
|
}
|
|
@@ -4374,7 +4367,7 @@ ul) {
|
|
|
4374
4367
|
--pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
4375
4368
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
4376
4369
|
--pf-v6-c-form-control--Width: 100%;
|
|
4377
|
-
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--
|
|
4370
|
+
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--md);
|
|
4378
4371
|
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
4379
4372
|
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
4380
4373
|
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
@@ -4400,34 +4393,35 @@ ul) {
|
|
|
4400
4393
|
--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
|
|
4401
4394
|
--pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
4402
4395
|
--pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
4403
|
-
--pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-
|
|
4396
|
+
--pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-form-control--ColumnGap));
|
|
4404
4397
|
--pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
4405
4398
|
--pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
4406
|
-
--pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-
|
|
4399
|
+
--pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-form-control--ColumnGap));
|
|
4407
4400
|
--pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
4408
4401
|
--pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
4409
|
-
--pf-v6-c-form-control--m-error--PaddingInlineEnd: calc(var(--pf-
|
|
4402
|
+
--pf-v6-c-form-control--m-error--PaddingInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-form-control--ColumnGap));
|
|
4410
4403
|
--pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
4411
4404
|
--pf-v6-c-form-control--m-icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
|
|
4412
4405
|
--pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
4413
|
-
--pf-v6-c-form-control--m-icon--icon--spacer:
|
|
4406
|
+
--pf-v6-c-form-control--m-icon--icon--spacer: var(--pf-t--global--spacer--sm);
|
|
4414
4407
|
--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-error--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
|
|
4415
|
-
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-
|
|
4416
|
-
--pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-
|
|
4417
|
-
--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd:
|
|
4418
|
-
--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd:
|
|
4419
|
-
--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd:
|
|
4408
|
+
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
4409
|
+
--pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
4410
|
+
--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
4411
|
+
--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
4412
|
+
--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
4420
4413
|
--pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
|
|
4421
4414
|
--pf-v6-c-form-control--textarea--Height: auto;
|
|
4415
|
+
--pf-v6-c-form-control__icon--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
4422
4416
|
--pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
4423
|
-
--pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
4424
4417
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
|
4425
4418
|
--pf-v6-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
4426
4419
|
--pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
4427
4420
|
--pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
4428
4421
|
--pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--sm);
|
|
4429
|
-
--pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-
|
|
4422
|
+
--pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-v6-c-form-control--inset--base);
|
|
4430
4423
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
4424
|
+
--pf-v6-c-form-control__toggle-icon--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
4431
4425
|
--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
4432
4426
|
--pf-v6-c-form-control__toggle-icon--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
4433
4427
|
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -4593,7 +4587,7 @@ ul) {
|
|
|
4593
4587
|
overflow: auto;
|
|
4594
4588
|
}
|
|
4595
4589
|
.pfext-quick-start__base .pf-v6-c-form-control__icon {
|
|
4596
|
-
|
|
4590
|
+
padding-block-start: var(--pf-v6-c-form-control__icon--PaddingBlockStart);
|
|
4597
4591
|
color: var(--pf-v6-c-form-control__icon--Color);
|
|
4598
4592
|
}
|
|
4599
4593
|
.pfext-quick-start__base .pf-v6-c-form-control__icon.pf-m-status {
|
|
@@ -4602,6 +4596,7 @@ ul) {
|
|
|
4602
4596
|
.pfext-quick-start__base .pf-v6-c-form-control__toggle-icon {
|
|
4603
4597
|
grid-row: 1/2;
|
|
4604
4598
|
grid-column: 3;
|
|
4599
|
+
padding-block-start: var(--pf-v6-c-form-control__toggle-icon--PaddingBlockStart);
|
|
4605
4600
|
padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
|
|
4606
4601
|
padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
|
|
4607
4602
|
color: var(--pf-v6-c-form-control__toggle-icon--Color);
|
|
@@ -4613,7 +4608,6 @@ ul) {
|
|
|
4613
4608
|
grid-row: 1/2;
|
|
4614
4609
|
grid-column: 2;
|
|
4615
4610
|
gap: var(--pf-v6-c-form-control__utilities--Gap);
|
|
4616
|
-
padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
|
|
4617
4611
|
padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
|
|
4618
4612
|
pointer-events: none;
|
|
4619
4613
|
}
|
|
@@ -5176,7 +5170,7 @@ ul) {
|
|
|
5176
5170
|
--pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
|
|
5177
5171
|
--pf-v6-c-label--m-clickable--hover--BorderColor: transparent;
|
|
5178
5172
|
--pf-v6-c-label--m-clickable__content--Cursor: pointer;
|
|
5179
|
-
--pf-v6-c-label--m-filled__actions--c-
|
|
5173
|
+
--pf-v6-c-label--m-filled__actions--c-button--Color: var(--pf-v6-c-label__icon--Color);
|
|
5180
5174
|
--pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
|
|
5181
5175
|
--pf-v6-c-label--m-outline--BackgroundColor: transparent;
|
|
5182
5176
|
--pf-v6-c-label--m-outline--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -5202,7 +5196,7 @@ ul) {
|
|
|
5202
5196
|
--pf-v6-c-label--m-compact--PaddingBlockEnd: 0;
|
|
5203
5197
|
--pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
5204
5198
|
--pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
5205
|
-
--pf-v6-c-label--m-compact--m-editable--
|
|
5199
|
+
--pf-v6-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
|
|
5206
5200
|
--pf-v6-c-label__content--MaxWidth: 100%;
|
|
5207
5201
|
--pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--xs);
|
|
5208
5202
|
--pf-v6-c-label__content--Cursor: initial;
|
|
@@ -5217,14 +5211,14 @@ ul) {
|
|
|
5217
5211
|
--pf-v6-c-label__actions--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
5218
5212
|
--pf-v6-c-label__actions--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
5219
5213
|
--pf-v6-c-label__actions--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
5220
|
-
--pf-v6-c-label--m-editable--
|
|
5221
|
-
--pf-v6-c-label--m-editable--TextDecorationStyle:
|
|
5222
|
-
--pf-v6-c-label--m-editable--
|
|
5223
|
-
--pf-v6-c-label--m-editable--
|
|
5224
|
-
--pf-v6-c-label--m-editable--
|
|
5214
|
+
--pf-v6-c-label--m-editable--TextDecoration: underline;
|
|
5215
|
+
--pf-v6-c-label--m-editable--TextDecorationStyle: dashed;
|
|
5216
|
+
--pf-v6-c-label--m-editable--TextDecorationThickness: var(--pf-t--global--border--width--regular);
|
|
5217
|
+
--pf-v6-c-label--m-editable--TextDecorationOffset: 0.25rem;
|
|
5218
|
+
--pf-v6-c-label--m-editable--TextDecorationColor: currentcolor;
|
|
5225
5219
|
--pf-v6-c-label--m-editable__content--MaxWidth: 16ch;
|
|
5226
5220
|
--pf-v6-c-label--m-editable__content--Cursor: pointer;
|
|
5227
|
-
--pf-v6-c-label--m-editable--m-editable-active--
|
|
5221
|
+
--pf-v6-c-label--m-editable--m-editable-active--TextDecoration: none;
|
|
5228
5222
|
--pf-v6-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
|
|
5229
5223
|
--pf-v6-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
|
|
5230
5224
|
--pf-v6-c-label--m-editable--m-editable-active__content--Cursor: initial;
|
|
@@ -5393,10 +5387,10 @@ ul) {
|
|
|
5393
5387
|
--pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
|
|
5394
5388
|
--pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
|
|
5395
5389
|
--pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
|
|
5396
|
-
--pf-v6-c-label--m-editable--
|
|
5390
|
+
--pf-v6-c-label--m-editable--TextDecorationOffset: var(--pf-v6-c-label--m-compact--m-editable--TextDecorationOffset);
|
|
5397
5391
|
}
|
|
5398
5392
|
.pfext-quick-start__base .pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
|
|
5399
|
-
--pf-v6-c-
|
|
5393
|
+
--pf-v6-c-button--Color: var(--pf-v6-c-label--m-filled__actions--c-button--Color);
|
|
5400
5394
|
}
|
|
5401
5395
|
.pfext-quick-start__base .pf-v6-c-label.pf-m-outline {
|
|
5402
5396
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-outline--Color);
|
|
@@ -5414,16 +5408,15 @@ ul) {
|
|
|
5414
5408
|
--pf-v6-c-label__content--MaxWidth: var(--pf-v6-c-label--m-editable__content--MaxWidth);
|
|
5415
5409
|
--pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable__content--Cursor);
|
|
5416
5410
|
}
|
|
5417
|
-
.pfext-quick-start__base .pf-v6-c-label.pf-m-editable .pf-v6-c-label__content:is(:hover, :focus) {
|
|
5418
|
-
--pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--hover--TextDecorationLine);
|
|
5419
|
-
--pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
|
|
5420
|
-
}
|
|
5421
5411
|
.pfext-quick-start__base .pf-v6-c-label.pf-m-editable .pf-v6-c-label__text {
|
|
5422
|
-
text-decoration: var(--pf-v6-c-label--m-editable--
|
|
5423
|
-
text-
|
|
5412
|
+
text-decoration: var(--pf-v6-c-label--m-editable--TextDecoration);
|
|
5413
|
+
text-decoration-thickness: var(--pf-v6-c-label--m-editable--TextDecorationThickness);
|
|
5414
|
+
text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
|
|
5415
|
+
text-decoration-color: var(--pf-v6-c-label--m-editable--TextDecorationColor);
|
|
5416
|
+
text-underline-offset: var(--pf-v6-c-label--m-editable--TextDecorationOffset);
|
|
5424
5417
|
}
|
|
5425
5418
|
.pfext-quick-start__base .pf-v6-c-label.pf-m-editable-active {
|
|
5426
|
-
--pf-v6-c-label--m-editable--
|
|
5419
|
+
--pf-v6-c-label--m-editable--TextDecoration: var(--pf-v6-c-label--m-editable--m-editable-active--TextDecoration);
|
|
5427
5420
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-editable--m-editable-active--BackgroundColor);
|
|
5428
5421
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-editable--m-editable-active--Color);
|
|
5429
5422
|
--pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable--m-editable-active__content--Cursor);
|
|
@@ -5464,7 +5457,7 @@ ul) {
|
|
|
5464
5457
|
--pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-outline--m-clickable--hover--BorderColor);
|
|
5465
5458
|
}
|
|
5466
5459
|
.pfext-quick-start__base .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) ~ .pf-v6-c-label__actions .pf-v6-c-button {
|
|
5467
|
-
--pf-v6-c-label--m-filled__actions--c-
|
|
5460
|
+
--pf-v6-c-label--m-filled__actions--c-button--Color: var(--pf-v6-c-label--m-clickable--hover__icon--Color);
|
|
5468
5461
|
}
|
|
5469
5462
|
.pfext-quick-start__base .pf-v6-c-label.pf-m-disabled {
|
|
5470
5463
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-disabled--BackgroundColor);
|
|
@@ -5776,108 +5769,91 @@ ul) {
|
|
|
5776
5769
|
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
5777
5770
|
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
5778
5771
|
}
|
|
5779
|
-
@media (min-width:
|
|
5772
|
+
@media (min-width: 1200px) {
|
|
5780
5773
|
.pfext-quick-start__base :where(:root, .pf-v6-c-login) {
|
|
5781
5774
|
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
5782
5775
|
}
|
|
5783
5776
|
}
|
|
5784
|
-
@media (min-width:
|
|
5777
|
+
@media (min-width: 576px) {
|
|
5785
5778
|
.pfext-quick-start__base :where(:root, .pf-v6-c-login) {
|
|
5786
5779
|
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
5787
5780
|
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
5788
5781
|
}
|
|
5789
5782
|
}
|
|
5790
|
-
@media (min-width:
|
|
5783
|
+
@media (min-width: 1200px) {
|
|
5791
5784
|
.pfext-quick-start__base :where(:root, .pf-v6-c-login) {
|
|
5792
5785
|
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
5793
5786
|
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
5794
5787
|
}
|
|
5795
5788
|
}
|
|
5796
|
-
@media (min-width:
|
|
5789
|
+
@media (min-width: 1200px) {
|
|
5797
5790
|
.pfext-quick-start__base :where(:root, .pf-v6-c-login) {
|
|
5798
5791
|
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
5799
5792
|
}
|
|
5800
5793
|
}
|
|
5801
|
-
@media (min-width:
|
|
5794
|
+
@media (min-width: 768px) {
|
|
5802
5795
|
.pfext-quick-start__base :where(:root, .pf-v6-c-login) {
|
|
5803
5796
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
5804
5797
|
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
5805
5798
|
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
|
|
5806
5799
|
}
|
|
5807
5800
|
}
|
|
5808
|
-
@media (min-width:
|
|
5801
|
+
@media (min-width: 768px) {
|
|
5809
5802
|
.pfext-quick-start__base :where(:root, .pf-v6-c-login) {
|
|
5810
5803
|
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
5811
5804
|
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
5812
5805
|
}
|
|
5813
5806
|
}
|
|
5814
|
-
@media (min-width:
|
|
5807
|
+
@media (min-width: 576px) {
|
|
5815
5808
|
.pfext-quick-start__base :where(:root, .pf-v6-c-login) {
|
|
5816
5809
|
--pf-v6-c-login__footer--PaddingInlineEnd: 0;
|
|
5817
5810
|
--pf-v6-c-login__footer--PaddingInlineStart: 0;
|
|
5818
5811
|
}
|
|
5819
5812
|
}
|
|
5820
|
-
@media (min-width:
|
|
5813
|
+
@media (min-width: 1200px) {
|
|
5821
5814
|
.pfext-quick-start__base :where(:root, .pf-v6-c-login) {
|
|
5822
5815
|
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
|
|
5823
5816
|
}
|
|
5824
5817
|
}
|
|
5825
5818
|
.pfext-quick-start__base :where(:root, .pf-v6-c-masthead) {
|
|
5826
5819
|
--pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
|
|
5827
|
-
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--
|
|
5820
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--md);
|
|
5828
5821
|
--pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
5829
5822
|
--pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
|
|
5830
5823
|
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
|
|
5831
5824
|
--pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
|
|
5832
5825
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
5833
|
-
--pf-v6-c-
|
|
5834
|
-
--pf-v6-c-
|
|
5835
|
-
--pf-v6-c-masthead__logo--MaxHeight: 2.375rem;
|
|
5836
|
-
--pf-v6-c-masthead__logo--Width: 11.8125rem;
|
|
5826
|
+
--pf-v6-c-masthead__brand--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
5827
|
+
--pf-v6-c-masthead__brand--MaxHeight: 2.375rem;
|
|
5837
5828
|
--pf-v6-c-masthead__toggle--Size: var(--pf-t--global--icon--size--xl);
|
|
5838
|
-
--pf-v6-c-masthead__content--ColumnGap: var(--pf-t--global--spacer--md);
|
|
5839
|
-
--pf-v6-c-masthead--m-display-stack--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
5840
5829
|
--pf-v6-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
|
|
5841
|
-
--pf-v6-c-masthead--m-display-
|
|
5842
|
-
--pf-v6-c-masthead--m-display-
|
|
5843
|
-
--pf-v6-c-masthead--m-display-
|
|
5844
|
-
--pf-v6-c-masthead--m-display-
|
|
5845
|
-
--pf-v6-c-masthead--m-display-stack__content--GridColumn:
|
|
5830
|
+
--pf-v6-c-masthead--m-display-stack__main--GridColumn: -1 / 1;
|
|
5831
|
+
--pf-v6-c-masthead--m-display-stack__main--Order: -1;
|
|
5832
|
+
--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd: var(--pf-v6-c-masthead--RowGap);
|
|
5833
|
+
--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
|
|
5834
|
+
--pf-v6-c-masthead--m-display-stack__content--GridColumn: 2;
|
|
5846
5835
|
--pf-v6-c-masthead--m-display-stack__content--Order: 1;
|
|
5847
|
-
--pf-v6-c-masthead--m-display-
|
|
5848
|
-
--pf-v6-c-masthead--m-display-
|
|
5849
|
-
--pf-v6-c-masthead--m-display-
|
|
5850
|
-
--pf-v6-c-masthead--m-display-
|
|
5851
|
-
--pf-v6-c-masthead--m-display-
|
|
5852
|
-
--pf-v6-c-masthead--m-display-
|
|
5853
|
-
--pf-v6-c-masthead--m-display-inline__brand--GridColumn: initial;
|
|
5854
|
-
--pf-v6-c-masthead--m-display-inline__brand--Order: initial;
|
|
5855
|
-
--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd: 0;
|
|
5856
|
-
--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd: 0;
|
|
5857
|
-
--pf-v6-c-masthead--m-display-inline__main--GridColumn: 1;
|
|
5858
|
-
--pf-v6-c-masthead--m-display-inline__content--GridColumn: 2;
|
|
5836
|
+
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: max-content max-content 1fr;
|
|
5837
|
+
--pf-v6-c-masthead--m-display-inline__main--GridColumn: 2;
|
|
5838
|
+
--pf-v6-c-masthead--m-display-inline__main--Order: 0;
|
|
5839
|
+
--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd: 0;
|
|
5840
|
+
--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd: 0;
|
|
5841
|
+
--pf-v6-c-masthead--m-display-inline__content--GridColumn: 3;
|
|
5859
5842
|
--pf-v6-c-masthead--m-display-inline__content--Order: 0;
|
|
5860
|
-
--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn: 2;
|
|
5861
|
-
--pf-v6-c-masthead--m-display-inline__main--Display: flex;
|
|
5862
|
-
--pf-v6-c-masthead--m-display-inline__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
5863
5843
|
--pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
5864
5844
|
--pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
|
|
5865
5845
|
--pf-v6-c-masthead--c-toolbar--Width: 100%;
|
|
5866
5846
|
--pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
|
|
5847
|
+
--pf-v6-c-masthead--c-toolbar--PaddingInline: 0;
|
|
5867
5848
|
}
|
|
5868
5849
|
.pfext-quick-start__base .pf-v6-c-masthead {
|
|
5869
|
-
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
5870
5850
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
5871
|
-
--pf-v6-c-
|
|
5872
|
-
--pf-v6-c-
|
|
5873
|
-
--pf-v6-c-
|
|
5874
|
-
--pf-v6-c-
|
|
5875
|
-
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
5851
|
+
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
|
|
5852
|
+
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
|
|
5853
|
+
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
|
|
5854
|
+
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
|
|
5876
5855
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
5877
5856
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
5878
|
-
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
5879
|
-
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
5880
|
-
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
5881
5857
|
display: grid;
|
|
5882
5858
|
grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
|
|
5883
5859
|
row-gap: var(--pf-v6-c-masthead--RowGap);
|
|
@@ -5892,23 +5868,19 @@ ul) {
|
|
|
5892
5868
|
}
|
|
5893
5869
|
.pfext-quick-start__base .pf-v6-c-masthead .pf-v6-c-toolbar {
|
|
5894
5870
|
--pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
|
|
5895
|
-
--pf-v6-c-
|
|
5871
|
+
--pf-v6-c-toolbar__content--PaddingBlock: var(--pf-v6-c-masthead--c-toolbar--PaddingBlock);
|
|
5872
|
+
--pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--c-toolbar--PaddingInline);
|
|
5896
5873
|
--pf-v6-c-toolbar__content--MinWidth: 0;
|
|
5897
5874
|
}
|
|
5898
|
-
@media screen and (min-width:
|
|
5875
|
+
@media screen and (min-width: 768px) {
|
|
5899
5876
|
.pfext-quick-start__base :where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
|
|
5900
|
-
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
5901
5877
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
5902
|
-
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
5903
|
-
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
5904
|
-
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
5905
|
-
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
5906
5878
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
5879
|
+
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
5880
|
+
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
5881
|
+
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
5907
5882
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
5908
5883
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
5909
|
-
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
5910
|
-
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
5911
|
-
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
5912
5884
|
}
|
|
5913
5885
|
}
|
|
5914
5886
|
.pfext-quick-start__base .pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
|
|
@@ -6207,7 +6179,7 @@ ul) {
|
|
|
6207
6179
|
.pfext-quick-start__base .pf-v6-c-menu__group.pf-m-hidden {
|
|
6208
6180
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
6209
6181
|
}
|
|
6210
|
-
@media screen and (min-width:
|
|
6182
|
+
@media screen and (min-width: 576px) {
|
|
6211
6183
|
.pfext-quick-start__base .pf-v6-c-menu__list.pf-m-hidden-on-sm,
|
|
6212
6184
|
.pfext-quick-start__base .pf-v6-c-menu__group.pf-m-hidden-on-sm {
|
|
6213
6185
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -6217,7 +6189,7 @@ ul) {
|
|
|
6217
6189
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
6218
6190
|
}
|
|
6219
6191
|
}
|
|
6220
|
-
@media screen and (min-width:
|
|
6192
|
+
@media screen and (min-width: 768px) {
|
|
6221
6193
|
.pfext-quick-start__base .pf-v6-c-menu__list.pf-m-hidden-on-md,
|
|
6222
6194
|
.pfext-quick-start__base .pf-v6-c-menu__group.pf-m-hidden-on-md {
|
|
6223
6195
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -6227,7 +6199,7 @@ ul) {
|
|
|
6227
6199
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
6228
6200
|
}
|
|
6229
6201
|
}
|
|
6230
|
-
@media screen and (min-width:
|
|
6202
|
+
@media screen and (min-width: 992px) {
|
|
6231
6203
|
.pfext-quick-start__base .pf-v6-c-menu__list.pf-m-hidden-on-lg,
|
|
6232
6204
|
.pfext-quick-start__base .pf-v6-c-menu__group.pf-m-hidden-on-lg {
|
|
6233
6205
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -6237,7 +6209,7 @@ ul) {
|
|
|
6237
6209
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
6238
6210
|
}
|
|
6239
6211
|
}
|
|
6240
|
-
@media screen and (min-width:
|
|
6212
|
+
@media screen and (min-width: 1200px) {
|
|
6241
6213
|
.pfext-quick-start__base .pf-v6-c-menu__list.pf-m-hidden-on-xl,
|
|
6242
6214
|
.pfext-quick-start__base .pf-v6-c-menu__group.pf-m-hidden-on-xl {
|
|
6243
6215
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -6247,7 +6219,7 @@ ul) {
|
|
|
6247
6219
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
6248
6220
|
}
|
|
6249
6221
|
}
|
|
6250
|
-
@media screen and (min-width:
|
|
6222
|
+
@media screen and (min-width: 1450px) {
|
|
6251
6223
|
.pfext-quick-start__base .pf-v6-c-menu__list.pf-m-hidden-on-2xl,
|
|
6252
6224
|
.pfext-quick-start__base .pf-v6-c-menu__group.pf-m-hidden-on-2xl {
|
|
6253
6225
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
@@ -6520,7 +6492,7 @@ ul) {
|
|
|
6520
6492
|
.pfext-quick-start__base .pf-v6-c-menu__item.pf-m-hidden {
|
|
6521
6493
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
6522
6494
|
}
|
|
6523
|
-
@media screen and (min-width:
|
|
6495
|
+
@media screen and (min-width: 576px) {
|
|
6524
6496
|
.pfext-quick-start__base .pf-v6-c-menu__item.pf-m-hidden-on-sm {
|
|
6525
6497
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
6526
6498
|
}
|
|
@@ -6528,7 +6500,7 @@ ul) {
|
|
|
6528
6500
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
6529
6501
|
}
|
|
6530
6502
|
}
|
|
6531
|
-
@media screen and (min-width:
|
|
6503
|
+
@media screen and (min-width: 768px) {
|
|
6532
6504
|
.pfext-quick-start__base .pf-v6-c-menu__item.pf-m-hidden-on-md {
|
|
6533
6505
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
6534
6506
|
}
|
|
@@ -6536,7 +6508,7 @@ ul) {
|
|
|
6536
6508
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
6537
6509
|
}
|
|
6538
6510
|
}
|
|
6539
|
-
@media screen and (min-width:
|
|
6511
|
+
@media screen and (min-width: 992px) {
|
|
6540
6512
|
.pfext-quick-start__base .pf-v6-c-menu__item.pf-m-hidden-on-lg {
|
|
6541
6513
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
6542
6514
|
}
|
|
@@ -6544,7 +6516,7 @@ ul) {
|
|
|
6544
6516
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
6545
6517
|
}
|
|
6546
6518
|
}
|
|
6547
|
-
@media screen and (min-width:
|
|
6519
|
+
@media screen and (min-width: 1200px) {
|
|
6548
6520
|
.pfext-quick-start__base .pf-v6-c-menu__item.pf-m-hidden-on-xl {
|
|
6549
6521
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
6550
6522
|
}
|
|
@@ -6552,7 +6524,7 @@ ul) {
|
|
|
6552
6524
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
6553
6525
|
}
|
|
6554
6526
|
}
|
|
6555
|
-
@media screen and (min-width:
|
|
6527
|
+
@media screen and (min-width: 1450px) {
|
|
6556
6528
|
.pfext-quick-start__base .pf-v6-c-menu__item.pf-m-hidden-on-2xl {
|
|
6557
6529
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
6558
6530
|
}
|
|
@@ -6646,10 +6618,10 @@ ul) {
|
|
|
6646
6618
|
}
|
|
6647
6619
|
.pfext-quick-start__base :where(:root, .pf-v6-c-menu-toggle) {
|
|
6648
6620
|
--pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
6649
|
-
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
6650
|
-
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
6651
|
-
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
6652
|
-
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
6621
|
+
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
6622
|
+
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
6623
|
+
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
6624
|
+
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
6653
6625
|
--pf-v6-c-menu-toggle--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
|
|
6654
6626
|
--pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
|
|
6655
6627
|
--pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -6676,9 +6648,15 @@ ul) {
|
|
|
6676
6648
|
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
6677
6649
|
--pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
|
|
6678
6650
|
--pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
|
|
6679
|
-
--pf-v6-c-menu-toggle--m-button--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
6680
|
-
--pf-v6-c-menu-toggle--m-button--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
6651
|
+
--pf-v6-c-menu-toggle--m-button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
6652
|
+
--pf-v6-c-menu-toggle--m-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
6681
6653
|
--pf-v6-c-menu-toggle--m-button--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
6654
|
+
--pf-v6-c-menu-toggle--m-control--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
6655
|
+
--pf-v6-c-menu-toggle--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
6656
|
+
--pf-v6-c-menu-toggle--m-control--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
6657
|
+
--pf-v6-c-menu-toggle--m-action--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
6658
|
+
--pf-v6-c-menu-toggle--m-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
6659
|
+
--pf-v6-c-menu-toggle--m-action--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
6682
6660
|
--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-button--PaddingInlineStart);
|
|
6683
6661
|
--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-button--PaddingInlineEnd);
|
|
6684
6662
|
--pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
@@ -6709,8 +6687,8 @@ ul) {
|
|
|
6709
6687
|
--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
6710
6688
|
--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
6711
6689
|
--pf-v6-c-menu-toggle__controls--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--sm));
|
|
6712
|
-
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
6713
|
-
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
6690
|
+
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
6691
|
+
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
6714
6692
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
6715
6693
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
6716
6694
|
--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
|
|
@@ -6724,10 +6702,9 @@ ul) {
|
|
|
6724
6702
|
--pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
|
|
6725
6703
|
--pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
|
|
6726
6704
|
--pf-v6-c-menu-toggle__button--AlignSelf: baseline;
|
|
6727
|
-
--pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
6728
|
-
--pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
6705
|
+
--pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
6706
|
+
--pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
6729
6707
|
--pf-v6-c-menu-toggle__button--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
|
|
6730
|
-
--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
6731
6708
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
6732
6709
|
--pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
6733
6710
|
--pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
|
|
@@ -6735,11 +6712,13 @@ ul) {
|
|
|
6735
6712
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
6736
6713
|
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
6737
6714
|
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
|
|
6715
|
+
--pf-v6-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
6738
6716
|
--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
|
6739
|
-
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
6740
|
-
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
6741
|
-
--pf-v6-c-menu-toggle--m-small--
|
|
6742
|
-
--pf-v6-c-menu-toggle--m-small--
|
|
6717
|
+
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
6718
|
+
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
6719
|
+
--pf-v6-c-menu-toggle--m-small--ColumnGap: calc(var(--pf-t--global--spacer--control--horizontal--compact) / 2);
|
|
6720
|
+
--pf-v6-c-menu-toggle--m-small--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
6721
|
+
--pf-v6-c-menu-toggle--m-small__controls--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--xs));
|
|
6743
6722
|
--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
6744
6723
|
--pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
6745
6724
|
--pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
@@ -6866,8 +6845,9 @@ ul) {
|
|
|
6866
6845
|
.pfext-quick-start__base .pf-v6-c-menu-toggle.pf-m-small {
|
|
6867
6846
|
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockStart);
|
|
6868
6847
|
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
|
|
6869
|
-
--pf-v6-c-menu-toggle--
|
|
6870
|
-
--pf-v6-c-menu-toggle--
|
|
6848
|
+
--pf-v6-c-menu-toggle--FontSize: var(--pf-v6-c-menu-toggle--m-small--FontSize);
|
|
6849
|
+
--pf-v6-c-menu-toggle--ColumnGap: var(--pf-v6-c-menu-toggle--m-small--ColumnGap);
|
|
6850
|
+
--pf-v6-c-menu-toggle__controls--MinWidth: var(--pf-v6-c-menu-toggle--m-small__controls--MinWidth);
|
|
6871
6851
|
}
|
|
6872
6852
|
.pfext-quick-start__base .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
|
|
6873
6853
|
background-color: transparent;
|
|
@@ -6967,6 +6947,7 @@ ul) {
|
|
|
6967
6947
|
align-items: stretch;
|
|
6968
6948
|
}
|
|
6969
6949
|
.pfext-quick-start__base .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
|
|
6950
|
+
--pf-v6-c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingInlineEnd);
|
|
6970
6951
|
--pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
|
|
6971
6952
|
flex: 1;
|
|
6972
6953
|
}
|
|
@@ -6982,11 +6963,6 @@ ul) {
|
|
|
6982
6963
|
.pfext-quick-start__base .pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
|
|
6983
6964
|
padding-inline-start: 0;
|
|
6984
6965
|
}
|
|
6985
|
-
.pfext-quick-start__base .pf-v6-c-menu-toggle__button.pf-m-text {
|
|
6986
|
-
display: inline-flex;
|
|
6987
|
-
align-items: baseline;
|
|
6988
|
-
padding-inline-start: var(--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart);
|
|
6989
|
-
}
|
|
6990
6966
|
.pfext-quick-start__base .pf-v6-c-menu-toggle__text {
|
|
6991
6967
|
overflow: hidden;
|
|
6992
6968
|
text-overflow: ellipsis;
|
|
@@ -7071,7 +7047,7 @@ ul) {
|
|
|
7071
7047
|
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
7072
7048
|
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
|
|
7073
7049
|
}
|
|
7074
|
-
@media (min-width:
|
|
7050
|
+
@media (min-width: 1200px) {
|
|
7075
7051
|
.pfext-quick-start__base :where(:root, .pf-v6-c-modal-box) {
|
|
7076
7052
|
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
|
7077
7053
|
}
|
|
@@ -7203,7 +7179,7 @@ ul) {
|
|
|
7203
7179
|
.pfext-quick-start__base .pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
|
|
7204
7180
|
margin-inline-end: var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd);
|
|
7205
7181
|
}
|
|
7206
|
-
@media screen and (min-width:
|
|
7182
|
+
@media screen and (min-width: 576px) {
|
|
7207
7183
|
.pfext-quick-start__base .pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
|
|
7208
7184
|
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd);
|
|
7209
7185
|
}
|
|
@@ -7293,8 +7269,8 @@ ul) {
|
|
|
7293
7269
|
--pf-v6-c-nav__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
7294
7270
|
--pf-v6-c-nav--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
7295
7271
|
--pf-v6-c-nav--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7296
|
-
--pf-v6-c-nav--PaddingInlineStart:
|
|
7297
|
-
--pf-v6-c-nav--PaddingInlineEnd:
|
|
7272
|
+
--pf-v6-c-nav--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
7273
|
+
--pf-v6-c-nav--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
7298
7274
|
--pf-v6-c-nav--RowGap: var(--pf-t--global--spacer--lg);
|
|
7299
7275
|
--pf-v6-c-nav--ColumnGap: 0;
|
|
7300
7276
|
--pf-v6-c-nav--AlignItems: baseline;
|
|
@@ -7468,7 +7444,8 @@ ul) {
|
|
|
7468
7444
|
}
|
|
7469
7445
|
.pfext-quick-start__base :where(:root, .pf-v6-c-page) {
|
|
7470
7446
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7471
|
-
--pf-v6-c-page--inset: var(--pf-t--global--spacer--
|
|
7447
|
+
--pf-v6-c-page--inset: var(--pf-t--global--spacer--md);
|
|
7448
|
+
--pf-v6-c-page--xl--inset: var(--pf-t--global--spacer--xl);
|
|
7472
7449
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
7473
7450
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
7474
7451
|
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
|
@@ -7482,7 +7459,6 @@ ul) {
|
|
|
7482
7459
|
--pf-v6-c-page__sidebar--MarginInlineEnd: 0;
|
|
7483
7460
|
--pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
7484
7461
|
--pf-v6-c-page__sidebar--PaddingInlineStart: 0;
|
|
7485
|
-
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
7486
7462
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
7487
7463
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
7488
7464
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -7492,19 +7468,17 @@ ul) {
|
|
|
7492
7468
|
--pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
7493
7469
|
--pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
7494
7470
|
--pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
7495
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd:
|
|
7496
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineStart:
|
|
7471
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: 0;
|
|
7472
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;
|
|
7497
7473
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
|
|
7498
7474
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
|
7499
7475
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
7500
7476
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
7501
7477
|
--pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
|
|
7502
|
-
--pf-v6-c-page__main-container--GridArea: main;
|
|
7503
|
-
--pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
|
|
7504
7478
|
--pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
|
|
7505
7479
|
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7506
|
-
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-
|
|
7507
|
-
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-
|
|
7480
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-t--global--spacer--lg);
|
|
7481
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-t--global--spacer--lg);
|
|
7508
7482
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
7509
7483
|
--pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
|
|
7510
7484
|
--pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
@@ -7517,6 +7491,7 @@ ul) {
|
|
|
7517
7491
|
--pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7518
7492
|
--pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7519
7493
|
--pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
7494
|
+
--pf-v6-c-page__main-nav--page__main-tabs--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
7520
7495
|
--pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
|
|
7521
7496
|
--pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
|
|
7522
7497
|
--pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
@@ -7526,6 +7501,13 @@ ul) {
|
|
|
7526
7501
|
--pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
|
|
7527
7502
|
--pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
7528
7503
|
--pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
|
|
7504
|
+
--pf-v6-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7505
|
+
--pf-v6-c-page__main-nav--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
7506
|
+
--pf-v6-c-page__main-nav--PaddingInlineEnd: 0;
|
|
7507
|
+
--pf-v6-c-page__main-nav--PaddingInlineStart: 0;
|
|
7508
|
+
--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7509
|
+
--pf-v6-c-page__main-nav--xl--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7510
|
+
--pf-v6-c-page__main-nav--xl--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7529
7511
|
--pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7530
7512
|
--pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
7531
7513
|
--pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
|
|
@@ -7545,7 +7527,12 @@ ul) {
|
|
|
7545
7527
|
--pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
7546
7528
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
7547
7529
|
}
|
|
7548
|
-
@media
|
|
7530
|
+
@media (min-width: 1200px) {
|
|
7531
|
+
.pfext-quick-start__base :where(:root, .pf-v6-c-page) {
|
|
7532
|
+
--pf-v6-c-page--inset: var(--pf-v6-c-page--xl--inset);
|
|
7533
|
+
}
|
|
7534
|
+
}
|
|
7535
|
+
@media screen and (min-width: 1200px) {
|
|
7549
7536
|
.pfext-quick-start__base :where(:root, .pf-v6-c-page) {
|
|
7550
7537
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
7551
7538
|
}
|
|
@@ -7560,21 +7547,16 @@ ul) {
|
|
|
7560
7547
|
max-height: 100%;
|
|
7561
7548
|
background-color: var(--pf-v6-c-page--BackgroundColor);
|
|
7562
7549
|
}
|
|
7563
|
-
@media (min-width:
|
|
7550
|
+
@media (min-width: 1200px) {
|
|
7564
7551
|
.pfext-quick-start__base .pf-v6-c-page {
|
|
7565
7552
|
grid-template-areas: "header header" "sidebar main";
|
|
7566
|
-
grid-template-columns:
|
|
7553
|
+
grid-template-columns: max-content 1fr;
|
|
7567
7554
|
}
|
|
7568
7555
|
}
|
|
7569
7556
|
.pfext-quick-start__base .pf-v6-c-page > .pf-v6-c-masthead {
|
|
7570
7557
|
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
7571
7558
|
grid-area: header;
|
|
7572
7559
|
}
|
|
7573
|
-
@media (min-width: 75rem) {
|
|
7574
|
-
.pfext-quick-start__base .pf-v6-c-page > .pf-v6-c-masthead {
|
|
7575
|
-
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
|
|
7576
|
-
}
|
|
7577
|
-
}
|
|
7578
7560
|
.pfext-quick-start__base .pf-v6-c-page__sidebar {
|
|
7579
7561
|
z-index: var(--pf-v6-c-page__sidebar--ZIndex);
|
|
7580
7562
|
display: flex;
|
|
@@ -7586,7 +7568,6 @@ ul) {
|
|
|
7586
7568
|
padding-block-start: 0;
|
|
7587
7569
|
padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
7588
7570
|
padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
7589
|
-
padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
7590
7571
|
margin-inline-end: var(--pf-v6-c-page__sidebar--MarginInlineEnd);
|
|
7591
7572
|
overflow-x: hidden;
|
|
7592
7573
|
overflow-y: auto;
|
|
@@ -7602,7 +7583,7 @@ ul) {
|
|
|
7602
7583
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--m-expanded--TranslateX);
|
|
7603
7584
|
box-shadow: var(--pf-v6-c-page__sidebar--BoxShadow);
|
|
7604
7585
|
}
|
|
7605
|
-
@media screen and (min-width:
|
|
7586
|
+
@media screen and (min-width: 1200px) {
|
|
7606
7587
|
.pfext-quick-start__base .pf-v6-c-page__sidebar.pf-m-expanded {
|
|
7607
7588
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
|
7608
7589
|
}
|
|
@@ -7648,24 +7629,28 @@ ul) {
|
|
|
7648
7629
|
.pfext-quick-start__base .pf-v6-c-page__sidebar-body.pf-m-no-fill {
|
|
7649
7630
|
flex-grow: 0;
|
|
7650
7631
|
}
|
|
7632
|
+
|
|
7651
7633
|
.pfext-quick-start__base .pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
|
|
7652
7634
|
.pfext-quick-start__base .pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
|
|
7653
7635
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
|
|
7654
7636
|
.pfext-quick-start__base .pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
|
|
7655
7637
|
max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
|
|
7656
7638
|
}
|
|
7639
|
+
|
|
7657
7640
|
.pfext-quick-start__base .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center,
|
|
7658
7641
|
.pfext-quick-start__base .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center,
|
|
7659
7642
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center,
|
|
7660
7643
|
.pfext-quick-start__base .pf-v6-c-page__main-wizard.pf-m-limit-width.pf-m-align-center {
|
|
7661
7644
|
align-items: center;
|
|
7662
7645
|
}
|
|
7646
|
+
|
|
7663
7647
|
.pfext-quick-start__base .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
|
7664
7648
|
.pfext-quick-start__base .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
|
7665
7649
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
|
7666
7650
|
.pfext-quick-start__base .pf-v6-c-page__main-wizard.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body {
|
|
7667
7651
|
width: 100%;
|
|
7668
7652
|
}
|
|
7653
|
+
|
|
7669
7654
|
.pfext-quick-start__base .pf-v6-c-page__main-breadcrumb,
|
|
7670
7655
|
.pfext-quick-start__base .pf-v6-c-page__main-tabs,
|
|
7671
7656
|
.pfext-quick-start__base .pf-v6-c-page__main-section,
|
|
@@ -7676,6 +7661,7 @@ ul) {
|
|
|
7676
7661
|
flex-direction: column;
|
|
7677
7662
|
flex-shrink: 0;
|
|
7678
7663
|
}
|
|
7664
|
+
|
|
7679
7665
|
.pfext-quick-start__base .pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
|
|
7680
7666
|
.pfext-quick-start__base .pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
|
|
7681
7667
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-overflow-scroll,
|
|
@@ -7686,6 +7672,7 @@ ul) {
|
|
|
7686
7672
|
flex-shrink: 1;
|
|
7687
7673
|
overflow: auto;
|
|
7688
7674
|
}
|
|
7675
|
+
|
|
7689
7676
|
.pfext-quick-start__base .pf-v6-c-page__main-breadcrumb.pf-m-shadow-bottom,
|
|
7690
7677
|
.pfext-quick-start__base .pf-v6-c-page__main-tabs.pf-m-shadow-bottom,
|
|
7691
7678
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-shadow-bottom,
|
|
@@ -7695,6 +7682,7 @@ ul) {
|
|
|
7695
7682
|
z-index: var(--pf-v6-c-page--section--m-shadow-bottom--ZIndex);
|
|
7696
7683
|
box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
|
|
7697
7684
|
}
|
|
7685
|
+
|
|
7698
7686
|
.pfext-quick-start__base .pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
|
|
7699
7687
|
.pfext-quick-start__base .pf-v6-c-page__main-tabs.pf-m-shadow-top,
|
|
7700
7688
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-shadow-top,
|
|
@@ -7704,6 +7692,7 @@ ul) {
|
|
|
7704
7692
|
z-index: var(--pf-v6-c-page--section--m-shadow-top--ZIndex);
|
|
7705
7693
|
box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
|
|
7706
7694
|
}
|
|
7695
|
+
|
|
7707
7696
|
.pfext-quick-start__base .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
|
|
7708
7697
|
.pfext-quick-start__base .pf-v6-c-page__main-tabs.pf-m-sticky-top,
|
|
7709
7698
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-sticky-top,
|
|
@@ -7715,6 +7704,7 @@ ul) {
|
|
|
7715
7704
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
7716
7705
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
7717
7706
|
}
|
|
7707
|
+
|
|
7718
7708
|
.pfext-quick-start__base .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
|
|
7719
7709
|
.pfext-quick-start__base .pf-v6-c-page__main-tabs.pf-m-sticky-bottom,
|
|
7720
7710
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-sticky-bottom,
|
|
@@ -7727,7 +7717,8 @@ ul) {
|
|
|
7727
7717
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
7728
7718
|
}
|
|
7729
7719
|
@media (min-height: 0) {
|
|
7730
|
-
|
|
7720
|
+
|
|
7721
|
+
.pfext-quick-start__base .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
|
|
7731
7722
|
.pfext-quick-start__base .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
|
|
7732
7723
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-sticky-top-on-sm-height,
|
|
7733
7724
|
.pfext-quick-start__base .pf-v6-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
|
|
@@ -7738,7 +7729,8 @@ ul) {
|
|
|
7738
7729
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
7739
7730
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
7740
7731
|
}
|
|
7741
|
-
|
|
7732
|
+
|
|
7733
|
+
.pfext-quick-start__base .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
|
|
7742
7734
|
.pfext-quick-start__base .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
|
|
7743
7735
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
|
|
7744
7736
|
.pfext-quick-start__base .pf-v6-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
|
|
@@ -7751,7 +7743,8 @@ ul) {
|
|
|
7751
7743
|
}
|
|
7752
7744
|
}
|
|
7753
7745
|
@media (min-height: 40rem) {
|
|
7754
|
-
|
|
7746
|
+
|
|
7747
|
+
.pfext-quick-start__base .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
|
|
7755
7748
|
.pfext-quick-start__base .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-md-height,
|
|
7756
7749
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-sticky-top-on-md-height,
|
|
7757
7750
|
.pfext-quick-start__base .pf-v6-c-page__main-wizard.pf-m-sticky-top-on-md-height,
|
|
@@ -7762,7 +7755,8 @@ ul) {
|
|
|
7762
7755
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
7763
7756
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
7764
7757
|
}
|
|
7765
|
-
|
|
7758
|
+
|
|
7759
|
+
.pfext-quick-start__base .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
|
|
7766
7760
|
.pfext-quick-start__base .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
|
|
7767
7761
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-md-height,
|
|
7768
7762
|
.pfext-quick-start__base .pf-v6-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
|
|
@@ -7775,7 +7769,8 @@ ul) {
|
|
|
7775
7769
|
}
|
|
7776
7770
|
}
|
|
7777
7771
|
@media (min-height: 48rem) {
|
|
7778
|
-
|
|
7772
|
+
|
|
7773
|
+
.pfext-quick-start__base .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
|
|
7779
7774
|
.pfext-quick-start__base .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
|
|
7780
7775
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-sticky-top-on-lg-height,
|
|
7781
7776
|
.pfext-quick-start__base .pf-v6-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
|
|
@@ -7786,7 +7781,8 @@ ul) {
|
|
|
7786
7781
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
7787
7782
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
7788
7783
|
}
|
|
7789
|
-
|
|
7784
|
+
|
|
7785
|
+
.pfext-quick-start__base .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
|
|
7790
7786
|
.pfext-quick-start__base .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
|
|
7791
7787
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
|
|
7792
7788
|
.pfext-quick-start__base .pf-v6-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
|
|
@@ -7799,7 +7795,8 @@ ul) {
|
|
|
7799
7795
|
}
|
|
7800
7796
|
}
|
|
7801
7797
|
@media (min-height: 60rem) {
|
|
7802
|
-
|
|
7798
|
+
|
|
7799
|
+
.pfext-quick-start__base .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
|
|
7803
7800
|
.pfext-quick-start__base .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
|
|
7804
7801
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-sticky-top-on-xl-height,
|
|
7805
7802
|
.pfext-quick-start__base .pf-v6-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
|
|
@@ -7810,7 +7807,8 @@ ul) {
|
|
|
7810
7807
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
7811
7808
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
7812
7809
|
}
|
|
7813
|
-
|
|
7810
|
+
|
|
7811
|
+
.pfext-quick-start__base .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
|
|
7814
7812
|
.pfext-quick-start__base .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
|
|
7815
7813
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
|
|
7816
7814
|
.pfext-quick-start__base .pf-v6-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
|
|
@@ -7823,7 +7821,8 @@ ul) {
|
|
|
7823
7821
|
}
|
|
7824
7822
|
}
|
|
7825
7823
|
@media (min-height: 80rem) {
|
|
7826
|
-
|
|
7824
|
+
|
|
7825
|
+
.pfext-quick-start__base .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
|
|
7827
7826
|
.pfext-quick-start__base .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
|
|
7828
7827
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-sticky-top-on-2xl-height,
|
|
7829
7828
|
.pfext-quick-start__base .pf-v6-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
|
|
@@ -7834,7 +7833,8 @@ ul) {
|
|
|
7834
7833
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
7835
7834
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
7836
7835
|
}
|
|
7837
|
-
|
|
7836
|
+
|
|
7837
|
+
.pfext-quick-start__base .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
|
|
7838
7838
|
.pfext-quick-start__base .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
|
|
7839
7839
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
|
|
7840
7840
|
.pfext-quick-start__base .pf-v6-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
|
|
@@ -7851,36 +7851,25 @@ ul) {
|
|
|
7851
7851
|
flex-direction: column;
|
|
7852
7852
|
align-self: start;
|
|
7853
7853
|
max-height: var(--pf-v6-c-page__main-container--MaxHeight);
|
|
7854
|
+
margin-block-start: 0;
|
|
7854
7855
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
7855
7856
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
7857
|
+
overflow: auto;
|
|
7856
7858
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
7857
7859
|
border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
7858
7860
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
7859
7861
|
}
|
|
7862
|
+
.pfext-quick-start__base .pf-v6-c-page__main-container.pf-m-fill, .pfext-quick-start__base .pf-v6-c-page__main-container:has(.pf-v6-c-page__main-wizard) {
|
|
7863
|
+
align-self: stretch;
|
|
7864
|
+
}
|
|
7860
7865
|
.pfext-quick-start__base .pf-v6-c-page__main-container,
|
|
7861
7866
|
.pfext-quick-start__base .pf-v6-c-page__drawer {
|
|
7862
7867
|
z-index: var(--pf-v6-c-page__main-container--ZIndex);
|
|
7863
|
-
grid-area:
|
|
7868
|
+
grid-area: main;
|
|
7864
7869
|
overflow-x: hidden;
|
|
7865
7870
|
overflow-y: auto;
|
|
7866
7871
|
-webkit-overflow-scrolling: touch;
|
|
7867
7872
|
}
|
|
7868
|
-
@media screen and (min-width: 75rem) {
|
|
7869
|
-
.pfext-quick-start__base .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pfext-quick-start__base .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
|
|
7870
|
-
.pfext-quick-start__base .pf-v6-c-masthead + .pf-v6-c-page__drawer,
|
|
7871
|
-
.pfext-quick-start__base .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
|
|
7872
|
-
--pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
|
|
7873
|
-
}
|
|
7874
|
-
.pfext-quick-start__base .pf-v6-c-page__sidebar:not(.pf-m-collapsed) + .pf-v6-c-page__main-container,
|
|
7875
|
-
.pfext-quick-start__base .pf-v6-c-page__sidebar:not(.pf-m-collapsed) + .pf-v6-c-page__drawer {
|
|
7876
|
-
--pf-v6-c-page__main-container--MarginInlineStart: 0;
|
|
7877
|
-
}
|
|
7878
|
-
}
|
|
7879
|
-
.pfext-quick-start__base .pf-v6-c-page__main-container.pf-m-fill, .pfext-quick-start__base .pf-v6-c-page__main-container:has(.pf-v6-c-page__main-wizard),
|
|
7880
|
-
.pfext-quick-start__base .pf-v6-c-page__drawer.pf-m-fill,
|
|
7881
|
-
.pfext-quick-start__base .pf-v6-c-page__drawer:has(.pf-v6-c-page__main-wizard) {
|
|
7882
|
-
align-self: stretch;
|
|
7883
|
-
}
|
|
7884
7873
|
.pfext-quick-start__base .pf-v6-c-page__main-container:focus,
|
|
7885
7874
|
.pfext-quick-start__base .pf-v6-c-page__drawer:focus {
|
|
7886
7875
|
outline: 0;
|
|
@@ -7974,61 +7963,115 @@ ul) {
|
|
|
7974
7963
|
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
7975
7964
|
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
7976
7965
|
}
|
|
7977
|
-
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-
|
|
7966
|
+
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width {
|
|
7967
|
+
padding: 0;
|
|
7968
|
+
}
|
|
7969
|
+
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
7970
|
+
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
7971
|
+
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
7972
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
7973
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
7974
|
+
}
|
|
7975
|
+
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-no-padding, .pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-no-padding.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
7978
7976
|
padding: 0;
|
|
7979
7977
|
}
|
|
7980
|
-
@media (min-width:
|
|
7978
|
+
@media (min-width: 576px) {
|
|
7981
7979
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-padding-on-sm {
|
|
7982
7980
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
7983
7981
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
7984
7982
|
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
7985
7983
|
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
7986
7984
|
}
|
|
7987
|
-
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-
|
|
7985
|
+
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
|
|
7986
|
+
padding: 0;
|
|
7987
|
+
}
|
|
7988
|
+
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
7989
|
+
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
7990
|
+
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
7991
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
7992
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
7993
|
+
}
|
|
7994
|
+
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-no-padding-on-sm, .pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
7988
7995
|
padding: 0;
|
|
7989
7996
|
}
|
|
7990
7997
|
}
|
|
7991
|
-
@media (min-width:
|
|
7998
|
+
@media (min-width: 768px) {
|
|
7992
7999
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-padding-on-md {
|
|
7993
8000
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
7994
8001
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
7995
8002
|
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
7996
8003
|
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
7997
8004
|
}
|
|
7998
|
-
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-
|
|
8005
|
+
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
|
|
8006
|
+
padding: 0;
|
|
8007
|
+
}
|
|
8008
|
+
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
8009
|
+
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
8010
|
+
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
8011
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
8012
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
8013
|
+
}
|
|
8014
|
+
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-no-padding-on-md, .pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
7999
8015
|
padding: 0;
|
|
8000
8016
|
}
|
|
8001
8017
|
}
|
|
8002
|
-
@media (min-width:
|
|
8018
|
+
@media (min-width: 992px) {
|
|
8003
8019
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-padding-on-lg {
|
|
8004
8020
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
8005
8021
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
8006
8022
|
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
8007
8023
|
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
8008
8024
|
}
|
|
8009
|
-
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-
|
|
8025
|
+
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
|
|
8026
|
+
padding: 0;
|
|
8027
|
+
}
|
|
8028
|
+
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
8029
|
+
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
8030
|
+
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
8031
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
8032
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
8033
|
+
}
|
|
8034
|
+
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-no-padding-on-lg, .pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
8010
8035
|
padding: 0;
|
|
8011
8036
|
}
|
|
8012
8037
|
}
|
|
8013
|
-
@media (min-width:
|
|
8038
|
+
@media (min-width: 1200px) {
|
|
8014
8039
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-padding-on-xl {
|
|
8015
8040
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
8016
8041
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
8017
8042
|
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
8018
8043
|
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
8019
8044
|
}
|
|
8020
|
-
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-
|
|
8045
|
+
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
|
|
8046
|
+
padding: 0;
|
|
8047
|
+
}
|
|
8048
|
+
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
8049
|
+
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
8050
|
+
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
8051
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
8052
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
8053
|
+
}
|
|
8054
|
+
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-no-padding-on-xl, .pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
8021
8055
|
padding: 0;
|
|
8022
8056
|
}
|
|
8023
8057
|
}
|
|
8024
|
-
@media (min-width:
|
|
8058
|
+
@media (min-width: 1450px) {
|
|
8025
8059
|
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
|
|
8026
8060
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
8027
8061
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
8028
8062
|
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
8029
8063
|
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
8030
8064
|
}
|
|
8031
|
-
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-
|
|
8065
|
+
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
|
|
8066
|
+
padding: 0;
|
|
8067
|
+
}
|
|
8068
|
+
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
8069
|
+
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
8070
|
+
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
8071
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
8072
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
8073
|
+
}
|
|
8074
|
+
.pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl, .pfext-quick-start__base .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
8032
8075
|
padding: 0;
|
|
8033
8076
|
}
|
|
8034
8077
|
}
|
|
@@ -8047,6 +8090,14 @@ ul) {
|
|
|
8047
8090
|
.pfext-quick-start__base .pf-v6-c-page__main-group {
|
|
8048
8091
|
flex-shrink: 0;
|
|
8049
8092
|
}
|
|
8093
|
+
.pfext-quick-start__base .pf-v6-c-page__main-breadcrumb .pf-v6-c-page__main-body {
|
|
8094
|
+
padding-inline-start: 0;
|
|
8095
|
+
padding-inline-end: 0;
|
|
8096
|
+
}
|
|
8097
|
+
.pfext-quick-start__base .pf-v6-c-page__main-tabs .pf-v6-c-page__main-body {
|
|
8098
|
+
padding-inline-start: var(--pf-v6-c-page__main-tabs--PaddingInlineStart);
|
|
8099
|
+
padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
|
|
8100
|
+
}
|
|
8050
8101
|
.pfext-quick-start__base .pf-v6-c-page__drawer {
|
|
8051
8102
|
grid-area: main;
|
|
8052
8103
|
}
|
|
@@ -8090,7 +8141,7 @@ ul) {
|
|
|
8090
8141
|
--pf-v6-c-pagination--m-bottom__page-menu--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
|
|
8091
8142
|
--pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
|
|
8092
8143
|
}
|
|
8093
|
-
@media screen and (min-width:
|
|
8144
|
+
@media screen and (min-width: 768px) {
|
|
8094
8145
|
.pfext-quick-start__base :where(:root, .pf-v6-c-pagination) {
|
|
8095
8146
|
--pf-v6-c-pagination--m-bottom--BoxShadow: none;
|
|
8096
8147
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
|
|
@@ -8098,7 +8149,7 @@ ul) {
|
|
|
8098
8149
|
--pf-v6-c-pagination__total-items--Display: none;
|
|
8099
8150
|
}
|
|
8100
8151
|
}
|
|
8101
|
-
@media screen and (min-width:
|
|
8152
|
+
@media screen and (min-width: 1200px) {
|
|
8102
8153
|
.pfext-quick-start__base :where(:root, .pf-v6-c-pagination) {
|
|
8103
8154
|
--pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
|
|
8104
8155
|
}
|
|
@@ -8129,7 +8180,7 @@ ul) {
|
|
|
8129
8180
|
position: relative;
|
|
8130
8181
|
box-shadow: none;
|
|
8131
8182
|
}
|
|
8132
|
-
@media screen and (min-width:
|
|
8183
|
+
@media screen and (min-width: 768px) {
|
|
8133
8184
|
.pfext-quick-start__base .pf-v6-c-pagination.pf-m-bottom {
|
|
8134
8185
|
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
|
8135
8186
|
--pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
|
|
@@ -8171,7 +8222,7 @@ ul) {
|
|
|
8171
8222
|
.pfext-quick-start__base .pf-v6-c-pagination.pf-m-inset-2xl {
|
|
8172
8223
|
--pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
|
|
8173
8224
|
}
|
|
8174
|
-
@media (min-width:
|
|
8225
|
+
@media (min-width: 576px) {
|
|
8175
8226
|
.pfext-quick-start__base .pf-v6-c-pagination.pf-m-inset-none-on-sm {
|
|
8176
8227
|
--pf-v6-c-pagination--inset: 0;
|
|
8177
8228
|
}
|
|
@@ -8191,7 +8242,7 @@ ul) {
|
|
|
8191
8242
|
--pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
|
|
8192
8243
|
}
|
|
8193
8244
|
}
|
|
8194
|
-
@media (min-width:
|
|
8245
|
+
@media (min-width: 768px) {
|
|
8195
8246
|
.pfext-quick-start__base .pf-v6-c-pagination.pf-m-inset-none-on-md {
|
|
8196
8247
|
--pf-v6-c-pagination--inset: 0;
|
|
8197
8248
|
}
|
|
@@ -8211,7 +8262,7 @@ ul) {
|
|
|
8211
8262
|
--pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
|
|
8212
8263
|
}
|
|
8213
8264
|
}
|
|
8214
|
-
@media (min-width:
|
|
8265
|
+
@media (min-width: 992px) {
|
|
8215
8266
|
.pfext-quick-start__base .pf-v6-c-pagination.pf-m-inset-none-on-lg {
|
|
8216
8267
|
--pf-v6-c-pagination--inset: 0;
|
|
8217
8268
|
}
|
|
@@ -8231,7 +8282,7 @@ ul) {
|
|
|
8231
8282
|
--pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
|
|
8232
8283
|
}
|
|
8233
8284
|
}
|
|
8234
|
-
@media (min-width:
|
|
8285
|
+
@media (min-width: 1200px) {
|
|
8235
8286
|
.pfext-quick-start__base .pf-v6-c-pagination.pf-m-inset-none-on-xl {
|
|
8236
8287
|
--pf-v6-c-pagination--inset: 0;
|
|
8237
8288
|
}
|
|
@@ -8251,7 +8302,7 @@ ul) {
|
|
|
8251
8302
|
--pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
|
|
8252
8303
|
}
|
|
8253
8304
|
}
|
|
8254
|
-
@media (min-width:
|
|
8305
|
+
@media (min-width: 1450px) {
|
|
8255
8306
|
.pfext-quick-start__base .pf-v6-c-pagination.pf-m-inset-none-on-2xl {
|
|
8256
8307
|
--pf-v6-c-pagination--inset: 0;
|
|
8257
8308
|
}
|
|
@@ -8668,11 +8719,9 @@ ul) {
|
|
|
8668
8719
|
--pf-v6-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
8669
8720
|
--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart: 0;
|
|
8670
8721
|
--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd: 0;
|
|
8671
|
-
--pf-v6-c-progress-stepper__step-title--m-help-text--
|
|
8672
|
-
--pf-v6-c-progress-stepper__step-title--m-help-text--
|
|
8722
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationColor: currentcolor;
|
|
8723
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-t--global--link--text-decoration);
|
|
8673
8724
|
--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
8674
|
-
--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
8675
|
-
--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
8676
8725
|
--pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
8677
8726
|
--pf-v6-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
|
|
8678
8727
|
--pf-v6-c-progress-stepper__step-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -8700,7 +8749,7 @@ ul) {
|
|
|
8700
8749
|
--pf-v6-c-progress-stepper--m-center__step-connector--before--Content: none;
|
|
8701
8750
|
--pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
|
|
8702
8751
|
}
|
|
8703
|
-
@media screen and (min-width:
|
|
8752
|
+
@media screen and (min-width: 768px) {
|
|
8704
8753
|
.pfext-quick-start__base :where(:root, .pf-v6-c-progress-stepper) {
|
|
8705
8754
|
--pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
|
|
8706
8755
|
--pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
|
|
@@ -9167,7 +9216,7 @@ ul) {
|
|
|
9167
9216
|
--pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
|
|
9168
9217
|
--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
9169
9218
|
--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
9170
|
-
--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(
|
|
9219
|
+
--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(0.375rem * -1);
|
|
9171
9220
|
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
9172
9221
|
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
9173
9222
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
@@ -9175,6 +9224,7 @@ ul) {
|
|
|
9175
9224
|
--pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
|
|
9176
9225
|
--pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
|
|
9177
9226
|
--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
9227
|
+
--pf-v6-c-table--m-grid__action--MarginBlockStart: 0.375rem;
|
|
9178
9228
|
--pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
9179
9229
|
--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
9180
9230
|
--pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart) + var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart));
|
|
@@ -9308,8 +9358,8 @@ ul) {
|
|
|
9308
9358
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
9309
9359
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
9310
9360
|
--pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
|
|
9311
|
-
--pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--
|
|
9312
|
-
--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) -
|
|
9361
|
+
--pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--sm));
|
|
9362
|
+
--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - var(--pf-t--global--spacer--xs));
|
|
9313
9363
|
--pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
9314
9364
|
--pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
|
|
9315
9365
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
@@ -9489,8 +9539,8 @@ ul) {
|
|
|
9489
9539
|
--pf-v6-c-text-input-group--m-hover--m-success--BorderColor: var(--pf-t--global--border--color--status--success--hover);
|
|
9490
9540
|
--pf-v6-c-text-input-group--m-hover--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
|
|
9491
9541
|
--pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
|
|
9492
|
-
--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart:
|
|
9493
|
-
--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart:
|
|
9542
|
+
--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
9543
|
+
--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
9494
9544
|
--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
9495
9545
|
--pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
|
|
9496
9546
|
--pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
@@ -9499,19 +9549,18 @@ ul) {
|
|
|
9499
9549
|
--pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
|
|
9500
9550
|
--pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
|
|
9501
9551
|
--pf-v6-c-text-input-group__text--BorderEndStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
|
|
9502
|
-
--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart:
|
|
9503
|
-
--pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd:
|
|
9504
|
-
--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd:
|
|
9505
|
-
--pf-v6-c-text-input-group__text-input--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
9506
|
-
--pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
9507
|
-
--pf-v6-c-text-input-group__text-input--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
9508
|
-
--pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
9552
|
+
--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
9553
|
+
--pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
9554
|
+
--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
9555
|
+
--pf-v6-c-text-input-group__text-input--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
9556
|
+
--pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
9557
|
+
--pf-v6-c-text-input-group__text-input--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
9558
|
+
--pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
9509
9559
|
--pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
|
|
9510
9560
|
--pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
|
|
9511
9561
|
--pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
9512
9562
|
--pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
|
|
9513
9563
|
--pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
|
|
9514
|
-
--pf-v6-c-text-input-group__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
9515
9564
|
--pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--sm);
|
|
9516
9565
|
--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
|
|
9517
9566
|
--pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -9523,6 +9572,8 @@ ul) {
|
|
|
9523
9572
|
--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
9524
9573
|
--pf-v6-c-text-input-group__icon--TranslateY: -50%;
|
|
9525
9574
|
--pf-v6-c-text-input-group__utilities--child--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
9575
|
+
--pf-v6-c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
9576
|
+
--pf-v6-c-text-input-group__utilities--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
9526
9577
|
--pf-v6-c-text-input-group--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
9527
9578
|
--pf-v6-c-text-input-group--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
9528
9579
|
}
|
|
@@ -9600,6 +9651,8 @@ ul) {
|
|
|
9600
9651
|
min-width: calc(var(--pf-v6-c-text-input-group__LineHeight) * var(--pf-v6-c-text-input-group__FontSize));
|
|
9601
9652
|
}
|
|
9602
9653
|
.pfext-quick-start__base .pf-v6-c-text-input-group__main > :first-child:not(.pf-v6-c-text-input-group__text) {
|
|
9654
|
+
padding-block-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockStart);
|
|
9655
|
+
padding-block-end: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockEnd);
|
|
9603
9656
|
margin-inline-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart);
|
|
9604
9657
|
}
|
|
9605
9658
|
.pfext-quick-start__base .pf-v6-c-text-input-group__main .pf-v6-c-label-group__main {
|
|
@@ -9618,7 +9671,6 @@ ul) {
|
|
|
9618
9671
|
position: absolute;
|
|
9619
9672
|
inset-block-start: 50%;
|
|
9620
9673
|
inset-inline-start: var(--pf-v6-c-text-input-group__icon--InsetInlineStart);
|
|
9621
|
-
font-size: var(--pf-v6-c-text-input-group__icon--FontSize);
|
|
9622
9674
|
color: var(--pf-v6-c-text-input-group__icon--Color);
|
|
9623
9675
|
transform: translateY(var(--pf-v6-c-text-input-group__icon--TranslateY));
|
|
9624
9676
|
}
|
|
@@ -9696,12 +9748,15 @@ ul) {
|
|
|
9696
9748
|
--pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
9697
9749
|
--pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
|
|
9698
9750
|
--pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
|
|
9699
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationLine:
|
|
9700
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle:
|
|
9751
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationLine: underline;
|
|
9752
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: dashed;
|
|
9753
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
|
|
9701
9754
|
--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
9755
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
|
|
9702
9756
|
--pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
|
|
9703
|
-
--pf-v6-c-timestamp--m-help-text--
|
|
9704
|
-
--pf-v6-c-timestamp--m-help-text--hover--
|
|
9757
|
+
--pf-v6-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
|
|
9758
|
+
--pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
|
|
9759
|
+
--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
|
|
9705
9760
|
}
|
|
9706
9761
|
.pfext-quick-start__base :where(:root, .pf-v6-c-title) {
|
|
9707
9762
|
--pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
@@ -9846,7 +9901,7 @@ ul) {
|
|
|
9846
9901
|
.pfext-quick-start__base :where(:root, .pf-v6-c-toolbar) {
|
|
9847
9902
|
--pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
|
|
9848
9903
|
--pf-v6-c-toolbar--PaddingBlockStart: 0;
|
|
9849
|
-
--pf-v6-c-toolbar--PaddingBlockEnd:
|
|
9904
|
+
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
9850
9905
|
--pf-v6-c-toolbar--PaddingInlineStart: 0;
|
|
9851
9906
|
--pf-v6-c-toolbar--PaddingInlineEnd: 0;
|
|
9852
9907
|
--pf-v6-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
@@ -9864,8 +9919,8 @@ ul) {
|
|
|
9864
9919
|
--pf-v6-c-toolbar__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
|
|
9865
9920
|
--pf-v6-c-toolbar__group--m-overflow-container--MinWidth: 0;
|
|
9866
9921
|
--pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--md);
|
|
9867
|
-
--pf-v6-c-toolbar__content--PaddingInlineStart:
|
|
9868
|
-
--pf-v6-c-toolbar__content--PaddingInlineEnd:
|
|
9922
|
+
--pf-v6-c-toolbar__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
9923
|
+
--pf-v6-c-toolbar__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
9869
9924
|
--pf-v6-c-toolbar__content-section--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
9870
9925
|
--pf-v6-c-toolbar__content-section--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
|
|
9871
9926
|
--pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
|
|
@@ -9904,7 +9959,7 @@ ul) {
|
|
|
9904
9959
|
.pfext-quick-start__base .pf-v6-c-toolbar__item.pf-m-hidden {
|
|
9905
9960
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
9906
9961
|
}
|
|
9907
|
-
@media screen and (min-width:
|
|
9962
|
+
@media screen and (min-width: 576px) {
|
|
9908
9963
|
.pfext-quick-start__base .pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm,
|
|
9909
9964
|
.pfext-quick-start__base .pf-v6-c-toolbar__group.pf-m-hidden-on-sm,
|
|
9910
9965
|
.pfext-quick-start__base .pf-v6-c-toolbar__item.pf-m-hidden-on-sm {
|
|
@@ -9916,7 +9971,7 @@ ul) {
|
|
|
9916
9971
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
9917
9972
|
}
|
|
9918
9973
|
}
|
|
9919
|
-
@media screen and (min-width:
|
|
9974
|
+
@media screen and (min-width: 768px) {
|
|
9920
9975
|
.pfext-quick-start__base .pf-v6-c-toolbar__content-section.pf-m-hidden-on-md,
|
|
9921
9976
|
.pfext-quick-start__base .pf-v6-c-toolbar__group.pf-m-hidden-on-md,
|
|
9922
9977
|
.pfext-quick-start__base .pf-v6-c-toolbar__item.pf-m-hidden-on-md {
|
|
@@ -9928,7 +9983,7 @@ ul) {
|
|
|
9928
9983
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
9929
9984
|
}
|
|
9930
9985
|
}
|
|
9931
|
-
@media screen and (min-width:
|
|
9986
|
+
@media screen and (min-width: 992px) {
|
|
9932
9987
|
.pfext-quick-start__base .pf-v6-c-toolbar__content-section.pf-m-hidden-on-lg,
|
|
9933
9988
|
.pfext-quick-start__base .pf-v6-c-toolbar__group.pf-m-hidden-on-lg,
|
|
9934
9989
|
.pfext-quick-start__base .pf-v6-c-toolbar__item.pf-m-hidden-on-lg {
|
|
@@ -9940,7 +9995,7 @@ ul) {
|
|
|
9940
9995
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
9941
9996
|
}
|
|
9942
9997
|
}
|
|
9943
|
-
@media screen and (min-width:
|
|
9998
|
+
@media screen and (min-width: 1200px) {
|
|
9944
9999
|
.pfext-quick-start__base .pf-v6-c-toolbar__content-section.pf-m-hidden-on-xl,
|
|
9945
10000
|
.pfext-quick-start__base .pf-v6-c-toolbar__group.pf-m-hidden-on-xl,
|
|
9946
10001
|
.pfext-quick-start__base .pf-v6-c-toolbar__item.pf-m-hidden-on-xl {
|
|
@@ -9952,7 +10007,7 @@ ul) {
|
|
|
9952
10007
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
9953
10008
|
}
|
|
9954
10009
|
}
|
|
9955
|
-
@media screen and (min-width:
|
|
10010
|
+
@media screen and (min-width: 1450px) {
|
|
9956
10011
|
.pfext-quick-start__base .pf-v6-c-toolbar__content-section.pf-m-hidden-on-2xl,
|
|
9957
10012
|
.pfext-quick-start__base .pf-v6-c-toolbar__group.pf-m-hidden-on-2xl,
|
|
9958
10013
|
.pfext-quick-start__base .pf-v6-c-toolbar__item.pf-m-hidden-on-2xl {
|
|
@@ -9980,7 +10035,7 @@ ul) {
|
|
|
9980
10035
|
.pfext-quick-start__base .pf-v6-c-toolbar__content.pf-m-hidden {
|
|
9981
10036
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
9982
10037
|
}
|
|
9983
|
-
@media screen and (min-width:
|
|
10038
|
+
@media screen and (min-width: 576px) {
|
|
9984
10039
|
.pfext-quick-start__base .pf-v6-c-toolbar__content.pf-m-hidden-on-sm {
|
|
9985
10040
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
9986
10041
|
}
|
|
@@ -9988,7 +10043,7 @@ ul) {
|
|
|
9988
10043
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
9989
10044
|
}
|
|
9990
10045
|
}
|
|
9991
|
-
@media screen and (min-width:
|
|
10046
|
+
@media screen and (min-width: 768px) {
|
|
9992
10047
|
.pfext-quick-start__base .pf-v6-c-toolbar__content.pf-m-hidden-on-md {
|
|
9993
10048
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
9994
10049
|
}
|
|
@@ -9996,7 +10051,7 @@ ul) {
|
|
|
9996
10051
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
9997
10052
|
}
|
|
9998
10053
|
}
|
|
9999
|
-
@media screen and (min-width:
|
|
10054
|
+
@media screen and (min-width: 992px) {
|
|
10000
10055
|
.pfext-quick-start__base .pf-v6-c-toolbar__content.pf-m-hidden-on-lg {
|
|
10001
10056
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
10002
10057
|
}
|
|
@@ -10004,7 +10059,7 @@ ul) {
|
|
|
10004
10059
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
10005
10060
|
}
|
|
10006
10061
|
}
|
|
10007
|
-
@media screen and (min-width:
|
|
10062
|
+
@media screen and (min-width: 1200px) {
|
|
10008
10063
|
.pfext-quick-start__base .pf-v6-c-toolbar__content.pf-m-hidden-on-xl {
|
|
10009
10064
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
10010
10065
|
}
|
|
@@ -10012,7 +10067,7 @@ ul) {
|
|
|
10012
10067
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
10013
10068
|
}
|
|
10014
10069
|
}
|
|
10015
|
-
@media screen and (min-width:
|
|
10070
|
+
@media screen and (min-width: 1450px) {
|
|
10016
10071
|
.pfext-quick-start__base .pf-v6-c-toolbar__content.pf-m-hidden-on-2xl {
|
|
10017
10072
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
10018
10073
|
}
|
|
@@ -10079,52 +10134,52 @@ ul) {
|
|
|
10079
10134
|
width: var(--pf-v6-c-toolbar__item--Width--base);
|
|
10080
10135
|
min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
|
|
10081
10136
|
}
|
|
10082
|
-
@media (min-width:
|
|
10137
|
+
@media (min-width: 576px) {
|
|
10083
10138
|
.pfext-quick-start__base .pf-v6-c-toolbar__item {
|
|
10084
10139
|
--pf-v6-c-toolbar__item--Width--base:var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width));
|
|
10085
10140
|
}
|
|
10086
10141
|
}
|
|
10087
|
-
@media (min-width:
|
|
10142
|
+
@media (min-width: 768px) {
|
|
10088
10143
|
.pfext-quick-start__base .pf-v6-c-toolbar__item {
|
|
10089
10144
|
--pf-v6-c-toolbar__item--Width--base: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)));
|
|
10090
10145
|
}
|
|
10091
10146
|
}
|
|
10092
|
-
@media (min-width:
|
|
10147
|
+
@media (min-width: 992px) {
|
|
10093
10148
|
.pfext-quick-start__base .pf-v6-c-toolbar__item {
|
|
10094
10149
|
--pf-v6-c-toolbar__item--Width--base: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))));
|
|
10095
10150
|
}
|
|
10096
10151
|
}
|
|
10097
|
-
@media (min-width:
|
|
10152
|
+
@media (min-width: 1200px) {
|
|
10098
10153
|
.pfext-quick-start__base .pf-v6-c-toolbar__item {
|
|
10099
10154
|
--pf-v6-c-toolbar__item--Width--base: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)))));
|
|
10100
10155
|
}
|
|
10101
10156
|
}
|
|
10102
|
-
@media (min-width:
|
|
10157
|
+
@media (min-width: 1450px) {
|
|
10103
10158
|
.pfext-quick-start__base .pf-v6-c-toolbar__item {
|
|
10104
10159
|
--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))))));
|
|
10105
10160
|
}
|
|
10106
10161
|
}
|
|
10107
|
-
@media (min-width:
|
|
10162
|
+
@media (min-width: 576px) {
|
|
10108
10163
|
.pfext-quick-start__base .pf-v6-c-toolbar__item {
|
|
10109
10164
|
--pf-v6-c-toolbar__item--MinWidth--base:var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
|
|
10110
10165
|
}
|
|
10111
10166
|
}
|
|
10112
|
-
@media (min-width:
|
|
10167
|
+
@media (min-width: 768px) {
|
|
10113
10168
|
.pfext-quick-start__base .pf-v6-c-toolbar__item {
|
|
10114
10169
|
--pf-v6-c-toolbar__item--MinWidth--base: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)));
|
|
10115
10170
|
}
|
|
10116
10171
|
}
|
|
10117
|
-
@media (min-width:
|
|
10172
|
+
@media (min-width: 992px) {
|
|
10118
10173
|
.pfext-quick-start__base .pf-v6-c-toolbar__item {
|
|
10119
10174
|
--pf-v6-c-toolbar__item--MinWidth--base: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))));
|
|
10120
10175
|
}
|
|
10121
10176
|
}
|
|
10122
|
-
@media (min-width:
|
|
10177
|
+
@media (min-width: 1200px) {
|
|
10123
10178
|
.pfext-quick-start__base .pf-v6-c-toolbar__item {
|
|
10124
10179
|
--pf-v6-c-toolbar__item--MinWidth--base: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)))));
|
|
10125
10180
|
}
|
|
10126
10181
|
}
|
|
10127
|
-
@media (min-width:
|
|
10182
|
+
@media (min-width: 1450px) {
|
|
10128
10183
|
.pfext-quick-start__base .pf-v6-c-toolbar__item {
|
|
10129
10184
|
--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))))));
|
|
10130
10185
|
}
|
|
@@ -10162,7 +10217,6 @@ ul) {
|
|
|
10162
10217
|
column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
|
|
10163
10218
|
}
|
|
10164
10219
|
.pfext-quick-start__base .pf-v6-c-toolbar__group.pf-m-action-group-inline {
|
|
10165
|
-
flex-wrap: wrap;
|
|
10166
10220
|
column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
|
|
10167
10221
|
}
|
|
10168
10222
|
.pfext-quick-start__base .pf-v6-c-toolbar__group.pf-m-overflow-container {
|
|
@@ -10182,7 +10236,7 @@ ul) {
|
|
|
10182
10236
|
background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
|
|
10183
10237
|
box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
|
|
10184
10238
|
}
|
|
10185
|
-
@media screen and (min-width:
|
|
10239
|
+
@media screen and (min-width: 992px) {
|
|
10186
10240
|
.pfext-quick-start__base .pf-v6-c-toolbar__expandable-content {
|
|
10187
10241
|
position: static;
|
|
10188
10242
|
padding: 0;
|
|
@@ -10467,7 +10521,7 @@ ul) {
|
|
|
10467
10521
|
.pfext-quick-start__base .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pfext-quick-start__base .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide .pf-v6-c-toolbar__toggle {
|
|
10468
10522
|
display: inline-flex;
|
|
10469
10523
|
}
|
|
10470
|
-
@media (min-width:
|
|
10524
|
+
@media (min-width: 576px) {
|
|
10471
10525
|
.pfext-quick-start__base .pf-v6-c-toolbar__group.pf-m-align-start-on-sm,
|
|
10472
10526
|
.pfext-quick-start__base .pf-v6-c-toolbar__item.pf-m-align-start-on-sm {
|
|
10473
10527
|
margin-inline-start: 0;
|
|
@@ -10719,7 +10773,7 @@ ul) {
|
|
|
10719
10773
|
display: inline-flex;
|
|
10720
10774
|
}
|
|
10721
10775
|
}
|
|
10722
|
-
@media (min-width:
|
|
10776
|
+
@media (min-width: 768px) {
|
|
10723
10777
|
.pfext-quick-start__base .pf-v6-c-toolbar__group.pf-m-align-start-on-md,
|
|
10724
10778
|
.pfext-quick-start__base .pf-v6-c-toolbar__item.pf-m-align-start-on-md {
|
|
10725
10779
|
margin-inline-start: 0;
|
|
@@ -10971,7 +11025,7 @@ ul) {
|
|
|
10971
11025
|
display: inline-flex;
|
|
10972
11026
|
}
|
|
10973
11027
|
}
|
|
10974
|
-
@media (min-width:
|
|
11028
|
+
@media (min-width: 992px) {
|
|
10975
11029
|
.pfext-quick-start__base .pf-v6-c-toolbar__group.pf-m-align-start-on-lg,
|
|
10976
11030
|
.pfext-quick-start__base .pf-v6-c-toolbar__item.pf-m-align-start-on-lg {
|
|
10977
11031
|
margin-inline-start: 0;
|
|
@@ -11223,7 +11277,7 @@ ul) {
|
|
|
11223
11277
|
display: inline-flex;
|
|
11224
11278
|
}
|
|
11225
11279
|
}
|
|
11226
|
-
@media (min-width:
|
|
11280
|
+
@media (min-width: 1200px) {
|
|
11227
11281
|
.pfext-quick-start__base .pf-v6-c-toolbar__group.pf-m-align-start-on-xl,
|
|
11228
11282
|
.pfext-quick-start__base .pf-v6-c-toolbar__item.pf-m-align-start-on-xl {
|
|
11229
11283
|
margin-inline-start: 0;
|
|
@@ -11475,7 +11529,7 @@ ul) {
|
|
|
11475
11529
|
display: inline-flex;
|
|
11476
11530
|
}
|
|
11477
11531
|
}
|
|
11478
|
-
@media (min-width:
|
|
11532
|
+
@media (min-width: 1450px) {
|
|
11479
11533
|
.pfext-quick-start__base .pf-v6-c-toolbar__group.pf-m-align-start-on-2xl,
|
|
11480
11534
|
.pfext-quick-start__base .pf-v6-c-toolbar__item.pf-m-align-start-on-2xl {
|
|
11481
11535
|
margin-inline-start: 0;
|
|
@@ -11980,7 +12034,7 @@ ul) {
|
|
|
11980
12034
|
--pf-v6-c-wizard__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
11981
12035
|
--pf-v6-c-wizard__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
11982
12036
|
--pf-v6-c-wizard__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
11983
|
-
--pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-
|
|
12037
|
+
--pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-button--m-plain--PaddingBlockStart));
|
|
11984
12038
|
--pf-v6-c-wizard__close--InsetInlineEnd: var(--pf-t--global--spacer--sm);
|
|
11985
12039
|
--pf-v6-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
|
|
11986
12040
|
--pf-v6-c-wizard__title--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
@@ -12082,7 +12136,7 @@ ul) {
|
|
|
12082
12136
|
--pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
12083
12137
|
--pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
12084
12138
|
}
|
|
12085
|
-
@media screen and (min-width:
|
|
12139
|
+
@media screen and (min-width: 992px) {
|
|
12086
12140
|
.pfext-quick-start__base :where(:root, .pf-v6-c-wizard) {
|
|
12087
12141
|
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
12088
12142
|
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
@@ -12143,7 +12197,7 @@ ul) {
|
|
|
12143
12197
|
padding-block-start: var(--pf-v6-c-wizard__description--PaddingBlockStart);
|
|
12144
12198
|
color: var(--pf-v6-c-wizard__description--Color);
|
|
12145
12199
|
}
|
|
12146
|
-
@media screen and (min-width:
|
|
12200
|
+
@media screen and (min-width: 992px) {
|
|
12147
12201
|
.pfext-quick-start__base .pf-v6-c-wizard__description {
|
|
12148
12202
|
display: block;
|
|
12149
12203
|
}
|
|
@@ -12164,7 +12218,7 @@ ul) {
|
|
|
12164
12218
|
border-inline-start: 0;
|
|
12165
12219
|
border-inline-end: 0;
|
|
12166
12220
|
}
|
|
12167
|
-
@media screen and (min-width:
|
|
12221
|
+
@media screen and (min-width: 992px) {
|
|
12168
12222
|
.pfext-quick-start__base .pf-v6-c-wizard__toggle {
|
|
12169
12223
|
display: none;
|
|
12170
12224
|
}
|
|
@@ -12226,7 +12280,7 @@ ul) {
|
|
|
12226
12280
|
min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
|
|
12227
12281
|
background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
|
|
12228
12282
|
}
|
|
12229
|
-
@media screen and (min-width:
|
|
12283
|
+
@media screen and (min-width: 992px) {
|
|
12230
12284
|
.pfext-quick-start__base .pf-v6-c-wizard__outer-wrap {
|
|
12231
12285
|
padding-inline-start: var(--pf-v6-c-wizard__outer-wrap--lg--PaddingInlineStart);
|
|
12232
12286
|
}
|
|
@@ -12238,7 +12292,7 @@ ul) {
|
|
|
12238
12292
|
flex-grow: 1;
|
|
12239
12293
|
min-height: 0;
|
|
12240
12294
|
}
|
|
12241
|
-
@media screen and (min-width:
|
|
12295
|
+
@media screen and (min-width: 992px) {
|
|
12242
12296
|
.pfext-quick-start__base .pf-v6-c-wizard__inner-wrap {
|
|
12243
12297
|
position: static;
|
|
12244
12298
|
}
|
|
@@ -12259,7 +12313,7 @@ ul) {
|
|
|
12259
12313
|
.pfext-quick-start__base .pf-v6-c-wizard__nav.pf-m-expanded {
|
|
12260
12314
|
display: block;
|
|
12261
12315
|
}
|
|
12262
|
-
@media screen and (min-width:
|
|
12316
|
+
@media screen and (min-width: 992px) {
|
|
12263
12317
|
.pfext-quick-start__base .pf-v6-c-wizard__nav {
|
|
12264
12318
|
display: block;
|
|
12265
12319
|
height: 100%;
|
|
@@ -12476,27 +12530,27 @@ ul) {
|
|
|
12476
12530
|
max-width: 100%;
|
|
12477
12531
|
margin-inline-end: var(--pf-v6-l-flex--spacer--column);
|
|
12478
12532
|
}
|
|
12479
|
-
@media screen and (min-width:
|
|
12533
|
+
@media screen and (min-width: 576px) {
|
|
12480
12534
|
.pfext-quick-start__base .pf-v6-l-flex > * {
|
|
12481
12535
|
order: var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order));
|
|
12482
12536
|
}
|
|
12483
12537
|
}
|
|
12484
|
-
@media screen and (min-width:
|
|
12538
|
+
@media screen and (min-width: 768px) {
|
|
12485
12539
|
.pfext-quick-start__base .pf-v6-l-flex > * {
|
|
12486
12540
|
order: var(--pf-v6-l-flex--item--Order-on-md, var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order)));
|
|
12487
12541
|
}
|
|
12488
12542
|
}
|
|
12489
|
-
@media screen and (min-width:
|
|
12543
|
+
@media screen and (min-width: 992px) {
|
|
12490
12544
|
.pfext-quick-start__base .pf-v6-l-flex > * {
|
|
12491
12545
|
order: var(--pf-v6-l-flex--item--Order-on-lg, var(--pf-v6-l-flex--item--Order-on-md, var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order))));
|
|
12492
12546
|
}
|
|
12493
12547
|
}
|
|
12494
|
-
@media screen and (min-width:
|
|
12548
|
+
@media screen and (min-width: 1200px) {
|
|
12495
12549
|
.pfext-quick-start__base .pf-v6-l-flex > * {
|
|
12496
12550
|
order: var(--pf-v6-l-flex--item--Order-on-xl, var(--pf-v6-l-flex--item--Order-on-lg, var(--pf-v6-l-flex--item--Order-on-md, var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order)))));
|
|
12497
12551
|
}
|
|
12498
12552
|
}
|
|
12499
|
-
@media screen and (min-width:
|
|
12553
|
+
@media screen and (min-width: 1450px) {
|
|
12500
12554
|
.pfext-quick-start__base .pf-v6-l-flex > * {
|
|
12501
12555
|
order: var(--pf-v6-l-flex--item--Order-on-2xl, var(--pf-v6-l-flex--item--Order-on-xl, var(--pf-v6-l-flex--item--Order-on-lg, var(--pf-v6-l-flex--item--Order-on-md, var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order))))));
|
|
12502
12556
|
}
|
|
@@ -12661,7 +12715,7 @@ ul) {
|
|
|
12661
12715
|
.pfext-quick-start__base .pf-v6-l-flex > .pf-m-align-self-stretch {
|
|
12662
12716
|
align-self: stretch;
|
|
12663
12717
|
}
|
|
12664
|
-
@media (min-width:
|
|
12718
|
+
@media (min-width: 576px) {
|
|
12665
12719
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-flex-on-sm {
|
|
12666
12720
|
display: var(--pf-v6-l-flex--Display);
|
|
12667
12721
|
}
|
|
@@ -12820,7 +12874,7 @@ ul) {
|
|
|
12820
12874
|
align-self: stretch;
|
|
12821
12875
|
}
|
|
12822
12876
|
}
|
|
12823
|
-
@media (min-width:
|
|
12877
|
+
@media (min-width: 768px) {
|
|
12824
12878
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-flex-on-md {
|
|
12825
12879
|
display: var(--pf-v6-l-flex--Display);
|
|
12826
12880
|
}
|
|
@@ -12979,7 +13033,7 @@ ul) {
|
|
|
12979
13033
|
align-self: stretch;
|
|
12980
13034
|
}
|
|
12981
13035
|
}
|
|
12982
|
-
@media (min-width:
|
|
13036
|
+
@media (min-width: 992px) {
|
|
12983
13037
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-flex-on-lg {
|
|
12984
13038
|
display: var(--pf-v6-l-flex--Display);
|
|
12985
13039
|
}
|
|
@@ -13138,7 +13192,7 @@ ul) {
|
|
|
13138
13192
|
align-self: stretch;
|
|
13139
13193
|
}
|
|
13140
13194
|
}
|
|
13141
|
-
@media (min-width:
|
|
13195
|
+
@media (min-width: 1200px) {
|
|
13142
13196
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-flex-on-xl {
|
|
13143
13197
|
display: var(--pf-v6-l-flex--Display);
|
|
13144
13198
|
}
|
|
@@ -13297,7 +13351,7 @@ ul) {
|
|
|
13297
13351
|
align-self: stretch;
|
|
13298
13352
|
}
|
|
13299
13353
|
}
|
|
13300
|
-
@media (min-width:
|
|
13354
|
+
@media (min-width: 1450px) {
|
|
13301
13355
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-flex-on-2xl {
|
|
13302
13356
|
display: var(--pf-v6-l-flex--Display);
|
|
13303
13357
|
}
|
|
@@ -13510,7 +13564,7 @@ ul) {
|
|
|
13510
13564
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-space-items-4xl > :last-child {
|
|
13511
13565
|
--pf-v6-l-flex--spacer: 0;
|
|
13512
13566
|
}
|
|
13513
|
-
@media (min-width:
|
|
13567
|
+
@media (min-width: 576px) {
|
|
13514
13568
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-space-items-none-on-sm > * {
|
|
13515
13569
|
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
|
|
13516
13570
|
}
|
|
@@ -13566,7 +13620,7 @@ ul) {
|
|
|
13566
13620
|
--pf-v6-l-flex--spacer: 0;
|
|
13567
13621
|
}
|
|
13568
13622
|
}
|
|
13569
|
-
@media (min-width:
|
|
13623
|
+
@media (min-width: 768px) {
|
|
13570
13624
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-space-items-none-on-md > * {
|
|
13571
13625
|
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
|
|
13572
13626
|
}
|
|
@@ -13622,7 +13676,7 @@ ul) {
|
|
|
13622
13676
|
--pf-v6-l-flex--spacer: 0;
|
|
13623
13677
|
}
|
|
13624
13678
|
}
|
|
13625
|
-
@media (min-width:
|
|
13679
|
+
@media (min-width: 992px) {
|
|
13626
13680
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-space-items-none-on-lg > * {
|
|
13627
13681
|
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
|
|
13628
13682
|
}
|
|
@@ -13678,7 +13732,7 @@ ul) {
|
|
|
13678
13732
|
--pf-v6-l-flex--spacer: 0;
|
|
13679
13733
|
}
|
|
13680
13734
|
}
|
|
13681
|
-
@media (min-width:
|
|
13735
|
+
@media (min-width: 1200px) {
|
|
13682
13736
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-space-items-none-on-xl > * {
|
|
13683
13737
|
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
|
|
13684
13738
|
}
|
|
@@ -13734,7 +13788,7 @@ ul) {
|
|
|
13734
13788
|
--pf-v6-l-flex--spacer: 0;
|
|
13735
13789
|
}
|
|
13736
13790
|
}
|
|
13737
|
-
@media (min-width:
|
|
13791
|
+
@media (min-width: 1450px) {
|
|
13738
13792
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-space-items-none-on-2xl > * {
|
|
13739
13793
|
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
|
|
13740
13794
|
}
|
|
@@ -13844,7 +13898,7 @@ ul) {
|
|
|
13844
13898
|
.pfext-quick-start__base .pf-v6-l-flex .pf-m-spacer-4xl:last-child {
|
|
13845
13899
|
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
|
|
13846
13900
|
}
|
|
13847
|
-
@media (min-width:
|
|
13901
|
+
@media (min-width: 576px) {
|
|
13848
13902
|
.pfext-quick-start__base .pf-v6-l-flex .pf-m-spacer-none-on-sm {
|
|
13849
13903
|
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
|
|
13850
13904
|
}
|
|
@@ -13900,7 +13954,7 @@ ul) {
|
|
|
13900
13954
|
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
|
|
13901
13955
|
}
|
|
13902
13956
|
}
|
|
13903
|
-
@media (min-width:
|
|
13957
|
+
@media (min-width: 768px) {
|
|
13904
13958
|
.pfext-quick-start__base .pf-v6-l-flex .pf-m-spacer-none-on-md {
|
|
13905
13959
|
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
|
|
13906
13960
|
}
|
|
@@ -13956,7 +14010,7 @@ ul) {
|
|
|
13956
14010
|
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
|
|
13957
14011
|
}
|
|
13958
14012
|
}
|
|
13959
|
-
@media (min-width:
|
|
14013
|
+
@media (min-width: 992px) {
|
|
13960
14014
|
.pfext-quick-start__base .pf-v6-l-flex .pf-m-spacer-none-on-lg {
|
|
13961
14015
|
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
|
|
13962
14016
|
}
|
|
@@ -14012,7 +14066,7 @@ ul) {
|
|
|
14012
14066
|
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
|
|
14013
14067
|
}
|
|
14014
14068
|
}
|
|
14015
|
-
@media (min-width:
|
|
14069
|
+
@media (min-width: 1200px) {
|
|
14016
14070
|
.pfext-quick-start__base .pf-v6-l-flex .pf-m-spacer-none-on-xl {
|
|
14017
14071
|
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
|
|
14018
14072
|
}
|
|
@@ -14068,7 +14122,7 @@ ul) {
|
|
|
14068
14122
|
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
|
|
14069
14123
|
}
|
|
14070
14124
|
}
|
|
14071
|
-
@media (min-width:
|
|
14125
|
+
@media (min-width: 1450px) {
|
|
14072
14126
|
.pfext-quick-start__base .pf-v6-l-flex .pf-m-spacer-none-on-2xl {
|
|
14073
14127
|
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
|
|
14074
14128
|
}
|
|
@@ -14168,7 +14222,7 @@ ul) {
|
|
|
14168
14222
|
--pf-v6-l-flex--spacer--row: 0;
|
|
14169
14223
|
--pf-v6-l-flex--spacer--column: 0;
|
|
14170
14224
|
}
|
|
14171
|
-
@media (min-width:
|
|
14225
|
+
@media (min-width: 576px) {
|
|
14172
14226
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-gap-on-sm {
|
|
14173
14227
|
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
|
|
14174
14228
|
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
|
|
@@ -14214,7 +14268,7 @@ ul) {
|
|
|
14214
14268
|
--pf-v6-l-flex--spacer--column: 0;
|
|
14215
14269
|
}
|
|
14216
14270
|
}
|
|
14217
|
-
@media (min-width:
|
|
14271
|
+
@media (min-width: 768px) {
|
|
14218
14272
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-gap-on-md {
|
|
14219
14273
|
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
|
|
14220
14274
|
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
|
|
@@ -14260,7 +14314,7 @@ ul) {
|
|
|
14260
14314
|
--pf-v6-l-flex--spacer--column: 0;
|
|
14261
14315
|
}
|
|
14262
14316
|
}
|
|
14263
|
-
@media (min-width:
|
|
14317
|
+
@media (min-width: 992px) {
|
|
14264
14318
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-gap-on-lg {
|
|
14265
14319
|
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
|
|
14266
14320
|
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
|
|
@@ -14306,7 +14360,7 @@ ul) {
|
|
|
14306
14360
|
--pf-v6-l-flex--spacer--column: 0;
|
|
14307
14361
|
}
|
|
14308
14362
|
}
|
|
14309
|
-
@media (min-width:
|
|
14363
|
+
@media (min-width: 1200px) {
|
|
14310
14364
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-gap-on-xl {
|
|
14311
14365
|
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
|
|
14312
14366
|
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
|
|
@@ -14352,7 +14406,7 @@ ul) {
|
|
|
14352
14406
|
--pf-v6-l-flex--spacer--column: 0;
|
|
14353
14407
|
}
|
|
14354
14408
|
}
|
|
14355
|
-
@media (min-width:
|
|
14409
|
+
@media (min-width: 1450px) {
|
|
14356
14410
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-gap-on-2xl {
|
|
14357
14411
|
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
|
|
14358
14412
|
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
|
|
@@ -14431,7 +14485,7 @@ ul) {
|
|
|
14431
14485
|
.pfext-quick-start__base .pf-v6-l-flex:is(.pf-m-row-gap, .pf-m-row-gap-none, .pf-m-row-gap-xs, .pf-m-row-gap-sm, .pf-m-row-gap-md, .pf-m-row-gap-lg, .pf-m-row-gap-xl, .pf-m-row-gap-2xl, .pf-m-row-gap-3xl, .pf-m-row-gap-4xl) > * {
|
|
14432
14486
|
--pf-v6-l-flex--spacer--row: 0;
|
|
14433
14487
|
}
|
|
14434
|
-
@media (min-width:
|
|
14488
|
+
@media (min-width: 576px) {
|
|
14435
14489
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-row-gap-on-sm {
|
|
14436
14490
|
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
|
|
14437
14491
|
}
|
|
@@ -14466,7 +14520,7 @@ ul) {
|
|
|
14466
14520
|
--pf-v6-l-flex--spacer--row: 0;
|
|
14467
14521
|
}
|
|
14468
14522
|
}
|
|
14469
|
-
@media (min-width:
|
|
14523
|
+
@media (min-width: 768px) {
|
|
14470
14524
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-row-gap-on-md {
|
|
14471
14525
|
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
|
|
14472
14526
|
}
|
|
@@ -14501,7 +14555,7 @@ ul) {
|
|
|
14501
14555
|
--pf-v6-l-flex--spacer--row: 0;
|
|
14502
14556
|
}
|
|
14503
14557
|
}
|
|
14504
|
-
@media (min-width:
|
|
14558
|
+
@media (min-width: 992px) {
|
|
14505
14559
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-row-gap-on-lg {
|
|
14506
14560
|
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
|
|
14507
14561
|
}
|
|
@@ -14536,7 +14590,7 @@ ul) {
|
|
|
14536
14590
|
--pf-v6-l-flex--spacer--row: 0;
|
|
14537
14591
|
}
|
|
14538
14592
|
}
|
|
14539
|
-
@media (min-width:
|
|
14593
|
+
@media (min-width: 1200px) {
|
|
14540
14594
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-row-gap-on-xl {
|
|
14541
14595
|
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
|
|
14542
14596
|
}
|
|
@@ -14571,7 +14625,7 @@ ul) {
|
|
|
14571
14625
|
--pf-v6-l-flex--spacer--row: 0;
|
|
14572
14626
|
}
|
|
14573
14627
|
}
|
|
14574
|
-
@media (min-width:
|
|
14628
|
+
@media (min-width: 1450px) {
|
|
14575
14629
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-row-gap-on-2xl {
|
|
14576
14630
|
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
|
|
14577
14631
|
}
|
|
@@ -14639,7 +14693,7 @@ ul) {
|
|
|
14639
14693
|
.pfext-quick-start__base .pf-v6-l-flex:is(.pf-m-column-gap, .pf-m-column-gap-none, .pf-m-column-gap-xs, .pf-m-column-gap-sm, .pf-m-column-gap-md, .pf-m-column-gap-lg, .pf-m-column-gap-xl, .pf-m-column-gap-2xl, .pf-m-column-gap-3xl, .pf-m-column-gap-4xl) > * {
|
|
14640
14694
|
--pf-v6-l-flex--spacer--column: 0;
|
|
14641
14695
|
}
|
|
14642
|
-
@media (min-width:
|
|
14696
|
+
@media (min-width: 576px) {
|
|
14643
14697
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-column-gap-on-sm {
|
|
14644
14698
|
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
|
|
14645
14699
|
}
|
|
@@ -14674,7 +14728,7 @@ ul) {
|
|
|
14674
14728
|
--pf-v6-l-flex--spacer--column: 0;
|
|
14675
14729
|
}
|
|
14676
14730
|
}
|
|
14677
|
-
@media (min-width:
|
|
14731
|
+
@media (min-width: 768px) {
|
|
14678
14732
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-column-gap-on-md {
|
|
14679
14733
|
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
|
|
14680
14734
|
}
|
|
@@ -14709,7 +14763,7 @@ ul) {
|
|
|
14709
14763
|
--pf-v6-l-flex--spacer--column: 0;
|
|
14710
14764
|
}
|
|
14711
14765
|
}
|
|
14712
|
-
@media (min-width:
|
|
14766
|
+
@media (min-width: 992px) {
|
|
14713
14767
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-column-gap-on-lg {
|
|
14714
14768
|
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
|
|
14715
14769
|
}
|
|
@@ -14744,7 +14798,7 @@ ul) {
|
|
|
14744
14798
|
--pf-v6-l-flex--spacer--column: 0;
|
|
14745
14799
|
}
|
|
14746
14800
|
}
|
|
14747
|
-
@media (min-width:
|
|
14801
|
+
@media (min-width: 1200px) {
|
|
14748
14802
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-column-gap-on-xl {
|
|
14749
14803
|
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
|
|
14750
14804
|
}
|
|
@@ -14779,7 +14833,7 @@ ul) {
|
|
|
14779
14833
|
--pf-v6-l-flex--spacer--column: 0;
|
|
14780
14834
|
}
|
|
14781
14835
|
}
|
|
14782
|
-
@media (min-width:
|
|
14836
|
+
@media (min-width: 1450px) {
|
|
14783
14837
|
.pfext-quick-start__base .pf-v6-l-flex.pf-m-column-gap-on-2xl {
|
|
14784
14838
|
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
|
|
14785
14839
|
}
|
|
@@ -14833,52 +14887,52 @@ ul) {
|
|
|
14833
14887
|
.pfext-quick-start__base .pf-v6-l-gallery.pf-m-gutter {
|
|
14834
14888
|
grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
14835
14889
|
}
|
|
14836
|
-
@media (min-width:
|
|
14890
|
+
@media (min-width: 576px) {
|
|
14837
14891
|
.pfext-quick-start__base .pf-v6-l-gallery {
|
|
14838
14892
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min:var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
|
|
14839
14893
|
}
|
|
14840
14894
|
}
|
|
14841
|
-
@media (min-width:
|
|
14895
|
+
@media (min-width: 768px) {
|
|
14842
14896
|
.pfext-quick-start__base .pf-v6-l-gallery {
|
|
14843
14897
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: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)));
|
|
14844
14898
|
}
|
|
14845
14899
|
}
|
|
14846
|
-
@media (min-width:
|
|
14900
|
+
@media (min-width: 992px) {
|
|
14847
14901
|
.pfext-quick-start__base .pf-v6-l-gallery {
|
|
14848
14902
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: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))));
|
|
14849
14903
|
}
|
|
14850
14904
|
}
|
|
14851
|
-
@media (min-width:
|
|
14905
|
+
@media (min-width: 1200px) {
|
|
14852
14906
|
.pfext-quick-start__base .pf-v6-l-gallery {
|
|
14853
14907
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: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)))));
|
|
14854
14908
|
}
|
|
14855
14909
|
}
|
|
14856
|
-
@media (min-width:
|
|
14910
|
+
@media (min-width: 1450px) {
|
|
14857
14911
|
.pfext-quick-start__base .pf-v6-l-gallery {
|
|
14858
14912
|
--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))))));
|
|
14859
14913
|
}
|
|
14860
14914
|
}
|
|
14861
|
-
@media (min-width:
|
|
14915
|
+
@media (min-width: 576px) {
|
|
14862
14916
|
.pfext-quick-start__base .pf-v6-l-gallery {
|
|
14863
14917
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--max:var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
|
|
14864
14918
|
}
|
|
14865
14919
|
}
|
|
14866
|
-
@media (min-width:
|
|
14920
|
+
@media (min-width: 768px) {
|
|
14867
14921
|
.pfext-quick-start__base .pf-v6-l-gallery {
|
|
14868
14922
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--max:var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)));
|
|
14869
14923
|
}
|
|
14870
14924
|
}
|
|
14871
|
-
@media (min-width:
|
|
14925
|
+
@media (min-width: 992px) {
|
|
14872
14926
|
.pfext-quick-start__base .pf-v6-l-gallery {
|
|
14873
14927
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--max:var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
|
|
14874
14928
|
}
|
|
14875
14929
|
}
|
|
14876
|
-
@media (min-width:
|
|
14930
|
+
@media (min-width: 1200px) {
|
|
14877
14931
|
.pfext-quick-start__base .pf-v6-l-gallery {
|
|
14878
14932
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--max:var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
|
|
14879
14933
|
}
|
|
14880
14934
|
}
|
|
14881
|
-
@media (min-width:
|
|
14935
|
+
@media (min-width: 1450px) {
|
|
14882
14936
|
.pfext-quick-start__base .pf-v6-l-gallery {
|
|
14883
14937
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--max:var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
|
|
14884
14938
|
}
|