@patternfly/patternfly 6.0.0-alpha.193 → 6.0.0-alpha.195
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/components/Page/page.css +7 -140
- package/components/Page/page.scss +2 -69
- package/components/_index.css +7 -140
- package/docs/components/Page/examples/Page.md +0 -4
- package/package.json +1 -1
- package/patternfly-no-globals.css +7 -140
- package/patternfly.css +7 -140
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/components/_index.css
CHANGED
|
@@ -11393,7 +11393,6 @@ ul.pf-v6-c-list {
|
|
|
11393
11393
|
--pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
11394
11394
|
--pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11395
11395
|
--pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
11396
|
-
--pf-v6-c-page__main-nav--page__main-tabs--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
11397
11396
|
--pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
|
|
11398
11397
|
--pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
|
|
11399
11398
|
--pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
@@ -11403,13 +11402,6 @@ ul.pf-v6-c-list {
|
|
|
11403
11402
|
--pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
|
|
11404
11403
|
--pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
11405
11404
|
--pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
|
|
11406
|
-
--pf-v6-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11407
|
-
--pf-v6-c-page__main-nav--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
11408
|
-
--pf-v6-c-page__main-nav--PaddingInlineEnd: 0;
|
|
11409
|
-
--pf-v6-c-page__main-nav--PaddingInlineStart: 0;
|
|
11410
|
-
--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
11411
|
-
--pf-v6-c-page__main-nav--xl--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
11412
|
-
--pf-v6-c-page__main-nav--xl--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
11413
11405
|
--pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
11414
11406
|
--pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
11415
11407
|
--pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
|
|
@@ -11539,21 +11531,18 @@ ul.pf-v6-c-list {
|
|
|
11539
11531
|
flex-grow: 0;
|
|
11540
11532
|
}
|
|
11541
11533
|
|
|
11542
|
-
.pf-v6-c-page__main-nav.pf-m-limit-width > .pf-v6-c-page__main-body,
|
|
11543
11534
|
.pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
|
|
11544
11535
|
.pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
|
|
11545
11536
|
.pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
|
|
11546
11537
|
.pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
|
|
11547
11538
|
max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
|
|
11548
11539
|
}
|
|
11549
|
-
.pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center,
|
|
11550
11540
|
.pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center,
|
|
11551
11541
|
.pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center,
|
|
11552
11542
|
.pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center,
|
|
11553
11543
|
.pf-v6-c-page__main-wizard.pf-m-limit-width.pf-m-align-center {
|
|
11554
11544
|
align-items: center;
|
|
11555
11545
|
}
|
|
11556
|
-
.pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
|
11557
11546
|
.pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
|
11558
11547
|
.pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
|
11559
11548
|
.pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
|
@@ -11561,7 +11550,6 @@ ul.pf-v6-c-list {
|
|
|
11561
11550
|
width: 100%;
|
|
11562
11551
|
}
|
|
11563
11552
|
|
|
11564
|
-
.pf-v6-c-page__main-nav,
|
|
11565
11553
|
.pf-v6-c-page__main-breadcrumb,
|
|
11566
11554
|
.pf-v6-c-page__main-tabs,
|
|
11567
11555
|
.pf-v6-c-page__main-section,
|
|
@@ -11572,7 +11560,6 @@ ul.pf-v6-c-list {
|
|
|
11572
11560
|
flex-direction: column;
|
|
11573
11561
|
flex-shrink: 0;
|
|
11574
11562
|
}
|
|
11575
|
-
.pf-v6-c-page__main-nav.pf-m-overflow-scroll,
|
|
11576
11563
|
.pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
|
|
11577
11564
|
.pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
|
|
11578
11565
|
.pf-v6-c-page__main-section.pf-m-overflow-scroll,
|
|
@@ -11583,7 +11570,6 @@ ul.pf-v6-c-list {
|
|
|
11583
11570
|
flex-shrink: 1;
|
|
11584
11571
|
overflow: auto;
|
|
11585
11572
|
}
|
|
11586
|
-
.pf-v6-c-page__main-nav.pf-m-shadow-bottom,
|
|
11587
11573
|
.pf-v6-c-page__main-breadcrumb.pf-m-shadow-bottom,
|
|
11588
11574
|
.pf-v6-c-page__main-tabs.pf-m-shadow-bottom,
|
|
11589
11575
|
.pf-v6-c-page__main-section.pf-m-shadow-bottom,
|
|
@@ -11593,7 +11579,6 @@ ul.pf-v6-c-list {
|
|
|
11593
11579
|
z-index: var(--pf-v6-c-page--section--m-shadow-bottom--ZIndex);
|
|
11594
11580
|
box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
|
|
11595
11581
|
}
|
|
11596
|
-
.pf-v6-c-page__main-nav.pf-m-shadow-top,
|
|
11597
11582
|
.pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
|
|
11598
11583
|
.pf-v6-c-page__main-tabs.pf-m-shadow-top,
|
|
11599
11584
|
.pf-v6-c-page__main-section.pf-m-shadow-top,
|
|
@@ -11603,7 +11588,6 @@ ul.pf-v6-c-list {
|
|
|
11603
11588
|
z-index: var(--pf-v6-c-page--section--m-shadow-top--ZIndex);
|
|
11604
11589
|
box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
|
|
11605
11590
|
}
|
|
11606
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top,
|
|
11607
11591
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
|
|
11608
11592
|
.pf-v6-c-page__main-tabs.pf-m-sticky-top,
|
|
11609
11593
|
.pf-v6-c-page__main-section.pf-m-sticky-top,
|
|
@@ -11615,7 +11599,6 @@ ul.pf-v6-c-list {
|
|
|
11615
11599
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
11616
11600
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
11617
11601
|
}
|
|
11618
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-bottom,
|
|
11619
11602
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
|
|
11620
11603
|
.pf-v6-c-page__main-tabs.pf-m-sticky-bottom,
|
|
11621
11604
|
.pf-v6-c-page__main-section.pf-m-sticky-bottom,
|
|
@@ -11628,7 +11611,6 @@ ul.pf-v6-c-list {
|
|
|
11628
11611
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
11629
11612
|
}
|
|
11630
11613
|
@media (min-height: 0) {
|
|
11631
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top-on-sm-height,
|
|
11632
11614
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
|
|
11633
11615
|
.pf-v6-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
|
|
11634
11616
|
.pf-v6-c-page__main-section.pf-m-sticky-top-on-sm-height,
|
|
@@ -11640,7 +11622,6 @@ ul.pf-v6-c-list {
|
|
|
11640
11622
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
11641
11623
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
11642
11624
|
}
|
|
11643
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
|
|
11644
11625
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
|
|
11645
11626
|
.pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
|
|
11646
11627
|
.pf-v6-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
|
|
@@ -11654,7 +11635,6 @@ ul.pf-v6-c-list {
|
|
|
11654
11635
|
}
|
|
11655
11636
|
}
|
|
11656
11637
|
@media (min-height: 40rem) {
|
|
11657
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top-on-md-height,
|
|
11658
11638
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
|
|
11659
11639
|
.pf-v6-c-page__main-tabs.pf-m-sticky-top-on-md-height,
|
|
11660
11640
|
.pf-v6-c-page__main-section.pf-m-sticky-top-on-md-height,
|
|
@@ -11666,7 +11646,6 @@ ul.pf-v6-c-list {
|
|
|
11666
11646
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
11667
11647
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
11668
11648
|
}
|
|
11669
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
|
|
11670
11649
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
|
|
11671
11650
|
.pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
|
|
11672
11651
|
.pf-v6-c-page__main-section.pf-m-sticky-bottom-on-md-height,
|
|
@@ -11680,7 +11659,6 @@ ul.pf-v6-c-list {
|
|
|
11680
11659
|
}
|
|
11681
11660
|
}
|
|
11682
11661
|
@media (min-height: 48rem) {
|
|
11683
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top-on-lg-height,
|
|
11684
11662
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
|
|
11685
11663
|
.pf-v6-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
|
|
11686
11664
|
.pf-v6-c-page__main-section.pf-m-sticky-top-on-lg-height,
|
|
@@ -11692,7 +11670,6 @@ ul.pf-v6-c-list {
|
|
|
11692
11670
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
11693
11671
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
11694
11672
|
}
|
|
11695
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
|
|
11696
11673
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
|
|
11697
11674
|
.pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
|
|
11698
11675
|
.pf-v6-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
|
|
@@ -11706,7 +11683,6 @@ ul.pf-v6-c-list {
|
|
|
11706
11683
|
}
|
|
11707
11684
|
}
|
|
11708
11685
|
@media (min-height: 60rem) {
|
|
11709
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top-on-xl-height,
|
|
11710
11686
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
|
|
11711
11687
|
.pf-v6-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
|
|
11712
11688
|
.pf-v6-c-page__main-section.pf-m-sticky-top-on-xl-height,
|
|
@@ -11718,7 +11694,6 @@ ul.pf-v6-c-list {
|
|
|
11718
11694
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
11719
11695
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
11720
11696
|
}
|
|
11721
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
|
|
11722
11697
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
|
|
11723
11698
|
.pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
|
|
11724
11699
|
.pf-v6-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
|
|
@@ -11732,7 +11707,6 @@ ul.pf-v6-c-list {
|
|
|
11732
11707
|
}
|
|
11733
11708
|
}
|
|
11734
11709
|
@media (min-height: 80rem) {
|
|
11735
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
|
|
11736
11710
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
|
|
11737
11711
|
.pf-v6-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
|
|
11738
11712
|
.pf-v6-c-page__main-section.pf-m-sticky-top-on-2xl-height,
|
|
@@ -11744,7 +11718,6 @@ ul.pf-v6-c-list {
|
|
|
11744
11718
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
11745
11719
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
11746
11720
|
}
|
|
11747
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
|
|
11748
11721
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
|
|
11749
11722
|
.pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
|
|
11750
11723
|
.pf-v6-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
|
|
@@ -11790,48 +11763,12 @@ ul.pf-v6-c-list {
|
|
|
11790
11763
|
|
|
11791
11764
|
.pf-v6-c-page__main,
|
|
11792
11765
|
.pf-v6-c-page__main-drawer,
|
|
11793
|
-
.pf-v6-c-page__main-group
|
|
11794
|
-
.pf-v6-c-page__main-list {
|
|
11766
|
+
.pf-v6-c-page__main-group {
|
|
11795
11767
|
display: flex;
|
|
11796
11768
|
flex-direction: column;
|
|
11797
11769
|
flex-grow: 1;
|
|
11798
11770
|
}
|
|
11799
11771
|
|
|
11800
|
-
.pf-v6-c-page__main-nav {
|
|
11801
|
-
padding-block-start: var(--pf-v6-c-page__main-nav--PaddingBlockStart);
|
|
11802
|
-
padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
|
|
11803
|
-
padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
|
|
11804
|
-
background-color: var(--pf-v6-c-page__main-nav--BackgroundColor);
|
|
11805
|
-
}
|
|
11806
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top, .pf-v6-c-page__main-group.pf-m-sticky-top .pf-v6-c-page__main-nav:last-child {
|
|
11807
|
-
padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
|
|
11808
|
-
}
|
|
11809
|
-
@media (min-height: 0) {
|
|
11810
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top-on-sm-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-v6-c-page__main-nav:last-child {
|
|
11811
|
-
padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
|
|
11812
|
-
}
|
|
11813
|
-
}
|
|
11814
|
-
@media (min-height: 40rem) {
|
|
11815
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top-on-md-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-md-height .pf-v6-c-page__main-nav:last-child {
|
|
11816
|
-
padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
|
|
11817
|
-
}
|
|
11818
|
-
}
|
|
11819
|
-
@media (min-height: 48rem) {
|
|
11820
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top-on-lg-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-v6-c-page__main-nav:last-child {
|
|
11821
|
-
padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
|
|
11822
|
-
}
|
|
11823
|
-
}
|
|
11824
|
-
@media (min-height: 60rem) {
|
|
11825
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top-on-xl-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-v6-c-page__main-nav:last-child {
|
|
11826
|
-
padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
|
|
11827
|
-
}
|
|
11828
|
-
}
|
|
11829
|
-
@media (min-height: 80rem) {
|
|
11830
|
-
.pf-v6-c-page__main-nav.pf-m-sticky-top-on-2xl-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-v6-c-page__main-nav:last-child {
|
|
11831
|
-
padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
|
|
11832
|
-
}
|
|
11833
|
-
}
|
|
11834
|
-
|
|
11835
11772
|
.pf-v6-c-page__main-subnav {
|
|
11836
11773
|
padding-block-start: var(--pf-v6-c-page__main-subnav--PaddingBlockStart);
|
|
11837
11774
|
padding-block-end: var(--pf-v6-c-page__main-subnav--PaddingBlockEnd);
|
|
@@ -11886,9 +11823,6 @@ ul.pf-v6-c-list {
|
|
|
11886
11823
|
padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
|
|
11887
11824
|
background-color: var(--pf-v6-c-page__main-tabs--BackgroundColor);
|
|
11888
11825
|
}
|
|
11889
|
-
.pf-v6-c-page__main-nav + .pf-v6-c-page__main-tabs {
|
|
11890
|
-
--pf-v6-c-page__main-tabs--PaddingBlockStart: var(--pf-v6-c-page__main-nav--page__main-tabs--PaddingBlockStart);
|
|
11891
|
-
}
|
|
11892
11826
|
.pf-v6-c-page__main-breadcrumb + .pf-v6-c-page__main-tabs {
|
|
11893
11827
|
--pf-v6-c-page__main-tabs--PaddingBlockStart: var(--pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart);
|
|
11894
11828
|
}
|
|
@@ -11921,16 +11855,7 @@ ul.pf-v6-c-list {
|
|
|
11921
11855
|
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11922
11856
|
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11923
11857
|
}
|
|
11924
|
-
.pf-v6-c-page__main-section.pf-m-padding
|
|
11925
|
-
padding: 0;
|
|
11926
|
-
}
|
|
11927
|
-
.pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
11928
|
-
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
11929
|
-
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
11930
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11931
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11932
|
-
}
|
|
11933
|
-
.pf-v6-c-page__main-section.pf-m-no-padding, .pf-v6-c-page__main-section.pf-m-no-padding.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
11858
|
+
.pf-v6-c-page__main-section.pf-m-no-padding {
|
|
11934
11859
|
padding: 0;
|
|
11935
11860
|
}
|
|
11936
11861
|
@media (min-width: 36rem) {
|
|
@@ -11940,16 +11865,7 @@ ul.pf-v6-c-list {
|
|
|
11940
11865
|
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11941
11866
|
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11942
11867
|
}
|
|
11943
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-sm
|
|
11944
|
-
padding: 0;
|
|
11945
|
-
}
|
|
11946
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
11947
|
-
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
11948
|
-
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
11949
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11950
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11951
|
-
}
|
|
11952
|
-
.pf-v6-c-page__main-section.pf-m-no-padding-on-sm, .pf-v6-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
11868
|
+
.pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
|
|
11953
11869
|
padding: 0;
|
|
11954
11870
|
}
|
|
11955
11871
|
}
|
|
@@ -11960,16 +11876,7 @@ ul.pf-v6-c-list {
|
|
|
11960
11876
|
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11961
11877
|
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11962
11878
|
}
|
|
11963
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-md
|
|
11964
|
-
padding: 0;
|
|
11965
|
-
}
|
|
11966
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
11967
|
-
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
11968
|
-
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
11969
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11970
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11971
|
-
}
|
|
11972
|
-
.pf-v6-c-page__main-section.pf-m-no-padding-on-md, .pf-v6-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
11879
|
+
.pf-v6-c-page__main-section.pf-m-no-padding-on-md {
|
|
11973
11880
|
padding: 0;
|
|
11974
11881
|
}
|
|
11975
11882
|
}
|
|
@@ -11980,16 +11887,7 @@ ul.pf-v6-c-list {
|
|
|
11980
11887
|
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11981
11888
|
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11982
11889
|
}
|
|
11983
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-lg
|
|
11984
|
-
padding: 0;
|
|
11985
|
-
}
|
|
11986
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
11987
|
-
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
11988
|
-
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
11989
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11990
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11991
|
-
}
|
|
11992
|
-
.pf-v6-c-page__main-section.pf-m-no-padding-on-lg, .pf-v6-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
11890
|
+
.pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
|
|
11993
11891
|
padding: 0;
|
|
11994
11892
|
}
|
|
11995
11893
|
}
|
|
@@ -12000,16 +11898,7 @@ ul.pf-v6-c-list {
|
|
|
12000
11898
|
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12001
11899
|
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12002
11900
|
}
|
|
12003
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-xl
|
|
12004
|
-
padding: 0;
|
|
12005
|
-
}
|
|
12006
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
12007
|
-
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12008
|
-
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12009
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12010
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12011
|
-
}
|
|
12012
|
-
.pf-v6-c-page__main-section.pf-m-no-padding-on-xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
11901
|
+
.pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
|
|
12013
11902
|
padding: 0;
|
|
12014
11903
|
}
|
|
12015
11904
|
}
|
|
@@ -12020,16 +11909,7 @@ ul.pf-v6-c-list {
|
|
|
12020
11909
|
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12021
11910
|
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12022
11911
|
}
|
|
12023
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-2xl
|
|
12024
|
-
padding: 0;
|
|
12025
|
-
}
|
|
12026
|
-
.pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
12027
|
-
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12028
|
-
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12029
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12030
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
12031
|
-
}
|
|
12032
|
-
.pf-v6-c-page__main-section.pf-m-no-padding-on-2xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
|
|
11912
|
+
.pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
|
|
12033
11913
|
padding: 0;
|
|
12034
11914
|
}
|
|
12035
11915
|
}
|
|
@@ -12052,19 +11932,6 @@ ul.pf-v6-c-list {
|
|
|
12052
11932
|
flex-shrink: 0;
|
|
12053
11933
|
}
|
|
12054
11934
|
|
|
12055
|
-
.pf-v6-c-page__main-nav .pf-v6-c-page__main-body {
|
|
12056
|
-
padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
|
|
12057
|
-
padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
|
|
12058
|
-
}
|
|
12059
|
-
.pf-v6-c-page__main-breadcrumb .pf-v6-c-page__main-body {
|
|
12060
|
-
padding-inline-start: 0;
|
|
12061
|
-
padding-inline-end: 0;
|
|
12062
|
-
}
|
|
12063
|
-
.pf-v6-c-page__main-tabs .pf-v6-c-page__main-body {
|
|
12064
|
-
padding-inline-start: var(--pf-v6-c-page__main-tabs--PaddingInlineStart);
|
|
12065
|
-
padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
|
|
12066
|
-
}
|
|
12067
|
-
|
|
12068
11935
|
.pf-v6-c-page__drawer {
|
|
12069
11936
|
grid-area: main;
|
|
12070
11937
|
}
|
|
@@ -296,9 +296,6 @@ wrapperTag: div
|
|
|
296
296
|
<section class="pf-v6-c-page__main-subnav">
|
|
297
297
|
<code>.pf-v6-c-page__main-subnav</code> for horizontal subnav navigation
|
|
298
298
|
</section>
|
|
299
|
-
<section class="pf-v6-c-page__main-nav">
|
|
300
|
-
<code>.pf-v6-c-page__main-nav</code> for tertiary navigation
|
|
301
|
-
</section>
|
|
302
299
|
<section class="pf-v6-c-page__main-tabs">
|
|
303
300
|
<code>.pf-v6-c-page__main-tabs</code> for tabs
|
|
304
301
|
</section>
|
|
@@ -390,7 +387,6 @@ This component provides the basic chrome for a page, including sidebar and main
|
|
|
390
387
|
| `.pf-v6-c-page__sidebar` | `<aside>` | Declares the page sidebar. |
|
|
391
388
|
| `.pf-v6-c-page__sidebar-body` | `<div>` | Creates a wrapper within the sidebar to hold content. **Note: The last/only `.pf-v6-c-page__sidebar-body` element will grow to fill the available vertical space. You can change this behavior using `.pf-m-fill` and `.pf-m-no-fill`, which are documented below.** |
|
|
392
389
|
| `.pf-v6-c-page__main` | `<main>` | Declares the main page area. |
|
|
393
|
-
| `.pf-v6-c-page__main-nav` | `<section>` | Creates a container to nest the (deprecated) tertiary navigation component in the main page area. |
|
|
394
390
|
| `.pf-v6-c-page__main-subnav` | `<section>` | Creates a container to nest the horizontal subnav navigation component in the main page area. |
|
|
395
391
|
| `.pf-v6-c-page__main-breadcrumb` | `<section>` | Creates a container to nest the breadcrumb component in the main page area. |
|
|
396
392
|
| `.pf-v6-c-page__main-section` | `<section>` | Creates a section container in the main page area. **Note: This section will not fill the vertical space. You can change this behavior using `.pf-m-fill` and `.pf-m-no-fill`, which are documented below.** |
|