@patternfly/patternfly 4.198.1 → 4.200.0
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/ProgressStepper/progress-stepper.css +1 -0
- package/components/ProgressStepper/progress-stepper.scss +1 -0
- package/components/Tabs/tabs.css +30 -0
- package/components/Tabs/tabs.scss +37 -0
- package/docs/components/DescriptionList/examples/DescriptionList.md +316 -11
- package/docs/components/Page/examples/Page.md +2 -2
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +7 -13
- package/docs/components/Tabs/examples/Tabs.md +214 -0
- package/docs/demos/Page/examples/Page.md +1044 -0
- package/package.json +1 -1
- package/patternfly-base-no-reset.css +5 -0
- package/patternfly-base.css +5 -0
- package/patternfly-no-reset.css +226 -26
- package/patternfly.css +226 -26
- 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/patternfly.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;
|
|
@@ -10643,6 +10648,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10643
10648
|
--pf-c-description-list__group--RowGap: var(--pf-global--spacer--sm);
|
|
10644
10649
|
--pf-c-description-list__group--ColumnGap: var(--pf-global--spacer--sm);
|
|
10645
10650
|
--pf-c-description-list__group--GridTemplateColumns: auto;
|
|
10651
|
+
--pf-c-description-list__group--GridTemplateRows: auto 1fr;
|
|
10646
10652
|
--pf-c-description-list__group--GridColumn: auto;
|
|
10647
10653
|
--pf-c-description-list--m-compact--RowGap: var(--pf-global--gutter);
|
|
10648
10654
|
--pf-c-description-list--m-compact--ColumnGap: var(--pf-global--spacer--sm);
|
|
@@ -10655,9 +10661,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10655
10661
|
--pf-c-description-list__term-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
10656
10662
|
--pf-c-description-list__term-icon--Color: var(--pf-global--icon--Color--light);
|
|
10657
10663
|
--pf-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-c-description-list--GridTemplateColumns--count));
|
|
10664
|
+
--pf-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
|
|
10658
10665
|
--pf-c-description-list--m-horizontal__term--width: 12ch;
|
|
10659
10666
|
--pf-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
|
|
10660
10667
|
--pf-c-description-list--m-horizontal__group--GridTemplateColumns: var(--pf-c-description-list__term--width) var(--pf-c-description-list--m-horizontal__description--width);
|
|
10668
|
+
--pf-c-description-list--m-horizontal__group--GridTemplateRows: auto;
|
|
10661
10669
|
--pf-c-description-list--m-1-col--GridTemplateColumns--count: 1;
|
|
10662
10670
|
--pf-c-description-list--m-2-col--GridTemplateColumns--count: 2;
|
|
10663
10671
|
--pf-c-description-list--m-3-col--GridTemplateColumns--count: 3;
|
|
@@ -10668,6 +10676,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10668
10676
|
--pf-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
|
|
10669
10677
|
--pf-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
|
|
10670
10678
|
--pf-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
|
|
10679
|
+
--pf-c-description-list--m-display-lg__description--FontSize: var(--pf-global--FontSize--lg);
|
|
10680
|
+
--pf-c-description-list--m-display-2xl__description--FontSize: var(--pf-global--FontSize--2xl);
|
|
10671
10681
|
display: grid;
|
|
10672
10682
|
align-items: baseline;
|
|
10673
10683
|
row-gap: var(--pf-c-description-list--RowGap);
|
|
@@ -10754,7 +10764,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10754
10764
|
column-count: var(--pf-c-description-list--GridTemplateColumns--count);
|
|
10755
10765
|
margin-bottom: calc(var(--pf-c-description-list--RowGap) * -1);
|
|
10756
10766
|
}
|
|
10757
|
-
.pf-c-description-list.pf-m-fill-columns .pf-c-description-list__group
|
|
10767
|
+
.pf-c-description-list.pf-m-fill-columns .pf-c-description-list__group,
|
|
10768
|
+
.pf-c-description-list.pf-m-fill-columns > .pf-c-card {
|
|
10758
10769
|
display: inline-grid;
|
|
10759
10770
|
width: 100%;
|
|
10760
10771
|
margin-bottom: var(--pf-c-description-list--RowGap);
|
|
@@ -10763,13 +10774,25 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10763
10774
|
-webkit-column-break-inside: avoid;
|
|
10764
10775
|
-moz-column-break-inside: avoid;
|
|
10765
10776
|
}
|
|
10777
|
+
.pf-c-description-list.pf-m-display-lg {
|
|
10778
|
+
--pf-c-description-list__description--FontSize: var(--pf-c-description-list--m-display-lg__description--FontSize);
|
|
10779
|
+
}
|
|
10780
|
+
.pf-c-description-list.pf-m-display-2xl {
|
|
10781
|
+
--pf-c-description-list__description--FontSize: var(--pf-c-description-list--m-display-2xl__description--FontSize);
|
|
10782
|
+
}
|
|
10783
|
+
.pf-c-description-list > .pf-c-card {
|
|
10784
|
+
align-self: stretch;
|
|
10785
|
+
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);
|
|
10786
|
+
}
|
|
10766
10787
|
|
|
10767
|
-
.pf-c-description-list__group
|
|
10788
|
+
.pf-c-description-list__group,
|
|
10789
|
+
.pf-c-description-list > .pf-c-card {
|
|
10768
10790
|
display: grid;
|
|
10769
10791
|
grid-column: var(--pf-c-description-list__group--GridColumn);
|
|
10770
10792
|
row-gap: var(--pf-c-description-list__group--RowGap);
|
|
10771
10793
|
column-gap: var(--pf-c-description-list__group--ColumnGap);
|
|
10772
10794
|
grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
|
|
10795
|
+
grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
|
|
10773
10796
|
align-items: baseline;
|
|
10774
10797
|
}
|
|
10775
10798
|
|
|
@@ -10797,6 +10820,10 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10797
10820
|
color: var(--pf-c-description-list__term-icon--Color);
|
|
10798
10821
|
}
|
|
10799
10822
|
|
|
10823
|
+
.pf-c-description-list__description {
|
|
10824
|
+
font-size: var(--pf-c-description-list__description--FontSize, inherit);
|
|
10825
|
+
}
|
|
10826
|
+
|
|
10800
10827
|
.pf-c-description-list__text {
|
|
10801
10828
|
min-width: 0;
|
|
10802
10829
|
}
|
|
@@ -10826,9 +10853,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10826
10853
|
}
|
|
10827
10854
|
.pf-c-description-list.pf-m-horizontal {
|
|
10828
10855
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
10856
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
10829
10857
|
}
|
|
10830
10858
|
.pf-c-description-list.pf-m-vertical {
|
|
10831
10859
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
10860
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
|
|
10832
10861
|
}
|
|
10833
10862
|
@media (min-width: 576px) {
|
|
10834
10863
|
.pf-c-description-list.pf-m-1-col-on-sm {
|
|
@@ -10842,9 +10871,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10842
10871
|
}
|
|
10843
10872
|
.pf-c-description-list.pf-m-horizontal-on-sm {
|
|
10844
10873
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
10874
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
10845
10875
|
}
|
|
10846
10876
|
.pf-c-description-list.pf-m-vertical-on-sm {
|
|
10847
10877
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
10878
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
|
|
10848
10879
|
}
|
|
10849
10880
|
}
|
|
10850
10881
|
@media (min-width: 768px) {
|
|
@@ -10859,9 +10890,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10859
10890
|
}
|
|
10860
10891
|
.pf-c-description-list.pf-m-horizontal-on-md {
|
|
10861
10892
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
10893
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
10862
10894
|
}
|
|
10863
10895
|
.pf-c-description-list.pf-m-vertical-on-md {
|
|
10864
10896
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
10897
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
|
|
10865
10898
|
}
|
|
10866
10899
|
}
|
|
10867
10900
|
@media (min-width: 992px) {
|
|
@@ -10876,9 +10909,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10876
10909
|
}
|
|
10877
10910
|
.pf-c-description-list.pf-m-horizontal-on-lg {
|
|
10878
10911
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
10912
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
10879
10913
|
}
|
|
10880
10914
|
.pf-c-description-list.pf-m-vertical-on-lg {
|
|
10881
10915
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
10916
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
|
|
10882
10917
|
}
|
|
10883
10918
|
}
|
|
10884
10919
|
@media (min-width: 1200px) {
|
|
@@ -10893,9 +10928,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10893
10928
|
}
|
|
10894
10929
|
.pf-c-description-list.pf-m-horizontal-on-xl {
|
|
10895
10930
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
10931
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
10896
10932
|
}
|
|
10897
10933
|
.pf-c-description-list.pf-m-vertical-on-xl {
|
|
10898
10934
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
10935
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
|
|
10899
10936
|
}
|
|
10900
10937
|
}
|
|
10901
10938
|
@media (min-width: 1450px) {
|
|
@@ -10910,9 +10947,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10910
10947
|
}
|
|
10911
10948
|
.pf-c-description-list.pf-m-horizontal-on-2xl {
|
|
10912
10949
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
|
|
10950
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
|
|
10913
10951
|
}
|
|
10914
10952
|
.pf-c-description-list.pf-m-vertical-on-2xl {
|
|
10915
10953
|
--pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
|
|
10954
|
+
--pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
|
|
10916
10955
|
}
|
|
10917
10956
|
}
|
|
10918
10957
|
|
|
@@ -21721,30 +21760,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21721
21760
|
.pf-c-page__main-subnav {
|
|
21722
21761
|
flex-shrink: 0;
|
|
21723
21762
|
}
|
|
21724
|
-
.pf-c-page__main-nav.pf-m-sticky-top,
|
|
21725
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top,
|
|
21726
|
-
.pf-c-page__main-tabs.pf-m-sticky-top,
|
|
21727
|
-
.pf-c-page__main-section.pf-m-sticky-top,
|
|
21728
|
-
.pf-c-page__main-wizard.pf-m-sticky-top,
|
|
21729
|
-
.pf-c-page__main-group.pf-m-sticky-top,
|
|
21730
|
-
.pf-c-page__main-subnav.pf-m-sticky-top {
|
|
21731
|
-
position: sticky;
|
|
21732
|
-
top: 0;
|
|
21733
|
-
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
21734
|
-
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
21735
|
-
}
|
|
21736
|
-
.pf-c-page__main-nav.pf-m-sticky-bottom,
|
|
21737
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom,
|
|
21738
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom,
|
|
21739
|
-
.pf-c-page__main-section.pf-m-sticky-bottom,
|
|
21740
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom,
|
|
21741
|
-
.pf-c-page__main-group.pf-m-sticky-bottom,
|
|
21742
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom {
|
|
21743
|
-
position: sticky;
|
|
21744
|
-
bottom: 0;
|
|
21745
|
-
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
21746
|
-
box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
|
|
21747
|
-
}
|
|
21748
21763
|
.pf-c-page__main-nav.pf-m-overflow-scroll,
|
|
21749
21764
|
.pf-c-page__main-breadcrumb.pf-m-overflow-scroll,
|
|
21750
21765
|
.pf-c-page__main-tabs.pf-m-overflow-scroll,
|
|
@@ -21776,6 +21791,160 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21776
21791
|
z-index: var(--pf-c-page--section--m-shadow-top--ZIndex);
|
|
21777
21792
|
box-shadow: var(--pf-c-page--section--m-shadow-top--BoxShadow);
|
|
21778
21793
|
}
|
|
21794
|
+
.pf-c-page__main-nav.pf-m-sticky-top,
|
|
21795
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top,
|
|
21796
|
+
.pf-c-page__main-tabs.pf-m-sticky-top,
|
|
21797
|
+
.pf-c-page__main-section.pf-m-sticky-top,
|
|
21798
|
+
.pf-c-page__main-wizard.pf-m-sticky-top,
|
|
21799
|
+
.pf-c-page__main-group.pf-m-sticky-top,
|
|
21800
|
+
.pf-c-page__main-subnav.pf-m-sticky-top {
|
|
21801
|
+
position: sticky;
|
|
21802
|
+
top: 0;
|
|
21803
|
+
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
21804
|
+
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
21805
|
+
}
|
|
21806
|
+
.pf-c-page__main-nav.pf-m-sticky-bottom,
|
|
21807
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom,
|
|
21808
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom,
|
|
21809
|
+
.pf-c-page__main-section.pf-m-sticky-bottom,
|
|
21810
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom,
|
|
21811
|
+
.pf-c-page__main-group.pf-m-sticky-bottom,
|
|
21812
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom {
|
|
21813
|
+
position: sticky;
|
|
21814
|
+
bottom: 0;
|
|
21815
|
+
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
21816
|
+
box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
|
|
21817
|
+
}
|
|
21818
|
+
@media (min-height: 0) {
|
|
21819
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
|
|
21820
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
|
|
21821
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
|
|
21822
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
|
|
21823
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
|
|
21824
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
|
|
21825
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
|
|
21826
|
+
position: sticky;
|
|
21827
|
+
top: 0;
|
|
21828
|
+
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
21829
|
+
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
21830
|
+
}
|
|
21831
|
+
.pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
|
|
21832
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
|
|
21833
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
|
|
21834
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
|
|
21835
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
|
|
21836
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
|
|
21837
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
|
|
21838
|
+
position: sticky;
|
|
21839
|
+
bottom: 0;
|
|
21840
|
+
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
21841
|
+
box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
|
|
21842
|
+
}
|
|
21843
|
+
}
|
|
21844
|
+
@media (min-height: 40rem) {
|
|
21845
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
|
|
21846
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
|
|
21847
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
|
|
21848
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-md-height,
|
|
21849
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
|
|
21850
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-md-height,
|
|
21851
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
|
|
21852
|
+
position: sticky;
|
|
21853
|
+
top: 0;
|
|
21854
|
+
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
21855
|
+
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
21856
|
+
}
|
|
21857
|
+
.pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
|
|
21858
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
|
|
21859
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
|
|
21860
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
|
|
21861
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
|
|
21862
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
|
|
21863
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
|
|
21864
|
+
position: sticky;
|
|
21865
|
+
bottom: 0;
|
|
21866
|
+
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
21867
|
+
box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
|
|
21868
|
+
}
|
|
21869
|
+
}
|
|
21870
|
+
@media (min-height: 48rem) {
|
|
21871
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
|
|
21872
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
|
|
21873
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
|
|
21874
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
|
|
21875
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
|
|
21876
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
|
|
21877
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
|
|
21878
|
+
position: sticky;
|
|
21879
|
+
top: 0;
|
|
21880
|
+
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
21881
|
+
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
21882
|
+
}
|
|
21883
|
+
.pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
|
|
21884
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
|
|
21885
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
|
|
21886
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
|
|
21887
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
|
|
21888
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
|
|
21889
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
|
|
21890
|
+
position: sticky;
|
|
21891
|
+
bottom: 0;
|
|
21892
|
+
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
21893
|
+
box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
|
|
21894
|
+
}
|
|
21895
|
+
}
|
|
21896
|
+
@media (min-height: 60rem) {
|
|
21897
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
|
|
21898
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
|
|
21899
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
|
|
21900
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
|
|
21901
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
|
|
21902
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
|
|
21903
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
|
|
21904
|
+
position: sticky;
|
|
21905
|
+
top: 0;
|
|
21906
|
+
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
21907
|
+
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
21908
|
+
}
|
|
21909
|
+
.pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
|
|
21910
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
|
|
21911
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
|
|
21912
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
|
|
21913
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
|
|
21914
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
|
|
21915
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
|
|
21916
|
+
position: sticky;
|
|
21917
|
+
bottom: 0;
|
|
21918
|
+
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
21919
|
+
box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
|
|
21920
|
+
}
|
|
21921
|
+
}
|
|
21922
|
+
@media (min-height: 80rem) {
|
|
21923
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
|
|
21924
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
|
|
21925
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
|
|
21926
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
|
|
21927
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
|
|
21928
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
|
|
21929
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
|
|
21930
|
+
position: sticky;
|
|
21931
|
+
top: 0;
|
|
21932
|
+
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
21933
|
+
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
21934
|
+
}
|
|
21935
|
+
.pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
|
|
21936
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
|
|
21937
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
|
|
21938
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
|
|
21939
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
|
|
21940
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
|
|
21941
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
|
|
21942
|
+
position: sticky;
|
|
21943
|
+
bottom: 0;
|
|
21944
|
+
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
21945
|
+
box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
|
|
21946
|
+
}
|
|
21947
|
+
}
|
|
21779
21948
|
|
|
21780
21949
|
.pf-c-page__main,
|
|
21781
21950
|
.pf-c-page__drawer {
|
|
@@ -23141,6 +23310,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23141
23310
|
font-weight: var(--pf-c-progress-stepper__step-title--FontWeight);
|
|
23142
23311
|
color: var(--pf-c-progress-stepper__step-title--Color);
|
|
23143
23312
|
text-align: var(--pf-c-progress-stepper__step-title--TextAlign);
|
|
23313
|
+
border: 0;
|
|
23144
23314
|
}
|
|
23145
23315
|
.pf-c-progress-stepper__step-title.pf-m-help-text {
|
|
23146
23316
|
text-decoration: underline;
|
|
@@ -29004,6 +29174,15 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29004
29174
|
--pf-c-tabs__add--c-button--PaddingTop: var(--pf-c-tabs__link--PaddingTop);
|
|
29005
29175
|
--pf-c-tabs__add--c-button--PaddingBottom: var(--pf-c-tabs__link--PaddingBottom);
|
|
29006
29176
|
--pf-c-tabs__add--c-button--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
|
|
29177
|
+
--pf-c-tabs__link-toggle-icon--Color: var(--pf-global--Color--200);
|
|
29178
|
+
--pf-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
|
|
29179
|
+
--pf-c-tabs__link-toggle-icon--Rotate: 0;
|
|
29180
|
+
--pf-c-tabs__link-toggle-icon--FontSize: var(--pf-global--FontSize--sm);
|
|
29181
|
+
--pf-c-tabs__link--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
|
|
29182
|
+
--pf-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
|
|
29183
|
+
--pf-c-tabs__link--hover__toggle-icon--Color: var(--pf-global--Color--100);
|
|
29184
|
+
--pf-c-tabs__link--active__toggle-icon--Color: var(--pf-global--Color--100);
|
|
29185
|
+
--pf-c-tabs__link--focus__toggle-icon--Color: var(--pf-global--Color--100);
|
|
29007
29186
|
position: relative;
|
|
29008
29187
|
display: flex;
|
|
29009
29188
|
width: var(--pf-c-tabs--Width);
|
|
@@ -29432,6 +29611,15 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29432
29611
|
--pf-c-tabs__link--after--BorderWidth: var(--pf-c-tabs__link--active--after--BorderWidth);
|
|
29433
29612
|
}
|
|
29434
29613
|
|
|
29614
|
+
.pf-c-tabs__link:hover {
|
|
29615
|
+
--pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--hover__toggle-icon--Color);
|
|
29616
|
+
}
|
|
29617
|
+
.pf-c-tabs__link:focus {
|
|
29618
|
+
--pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--focus__toggle-icon--Color);
|
|
29619
|
+
}
|
|
29620
|
+
.pf-c-tabs__link:active, .pf-c-tabs__link.pf-m-active {
|
|
29621
|
+
--pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--active__toggle-icon--Color);
|
|
29622
|
+
}
|
|
29435
29623
|
.pf-c-tabs__link:disabled, .pf-c-tabs__link.pf-m-disabled {
|
|
29436
29624
|
pointer-events: none;
|
|
29437
29625
|
}
|
|
@@ -29455,6 +29643,18 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29455
29643
|
.pf-c-tabs__link .pf-c-tabs__item-text:last-child {
|
|
29456
29644
|
--pf-c-tabs__link--child--MarginRight: 0;
|
|
29457
29645
|
}
|
|
29646
|
+
.pf-c-tabs__link.pf-m-expanded {
|
|
29647
|
+
--pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--m-expanded__toggle-icon--Color);
|
|
29648
|
+
--pf-c-tabs__link-toggle-icon--Rotate: var(--pf-c-tabs__link--m-expanded__toggle-icon--Rotate);
|
|
29649
|
+
}
|
|
29650
|
+
|
|
29651
|
+
.pf-c-tabs__link-toggle-icon {
|
|
29652
|
+
align-self: end;
|
|
29653
|
+
font-size: var(--pf-c-tabs__link-toggle-icon--FontSize);
|
|
29654
|
+
color: var(--pf-c-tabs__link-toggle-icon--Color);
|
|
29655
|
+
transition: var(--pf-c-tabs__link-toggle-icon--Transition);
|
|
29656
|
+
transform: rotate(var(--pf-c-tabs__link-toggle-icon--Rotate));
|
|
29657
|
+
}
|
|
29458
29658
|
|
|
29459
29659
|
.pf-c-tabs__item-close {
|
|
29460
29660
|
display: flex;
|