@patternfly/patternfly 4.198.2 → 4.200.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/base/_variables.scss +7 -0
- package/base/patternfly-variables.css +5 -0
- package/components/DescriptionList/description-list.css +36 -2
- package/components/DescriptionList/description-list.scss +31 -2
- package/components/Page/page.css +154 -24
- package/components/Page/page.scss +23 -14
- package/components/Tabs/tabs.css +30 -0
- package/components/Tabs/tabs.scss +37 -0
- package/components/Wizard/wizard.css +2 -1
- package/components/Wizard/wizard.scss +3 -1
- package/docs/components/DescriptionList/examples/DescriptionList.md +316 -11
- package/docs/components/Page/examples/Page.md +2 -2
- package/docs/components/Tabs/examples/Tabs.md +214 -0
- package/docs/components/Wizard/examples/Wizard.md +59 -57
- package/docs/demos/Page/examples/Page.md +1044 -0
- package/docs/demos/Wizard/examples/Wizard.md +2581 -275
- package/package.json +1 -1
- package/patternfly-base-no-reset.css +5 -0
- package/patternfly-base.css +5 -0
- package/patternfly-no-reset.css +227 -27
- package/patternfly.css +227 -27
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/functions.scss +37 -1
- package/sass-utilities/mixins.scss +75 -7
- package/sass-utilities/scss-variables.scss +16 -0
package/package.json
CHANGED
|
@@ -212,6 +212,11 @@
|
|
|
212
212
|
--pf-global--breakpoint--lg: 992px;
|
|
213
213
|
--pf-global--breakpoint--xl: 1200px;
|
|
214
214
|
--pf-global--breakpoint--2xl: 1450px;
|
|
215
|
+
--pf-global--height-breakpoint--sm: 0;
|
|
216
|
+
--pf-global--height-breakpoint--md: 40rem;
|
|
217
|
+
--pf-global--height-breakpoint--lg: 48rem;
|
|
218
|
+
--pf-global--height-breakpoint--xl: 60rem;
|
|
219
|
+
--pf-global--height-breakpoint--2xl: 80rem;
|
|
215
220
|
--pf-global--link--Color: #06c;
|
|
216
221
|
--pf-global--link--Color--hover: #004080;
|
|
217
222
|
--pf-global--link--Color--light: #2b9af3;
|
package/patternfly-base.css
CHANGED
|
@@ -212,6 +212,11 @@
|
|
|
212
212
|
--pf-global--breakpoint--lg: 992px;
|
|
213
213
|
--pf-global--breakpoint--xl: 1200px;
|
|
214
214
|
--pf-global--breakpoint--2xl: 1450px;
|
|
215
|
+
--pf-global--height-breakpoint--sm: 0;
|
|
216
|
+
--pf-global--height-breakpoint--md: 40rem;
|
|
217
|
+
--pf-global--height-breakpoint--lg: 48rem;
|
|
218
|
+
--pf-global--height-breakpoint--xl: 60rem;
|
|
219
|
+
--pf-global--height-breakpoint--2xl: 80rem;
|
|
215
220
|
--pf-global--link--Color: #06c;
|
|
216
221
|
--pf-global--link--Color--hover: #004080;
|
|
217
222
|
--pf-global--link--Color--light: #2b9af3;
|
package/patternfly-no-reset.css
CHANGED
|
@@ -285,6 +285,11 @@
|
|
|
285
285
|
--pf-global--breakpoint--lg: 992px;
|
|
286
286
|
--pf-global--breakpoint--xl: 1200px;
|
|
287
287
|
--pf-global--breakpoint--2xl: 1450px;
|
|
288
|
+
--pf-global--height-breakpoint--sm: 0;
|
|
289
|
+
--pf-global--height-breakpoint--md: 40rem;
|
|
290
|
+
--pf-global--height-breakpoint--lg: 48rem;
|
|
291
|
+
--pf-global--height-breakpoint--xl: 60rem;
|
|
292
|
+
--pf-global--height-breakpoint--2xl: 80rem;
|
|
288
293
|
--pf-global--link--Color: #06c;
|
|
289
294
|
--pf-global--link--Color--hover: #004080;
|
|
290
295
|
--pf-global--link--Color--light: #2b9af3;
|
|
@@ -10516,6 +10521,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10516
10521
|
--pf-c-description-list__group--RowGap: var(--pf-global--spacer--sm);
|
|
10517
10522
|
--pf-c-description-list__group--ColumnGap: var(--pf-global--spacer--sm);
|
|
10518
10523
|
--pf-c-description-list__group--GridTemplateColumns: auto;
|
|
10524
|
+
--pf-c-description-list__group--GridTemplateRows: auto 1fr;
|
|
10519
10525
|
--pf-c-description-list__group--GridColumn: auto;
|
|
10520
10526
|
--pf-c-description-list--m-compact--RowGap: var(--pf-global--gutter);
|
|
10521
10527
|
--pf-c-description-list--m-compact--ColumnGap: var(--pf-global--spacer--sm);
|
|
@@ -10528,9 +10534,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10528
10534
|
--pf-c-description-list__term-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
10529
10535
|
--pf-c-description-list__term-icon--Color: var(--pf-global--icon--Color--light);
|
|
10530
10536
|
--pf-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-c-description-list--GridTemplateColumns--count));
|
|
10537
|
+
--pf-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
|
|
10531
10538
|
--pf-c-description-list--m-horizontal__term--width: 12ch;
|
|
10532
10539
|
--pf-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
|
|
10533
10540
|
--pf-c-description-list--m-horizontal__group--GridTemplateColumns: var(--pf-c-description-list__term--width) var(--pf-c-description-list--m-horizontal__description--width);
|
|
10541
|
+
--pf-c-description-list--m-horizontal__group--GridTemplateRows: auto;
|
|
10534
10542
|
--pf-c-description-list--m-1-col--GridTemplateColumns--count: 1;
|
|
10535
10543
|
--pf-c-description-list--m-2-col--GridTemplateColumns--count: 2;
|
|
10536
10544
|
--pf-c-description-list--m-3-col--GridTemplateColumns--count: 3;
|
|
@@ -10541,6 +10549,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10541
10549
|
--pf-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
|
|
10542
10550
|
--pf-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
|
|
10543
10551
|
--pf-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
|
|
10552
|
+
--pf-c-description-list--m-display-lg__description--FontSize: var(--pf-global--FontSize--lg);
|
|
10553
|
+
--pf-c-description-list--m-display-2xl__description--FontSize: var(--pf-global--FontSize--2xl);
|
|
10544
10554
|
display: grid;
|
|
10545
10555
|
align-items: baseline;
|
|
10546
10556
|
row-gap: var(--pf-c-description-list--RowGap);
|
|
@@ -10627,7 +10637,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10627
10637
|
column-count: var(--pf-c-description-list--GridTemplateColumns--count);
|
|
10628
10638
|
margin-bottom: calc(var(--pf-c-description-list--RowGap) * -1);
|
|
10629
10639
|
}
|
|
10630
|
-
.pf-c-description-list.pf-m-fill-columns .pf-c-description-list__group
|
|
10640
|
+
.pf-c-description-list.pf-m-fill-columns .pf-c-description-list__group,
|
|
10641
|
+
.pf-c-description-list.pf-m-fill-columns > .pf-c-card {
|
|
10631
10642
|
display: inline-grid;
|
|
10632
10643
|
width: 100%;
|
|
10633
10644
|
margin-bottom: var(--pf-c-description-list--RowGap);
|
|
@@ -10636,13 +10647,25 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10636
10647
|
-webkit-column-break-inside: avoid;
|
|
10637
10648
|
-moz-column-break-inside: avoid;
|
|
10638
10649
|
}
|
|
10650
|
+
.pf-c-description-list.pf-m-display-lg {
|
|
10651
|
+
--pf-c-description-list__description--FontSize: var(--pf-c-description-list--m-display-lg__description--FontSize);
|
|
10652
|
+
}
|
|
10653
|
+
.pf-c-description-list.pf-m-display-2xl {
|
|
10654
|
+
--pf-c-description-list__description--FontSize: var(--pf-c-description-list--m-display-2xl__description--FontSize);
|
|
10655
|
+
}
|
|
10656
|
+
.pf-c-description-list > .pf-c-card {
|
|
10657
|
+
align-self: stretch;
|
|
10658
|
+
padding: var(--pf-c-card--first-child--PaddingTop) var(--pf-c-card--child--PaddingRight) var(--pf-c-card--child--PaddingBottom) var(--pf-c-card--child--PaddingLeft);
|
|
10659
|
+
}
|
|
10639
10660
|
|
|
10640
|
-
.pf-c-description-list__group
|
|
10661
|
+
.pf-c-description-list__group,
|
|
10662
|
+
.pf-c-description-list > .pf-c-card {
|
|
10641
10663
|
display: grid;
|
|
10642
10664
|
grid-column: var(--pf-c-description-list__group--GridColumn);
|
|
10643
10665
|
row-gap: var(--pf-c-description-list__group--RowGap);
|
|
10644
10666
|
column-gap: var(--pf-c-description-list__group--ColumnGap);
|
|
10645
10667
|
grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
|
|
10668
|
+
grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
|
|
10646
10669
|
align-items: baseline;
|
|
10647
10670
|
}
|
|
10648
10671
|
|
|
@@ -10670,6 +10693,10 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10670
10693
|
color: var(--pf-c-description-list__term-icon--Color);
|
|
10671
10694
|
}
|
|
10672
10695
|
|
|
10696
|
+
.pf-c-description-list__description {
|
|
10697
|
+
font-size: var(--pf-c-description-list__description--FontSize, inherit);
|
|
10698
|
+
}
|
|
10699
|
+
|
|
10673
10700
|
.pf-c-description-list__text {
|
|
10674
10701
|
min-width: 0;
|
|
10675
10702
|
}
|
|
@@ -10699,9 +10726,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10699
10726
|
}
|
|
10700
10727
|
.pf-c-description-list.pf-m-horizontal {
|
|
10701
10728
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
10729
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
10702
10730
|
}
|
|
10703
10731
|
.pf-c-description-list.pf-m-vertical {
|
|
10704
10732
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
10733
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
|
|
10705
10734
|
}
|
|
10706
10735
|
@media (min-width: 576px) {
|
|
10707
10736
|
.pf-c-description-list.pf-m-1-col-on-sm {
|
|
@@ -10715,9 +10744,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10715
10744
|
}
|
|
10716
10745
|
.pf-c-description-list.pf-m-horizontal-on-sm {
|
|
10717
10746
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
10747
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
10718
10748
|
}
|
|
10719
10749
|
.pf-c-description-list.pf-m-vertical-on-sm {
|
|
10720
10750
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
10751
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
|
|
10721
10752
|
}
|
|
10722
10753
|
}
|
|
10723
10754
|
@media (min-width: 768px) {
|
|
@@ -10732,9 +10763,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10732
10763
|
}
|
|
10733
10764
|
.pf-c-description-list.pf-m-horizontal-on-md {
|
|
10734
10765
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
10766
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
10735
10767
|
}
|
|
10736
10768
|
.pf-c-description-list.pf-m-vertical-on-md {
|
|
10737
10769
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
10770
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
|
|
10738
10771
|
}
|
|
10739
10772
|
}
|
|
10740
10773
|
@media (min-width: 992px) {
|
|
@@ -10749,9 +10782,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10749
10782
|
}
|
|
10750
10783
|
.pf-c-description-list.pf-m-horizontal-on-lg {
|
|
10751
10784
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
10785
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
10752
10786
|
}
|
|
10753
10787
|
.pf-c-description-list.pf-m-vertical-on-lg {
|
|
10754
10788
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
10789
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
|
|
10755
10790
|
}
|
|
10756
10791
|
}
|
|
10757
10792
|
@media (min-width: 1200px) {
|
|
@@ -10766,9 +10801,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10766
10801
|
}
|
|
10767
10802
|
.pf-c-description-list.pf-m-horizontal-on-xl {
|
|
10768
10803
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
10804
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
10769
10805
|
}
|
|
10770
10806
|
.pf-c-description-list.pf-m-vertical-on-xl {
|
|
10771
10807
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
10808
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
|
|
10772
10809
|
}
|
|
10773
10810
|
}
|
|
10774
10811
|
@media (min-width: 1450px) {
|
|
@@ -10783,9 +10820,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10783
10820
|
}
|
|
10784
10821
|
.pf-c-description-list.pf-m-horizontal-on-2xl {
|
|
10785
10822
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
10823
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
10786
10824
|
}
|
|
10787
10825
|
.pf-c-description-list.pf-m-vertical-on-2xl {
|
|
10788
10826
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
10827
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
|
|
10789
10828
|
}
|
|
10790
10829
|
}
|
|
10791
10830
|
|
|
@@ -21594,30 +21633,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21594
21633
|
.pf-c-page__main-subnav {
|
|
21595
21634
|
flex-shrink: 0;
|
|
21596
21635
|
}
|
|
21597
|
-
.pf-c-page__main-nav.pf-m-sticky-top,
|
|
21598
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top,
|
|
21599
|
-
.pf-c-page__main-tabs.pf-m-sticky-top,
|
|
21600
|
-
.pf-c-page__main-section.pf-m-sticky-top,
|
|
21601
|
-
.pf-c-page__main-wizard.pf-m-sticky-top,
|
|
21602
|
-
.pf-c-page__main-group.pf-m-sticky-top,
|
|
21603
|
-
.pf-c-page__main-subnav.pf-m-sticky-top {
|
|
21604
|
-
position: sticky;
|
|
21605
|
-
top: 0;
|
|
21606
|
-
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
21607
|
-
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
21608
|
-
}
|
|
21609
|
-
.pf-c-page__main-nav.pf-m-sticky-bottom,
|
|
21610
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom,
|
|
21611
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom,
|
|
21612
|
-
.pf-c-page__main-section.pf-m-sticky-bottom,
|
|
21613
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom,
|
|
21614
|
-
.pf-c-page__main-group.pf-m-sticky-bottom,
|
|
21615
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom {
|
|
21616
|
-
position: sticky;
|
|
21617
|
-
bottom: 0;
|
|
21618
|
-
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
21619
|
-
box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
|
|
21620
|
-
}
|
|
21621
21636
|
.pf-c-page__main-nav.pf-m-overflow-scroll,
|
|
21622
21637
|
.pf-c-page__main-breadcrumb.pf-m-overflow-scroll,
|
|
21623
21638
|
.pf-c-page__main-tabs.pf-m-overflow-scroll,
|
|
@@ -21649,6 +21664,160 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21649
21664
|
z-index: var(--pf-c-page--section--m-shadow-top--ZIndex);
|
|
21650
21665
|
box-shadow: var(--pf-c-page--section--m-shadow-top--BoxShadow);
|
|
21651
21666
|
}
|
|
21667
|
+
.pf-c-page__main-nav.pf-m-sticky-top,
|
|
21668
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top,
|
|
21669
|
+
.pf-c-page__main-tabs.pf-m-sticky-top,
|
|
21670
|
+
.pf-c-page__main-section.pf-m-sticky-top,
|
|
21671
|
+
.pf-c-page__main-wizard.pf-m-sticky-top,
|
|
21672
|
+
.pf-c-page__main-group.pf-m-sticky-top,
|
|
21673
|
+
.pf-c-page__main-subnav.pf-m-sticky-top {
|
|
21674
|
+
position: sticky;
|
|
21675
|
+
top: 0;
|
|
21676
|
+
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
21677
|
+
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
21678
|
+
}
|
|
21679
|
+
.pf-c-page__main-nav.pf-m-sticky-bottom,
|
|
21680
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom,
|
|
21681
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom,
|
|
21682
|
+
.pf-c-page__main-section.pf-m-sticky-bottom,
|
|
21683
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom,
|
|
21684
|
+
.pf-c-page__main-group.pf-m-sticky-bottom,
|
|
21685
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom {
|
|
21686
|
+
position: sticky;
|
|
21687
|
+
bottom: 0;
|
|
21688
|
+
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
21689
|
+
box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
|
|
21690
|
+
}
|
|
21691
|
+
@media (min-height: 0) {
|
|
21692
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
|
|
21693
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
|
|
21694
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
|
|
21695
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
|
|
21696
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
|
|
21697
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
|
|
21698
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
|
|
21699
|
+
position: sticky;
|
|
21700
|
+
top: 0;
|
|
21701
|
+
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
21702
|
+
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
21703
|
+
}
|
|
21704
|
+
.pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
|
|
21705
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
|
|
21706
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
|
|
21707
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
|
|
21708
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
|
|
21709
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
|
|
21710
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
|
|
21711
|
+
position: sticky;
|
|
21712
|
+
bottom: 0;
|
|
21713
|
+
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
21714
|
+
box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
|
|
21715
|
+
}
|
|
21716
|
+
}
|
|
21717
|
+
@media (min-height: 40rem) {
|
|
21718
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
|
|
21719
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
|
|
21720
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
|
|
21721
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-md-height,
|
|
21722
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
|
|
21723
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-md-height,
|
|
21724
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
|
|
21725
|
+
position: sticky;
|
|
21726
|
+
top: 0;
|
|
21727
|
+
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
21728
|
+
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
21729
|
+
}
|
|
21730
|
+
.pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
|
|
21731
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
|
|
21732
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
|
|
21733
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
|
|
21734
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
|
|
21735
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
|
|
21736
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
|
|
21737
|
+
position: sticky;
|
|
21738
|
+
bottom: 0;
|
|
21739
|
+
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
21740
|
+
box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
|
|
21741
|
+
}
|
|
21742
|
+
}
|
|
21743
|
+
@media (min-height: 48rem) {
|
|
21744
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
|
|
21745
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
|
|
21746
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
|
|
21747
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
|
|
21748
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
|
|
21749
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
|
|
21750
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
|
|
21751
|
+
position: sticky;
|
|
21752
|
+
top: 0;
|
|
21753
|
+
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
21754
|
+
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
21755
|
+
}
|
|
21756
|
+
.pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
|
|
21757
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
|
|
21758
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
|
|
21759
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
|
|
21760
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
|
|
21761
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
|
|
21762
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
|
|
21763
|
+
position: sticky;
|
|
21764
|
+
bottom: 0;
|
|
21765
|
+
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
21766
|
+
box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
|
|
21767
|
+
}
|
|
21768
|
+
}
|
|
21769
|
+
@media (min-height: 60rem) {
|
|
21770
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
|
|
21771
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
|
|
21772
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
|
|
21773
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
|
|
21774
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
|
|
21775
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
|
|
21776
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
|
|
21777
|
+
position: sticky;
|
|
21778
|
+
top: 0;
|
|
21779
|
+
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
21780
|
+
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
21781
|
+
}
|
|
21782
|
+
.pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
|
|
21783
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
|
|
21784
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
|
|
21785
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
|
|
21786
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
|
|
21787
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
|
|
21788
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
|
|
21789
|
+
position: sticky;
|
|
21790
|
+
bottom: 0;
|
|
21791
|
+
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
21792
|
+
box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
|
|
21793
|
+
}
|
|
21794
|
+
}
|
|
21795
|
+
@media (min-height: 80rem) {
|
|
21796
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
|
|
21797
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
|
|
21798
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
|
|
21799
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
|
|
21800
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
|
|
21801
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
|
|
21802
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
|
|
21803
|
+
position: sticky;
|
|
21804
|
+
top: 0;
|
|
21805
|
+
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
21806
|
+
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
21807
|
+
}
|
|
21808
|
+
.pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
|
|
21809
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
|
|
21810
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
|
|
21811
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
|
|
21812
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
|
|
21813
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
|
|
21814
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
|
|
21815
|
+
position: sticky;
|
|
21816
|
+
bottom: 0;
|
|
21817
|
+
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
21818
|
+
box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
|
|
21819
|
+
}
|
|
21820
|
+
}
|
|
21652
21821
|
|
|
21653
21822
|
.pf-c-page__main,
|
|
21654
21823
|
.pf-c-page__drawer {
|
|
@@ -28878,6 +29047,15 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28878
29047
|
--pf-c-tabs__add--c-button--PaddingTop: var(--pf-c-tabs__link--PaddingTop);
|
|
28879
29048
|
--pf-c-tabs__add--c-button--PaddingBottom: var(--pf-c-tabs__link--PaddingBottom);
|
|
28880
29049
|
--pf-c-tabs__add--c-button--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
|
|
29050
|
+
--pf-c-tabs__link-toggle-icon--Color: var(--pf-global--Color--200);
|
|
29051
|
+
--pf-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
|
|
29052
|
+
--pf-c-tabs__link-toggle-icon--Rotate: 0;
|
|
29053
|
+
--pf-c-tabs__link-toggle-icon--FontSize: var(--pf-global--FontSize--sm);
|
|
29054
|
+
--pf-c-tabs__link--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
|
|
29055
|
+
--pf-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
|
|
29056
|
+
--pf-c-tabs__link--hover__toggle-icon--Color: var(--pf-global--Color--100);
|
|
29057
|
+
--pf-c-tabs__link--active__toggle-icon--Color: var(--pf-global--Color--100);
|
|
29058
|
+
--pf-c-tabs__link--focus__toggle-icon--Color: var(--pf-global--Color--100);
|
|
28881
29059
|
position: relative;
|
|
28882
29060
|
display: flex;
|
|
28883
29061
|
width: var(--pf-c-tabs--Width);
|
|
@@ -29306,6 +29484,15 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29306
29484
|
--pf-c-tabs__link--after--BorderWidth: var(--pf-c-tabs__link--active--after--BorderWidth);
|
|
29307
29485
|
}
|
|
29308
29486
|
|
|
29487
|
+
.pf-c-tabs__link:hover {
|
|
29488
|
+
--pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--hover__toggle-icon--Color);
|
|
29489
|
+
}
|
|
29490
|
+
.pf-c-tabs__link:focus {
|
|
29491
|
+
--pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--focus__toggle-icon--Color);
|
|
29492
|
+
}
|
|
29493
|
+
.pf-c-tabs__link:active, .pf-c-tabs__link.pf-m-active {
|
|
29494
|
+
--pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--active__toggle-icon--Color);
|
|
29495
|
+
}
|
|
29309
29496
|
.pf-c-tabs__link:disabled, .pf-c-tabs__link.pf-m-disabled {
|
|
29310
29497
|
pointer-events: none;
|
|
29311
29498
|
}
|
|
@@ -29329,6 +29516,18 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29329
29516
|
.pf-c-tabs__link .pf-c-tabs__item-text:last-child {
|
|
29330
29517
|
--pf-c-tabs__link--child--MarginRight: 0;
|
|
29331
29518
|
}
|
|
29519
|
+
.pf-c-tabs__link.pf-m-expanded {
|
|
29520
|
+
--pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--m-expanded__toggle-icon--Color);
|
|
29521
|
+
--pf-c-tabs__link-toggle-icon--Rotate: var(--pf-c-tabs__link--m-expanded__toggle-icon--Rotate);
|
|
29522
|
+
}
|
|
29523
|
+
|
|
29524
|
+
.pf-c-tabs__link-toggle-icon {
|
|
29525
|
+
align-self: end;
|
|
29526
|
+
font-size: var(--pf-c-tabs__link-toggle-icon--FontSize);
|
|
29527
|
+
color: var(--pf-c-tabs__link-toggle-icon--Color);
|
|
29528
|
+
transition: var(--pf-c-tabs__link-toggle-icon--Transition);
|
|
29529
|
+
transform: rotate(var(--pf-c-tabs__link-toggle-icon--Rotate));
|
|
29530
|
+
}
|
|
29332
29531
|
|
|
29333
29532
|
.pf-c-tabs__item-close {
|
|
29334
29533
|
display: flex;
|
|
@@ -31259,6 +31458,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31259
31458
|
}
|
|
31260
31459
|
|
|
31261
31460
|
.pf-c-wizard__footer {
|
|
31461
|
+
position: relative;
|
|
31262
31462
|
z-index: var(--pf-c-wizard__footer--ZIndex);
|
|
31263
31463
|
display: flex;
|
|
31264
31464
|
flex-wrap: wrap;
|
|
@@ -31272,7 +31472,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31272
31472
|
.pf-c-wizard__footer > *:not(:last-child) {
|
|
31273
31473
|
margin-right: var(--pf-c-wizard__footer--child--MarginRight);
|
|
31274
31474
|
}
|
|
31275
|
-
.pf-c-page__main-wizard .pf-c-wizard__footer, .pf-c-modal-box .pf-c-wizard__footer {
|
|
31475
|
+
.pf-c-page__main-wizard .pf-c-wizard__footer, .pf-c-modal-box .pf-c-wizard__footer, .pf-c-drawer > .pf-c-wizard__footer {
|
|
31276
31476
|
box-shadow: var(--pf-c-wizard__footer--BoxShadow);
|
|
31277
31477
|
}
|
|
31278
31478
|
|