@patternfly/patternfly 6.0.0-alpha.201 → 6.0.0-alpha.202
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/Masthead/masthead.css +172 -95
- package/components/Masthead/masthead.scss +74 -49
- package/components/Nav/nav.css +5 -4
- package/components/Nav/nav.scss +5 -4
- package/components/Page/page.css +18 -12
- package/components/Page/page.scss +18 -12
- package/components/_index.css +195 -111
- package/docs/components/Masthead/examples/masthead.md +506 -493
- package/docs/components/Nav/examples/Navigation.md +0 -1
- package/docs/components/Page/examples/Page.md +98 -89
- package/docs/components/Wizard/examples/Wizard.md +1 -1
- package/docs/demos/AboutModal/examples/AboutModal.md +87 -83
- package/docs/demos/Alert/examples/Alert.md +263 -251
- package/docs/demos/BackToTop/examples/BackToTop.md +87 -83
- package/docs/demos/Banner/examples/Banner.md +177 -173
- package/docs/demos/CardView/examples/CardView.md +90 -88
- package/docs/demos/Dashboard/examples/Dashboard.md +87 -83
- package/docs/demos/DataList/examples/DataList.md +352 -344
- package/docs/demos/DescriptionList/examples/DescriptionList.md +262 -252
- package/docs/demos/Drawer/examples/Drawer.md +437 -423
- package/docs/demos/JumpLinks/examples/JumpLinks.md +524 -500
- package/docs/demos/Masthead/examples/Masthead.md +772 -736
- package/docs/demos/Modal/examples/Modal.md +522 -498
- package/docs/demos/Nav/examples/Nav.md +511 -487
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +435 -425
- package/docs/demos/Page/examples/Page.md +959 -915
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +611 -584
- package/docs/demos/Skeleton/examples/Skeleton.md +87 -83
- package/docs/demos/Table/examples/Table.md +1320 -1288
- package/docs/demos/Tabs/examples/Tabs.md +526 -504
- package/docs/demos/Toolbar/examples/Toolbar.md +174 -166
- package/docs/demos/Wizard/examples/Wizard.md +790 -767
- package/package.json +1 -1
- package/patternfly-no-globals.css +195 -111
- package/patternfly.css +195 -111
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/package.json
CHANGED
|
@@ -14898,44 +14898,58 @@ ul.pf-v6-c-list {
|
|
|
14898
14898
|
|
|
14899
14899
|
:where(:root, .pf-v6-c-masthead) {
|
|
14900
14900
|
--pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
|
|
14901
|
-
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--
|
|
14901
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
14902
14902
|
--pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
14903
14903
|
--pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
|
|
14904
14904
|
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
|
|
14905
14905
|
--pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
|
|
14906
14906
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
14907
|
-
--pf-v6-c-
|
|
14908
|
-
--pf-v6-c-
|
|
14907
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
14908
|
+
--pf-v6-c-masthead__main--MarginInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
14909
|
+
--pf-v6-c-masthead__logo--MaxHeight: 2.375rem;
|
|
14910
|
+
--pf-v6-c-masthead__logo--Width: 11.8125rem;
|
|
14909
14911
|
--pf-v6-c-masthead__toggle--Size: var(--pf-t--global--icon--size--xl);
|
|
14912
|
+
--pf-v6-c-masthead__content--ColumnGap: var(--pf-t--global--spacer--md);
|
|
14913
|
+
--pf-v6-c-masthead--m-display-stack--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
14910
14914
|
--pf-v6-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
|
|
14911
|
-
--pf-v6-c-masthead--m-display-
|
|
14912
|
-
--pf-v6-c-masthead--m-display-
|
|
14913
|
-
--pf-v6-c-masthead--m-display-
|
|
14914
|
-
--pf-v6-c-masthead--m-display-
|
|
14915
|
+
--pf-v6-c-masthead--m-display-stack__brand--GridColumn: -1 / 1;
|
|
14916
|
+
--pf-v6-c-masthead--m-display-stack__brand--Order: -1;
|
|
14917
|
+
--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--RowGap);
|
|
14918
|
+
--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
|
|
14915
14919
|
--pf-v6-c-masthead--m-display-stack__content--GridColumn: 2;
|
|
14916
14920
|
--pf-v6-c-masthead--m-display-stack__content--Order: 1;
|
|
14917
|
-
--pf-v6-c-masthead--m-display-
|
|
14918
|
-
--pf-v6-c-masthead--m-display-
|
|
14919
|
-
--pf-v6-c-masthead--m-display-
|
|
14920
|
-
--pf-v6-c-masthead--m-display-
|
|
14921
|
-
--pf-v6-c-masthead--m-display-
|
|
14922
|
-
--pf-v6-c-masthead--m-display-
|
|
14921
|
+
--pf-v6-c-masthead--m-display-stack__main--Display: contents;
|
|
14922
|
+
--pf-v6-c-masthead--m-display-stack__main--ColumnGap: unset;
|
|
14923
|
+
--pf-v6-c-masthead--m-display-inline--ColumnGap: 0;
|
|
14924
|
+
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
14925
|
+
--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns: subgrid;
|
|
14926
|
+
--pf-v6-c-masthead--m-display-inline__brand--GridColumn: initial;
|
|
14927
|
+
--pf-v6-c-masthead--m-display-inline__brand--Order: initial;
|
|
14928
|
+
--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd: 0;
|
|
14929
|
+
--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd: 0;
|
|
14930
|
+
--pf-v6-c-masthead--m-display-inline__main--GridColumn: 1;
|
|
14931
|
+
--pf-v6-c-masthead--m-display-inline__content--GridColumn: 2;
|
|
14923
14932
|
--pf-v6-c-masthead--m-display-inline__content--Order: 0;
|
|
14933
|
+
--pf-v6-c-masthead--m-display-inline__main--Display: flex;
|
|
14934
|
+
--pf-v6-c-masthead--m-display-inline__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
14924
14935
|
--pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
14925
14936
|
--pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
|
|
14926
14937
|
--pf-v6-c-masthead--c-toolbar--Width: 100%;
|
|
14927
14938
|
--pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
|
|
14928
|
-
--pf-v6-c-masthead--c-toolbar--PaddingInline: 0;
|
|
14929
14939
|
}
|
|
14930
14940
|
|
|
14931
14941
|
.pf-v6-c-masthead {
|
|
14942
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
14932
14943
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
14933
|
-
--pf-v6-c-
|
|
14934
|
-
--pf-v6-c-
|
|
14935
|
-
--pf-v6-c-
|
|
14936
|
-
--pf-v6-c-
|
|
14944
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
14945
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
14946
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
14947
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
14948
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
14937
14949
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
14938
14950
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
14951
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
14952
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
14939
14953
|
display: grid;
|
|
14940
14954
|
grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
|
|
14941
14955
|
row-gap: var(--pf-v6-c-masthead--RowGap);
|
|
@@ -14951,18 +14965,21 @@ ul.pf-v6-c-list {
|
|
|
14951
14965
|
.pf-v6-c-masthead .pf-v6-c-toolbar {
|
|
14952
14966
|
--pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
|
|
14953
14967
|
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
14954
|
-
--pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--c-toolbar--PaddingInline);
|
|
14955
14968
|
--pf-v6-c-toolbar__content--MinWidth: 0;
|
|
14956
14969
|
}
|
|
14957
14970
|
@media screen and (min-width: 48rem) {
|
|
14958
14971
|
:where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
|
|
14972
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
14959
14973
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
14974
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
14975
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
14976
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
14977
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
14960
14978
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
14961
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
14962
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
14963
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
14964
14979
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
14965
14980
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
14981
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
14982
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
14966
14983
|
}
|
|
14967
14984
|
}
|
|
14968
14985
|
.pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
|
|
@@ -14975,22 +14992,30 @@ ul.pf-v6-c-list {
|
|
|
14975
14992
|
box-shadow: var(--pf-v6-c-masthead__expandable-content--BoxShadow);
|
|
14976
14993
|
}
|
|
14977
14994
|
.pf-v6-c-masthead.pf-m-display-stack {
|
|
14995
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
14978
14996
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
14979
|
-
--pf-v6-c-
|
|
14980
|
-
--pf-v6-c-
|
|
14981
|
-
--pf-v6-c-
|
|
14982
|
-
--pf-v6-c-
|
|
14997
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
14998
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
14999
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
15000
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
15001
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
14983
15002
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
14984
15003
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15004
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15005
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
14985
15006
|
}
|
|
14986
15007
|
.pf-v6-c-masthead.pf-m-display-inline {
|
|
15008
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
14987
15009
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
15010
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
15011
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
15012
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
15013
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
14988
15014
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
14989
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
14990
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
14991
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
14992
15015
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
14993
15016
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15017
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15018
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
14994
15019
|
}
|
|
14995
15020
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
14996
15021
|
padding-inline-start: 0;
|
|
@@ -15017,48 +15042,52 @@ ul.pf-v6-c-list {
|
|
|
15017
15042
|
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
15018
15043
|
}
|
|
15019
15044
|
|
|
15020
|
-
.pf-v6-c-masthead,
|
|
15021
15045
|
.pf-v6-c-masthead__main {
|
|
15046
|
+
display: var(--pf-v6-c-masthead__main--Display);
|
|
15047
|
+
grid-column: var(--pf-v6-c-masthead__main--GridColumn);
|
|
15048
|
+
column-gap: var(--pf-v6-c-masthead__main--ColumnGap);
|
|
15049
|
+
align-items: center;
|
|
15050
|
+
margin-inline-end: var(--pf-v6-c-masthead__main--MarginInlineEnd);
|
|
15051
|
+
}
|
|
15052
|
+
|
|
15053
|
+
.pf-v6-c-masthead,
|
|
15054
|
+
.pf-v6-c-masthead__brand {
|
|
15022
15055
|
position: relative;
|
|
15023
15056
|
}
|
|
15024
15057
|
|
|
15025
|
-
.pf-v6-c-masthead__main,
|
|
15026
|
-
.pf-v6-c-masthead__content,
|
|
15027
|
-
.pf-v6-c-masthead__logo,
|
|
15028
15058
|
.pf-v6-c-masthead__brand {
|
|
15029
15059
|
display: flex;
|
|
15060
|
+
flex-shrink: 0;
|
|
15061
|
+
grid-column: var(--pf-v6-c-masthead__brand--GridColumn, revert);
|
|
15062
|
+
row-gap: var(--pf-v6-c-masthead__brand--RowGap, var(--pf-v6-c-masthead--RowGap));
|
|
15030
15063
|
align-self: stretch;
|
|
15031
|
-
|
|
15032
|
-
|
|
15033
|
-
.pf-v6-c-masthead__main,
|
|
15034
|
-
.pf-v6-c-masthead__brand,
|
|
15035
|
-
.pf-v6-c-masthead__content {
|
|
15064
|
+
order: var(--pf-v6-c-masthead__brand--Order, revert);
|
|
15036
15065
|
min-width: 0.25rem;
|
|
15037
|
-
|
|
15038
|
-
|
|
15039
|
-
.pf-v6-c-masthead__main {
|
|
15040
|
-
grid-column: var(--pf-v6-c-masthead__main--GridColumn);
|
|
15041
|
-
row-gap: var(--pf-v6-c-masthead__main--RowGap, var(--pf-v6-c-masthead--RowGap));
|
|
15042
|
-
align-items: var(--pf-v6-c-masthead__main--AlignItems, var(--pf-v6-c-masthead--AlignItems));
|
|
15043
|
-
order: var(--pf-v6-c-masthead__main--Order);
|
|
15044
|
-
padding-block-end: var(--pf-v6-c-masthead__main--PaddingBlockEnd);
|
|
15045
|
-
border-block-end: var(--pf-v6-c-masthead__main--BorderBlockEnd);
|
|
15066
|
+
padding-block-end: var(--pf-v6-c-masthead__brand--PaddingBlockEnd);
|
|
15067
|
+
border-block-end: var(--pf-v6-c-masthead__brand--BorderBlockEnd);
|
|
15046
15068
|
}
|
|
15047
15069
|
|
|
15048
15070
|
.pf-v6-c-masthead__content {
|
|
15071
|
+
display: flex;
|
|
15049
15072
|
flex-wrap: wrap;
|
|
15050
15073
|
grid-column: var(--pf-v6-c-masthead__content--GridColumn);
|
|
15051
15074
|
grid-column-end: -1;
|
|
15052
15075
|
row-gap: var(--pf-v6-c-masthead__content-RowGap, var(--pf-v6-c-masthead--RowGap));
|
|
15053
|
-
column-gap: var(--pf-v6-c-masthead__content
|
|
15054
|
-
align-
|
|
15076
|
+
column-gap: var(--pf-v6-c-masthead__content--ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
|
|
15077
|
+
align-self: stretch;
|
|
15055
15078
|
order: var(--pf-v6-c-masthead__content--Order);
|
|
15079
|
+
min-width: 0.25rem;
|
|
15056
15080
|
}
|
|
15057
15081
|
|
|
15058
|
-
.pf-v6-c-
|
|
15059
|
-
|
|
15060
|
-
|
|
15061
|
-
|
|
15082
|
+
.pf-v6-c-masthead__logo {
|
|
15083
|
+
position: relative;
|
|
15084
|
+
width: var(--pf-v6-c-masthead__logo--Width);
|
|
15085
|
+
max-height: var(--pf-v6-c-masthead__logo--MaxHeight);
|
|
15086
|
+
}
|
|
15087
|
+
.pf-v6-c-masthead__logo > * {
|
|
15088
|
+
max-width: 100%;
|
|
15089
|
+
max-height: 100%;
|
|
15090
|
+
vertical-align: middle;
|
|
15062
15091
|
}
|
|
15063
15092
|
|
|
15064
15093
|
.pf-v6-c-masthead__toggle {
|
|
@@ -15071,22 +15100,30 @@ ul.pf-v6-c-list {
|
|
|
15071
15100
|
}
|
|
15072
15101
|
|
|
15073
15102
|
.pf-v6-c-masthead.pf-m-display-stack {
|
|
15103
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
15074
15104
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
15075
|
-
--pf-v6-c-
|
|
15076
|
-
--pf-v6-c-
|
|
15077
|
-
--pf-v6-c-
|
|
15078
|
-
--pf-v6-c-
|
|
15105
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
15106
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
15107
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
15108
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
15109
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15079
15110
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15080
15111
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15112
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15113
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15081
15114
|
}
|
|
15082
15115
|
.pf-v6-c-masthead.pf-m-display-inline {
|
|
15116
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
15083
15117
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
15118
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
15119
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
15120
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
15121
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
15084
15122
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15085
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
15086
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
15087
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
15088
15123
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15089
15124
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15125
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15126
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15090
15127
|
}
|
|
15091
15128
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
15092
15129
|
padding-inline-start: 0;
|
|
@@ -15114,22 +15151,30 @@ ul.pf-v6-c-list {
|
|
|
15114
15151
|
}
|
|
15115
15152
|
@media (min-width: 36rem) {
|
|
15116
15153
|
.pf-v6-c-masthead.pf-m-display-stack-on-sm {
|
|
15154
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
15117
15155
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
15118
|
-
--pf-v6-c-
|
|
15119
|
-
--pf-v6-c-
|
|
15120
|
-
--pf-v6-c-
|
|
15121
|
-
--pf-v6-c-
|
|
15156
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
15157
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
15158
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
15159
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
15160
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15122
15161
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15123
15162
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15163
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15164
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15124
15165
|
}
|
|
15125
15166
|
.pf-v6-c-masthead.pf-m-display-inline-on-sm {
|
|
15167
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
15126
15168
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
15169
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
15170
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
15171
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
15172
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
15127
15173
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15128
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
15129
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
15130
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
15131
15174
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15132
15175
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15176
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15177
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15133
15178
|
}
|
|
15134
15179
|
}
|
|
15135
15180
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
@@ -15158,22 +15203,30 @@ ul.pf-v6-c-list {
|
|
|
15158
15203
|
}
|
|
15159
15204
|
@media (min-width: 48rem) {
|
|
15160
15205
|
.pf-v6-c-masthead.pf-m-display-stack-on-md {
|
|
15206
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
15161
15207
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
15162
|
-
--pf-v6-c-
|
|
15163
|
-
--pf-v6-c-
|
|
15164
|
-
--pf-v6-c-
|
|
15165
|
-
--pf-v6-c-
|
|
15208
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
15209
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
15210
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
15211
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
15212
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15166
15213
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15167
15214
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15215
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15216
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15168
15217
|
}
|
|
15169
15218
|
.pf-v6-c-masthead.pf-m-display-inline-on-md {
|
|
15219
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
15170
15220
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
15221
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
15222
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
15223
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
15224
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
15171
15225
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15172
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
15173
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
15174
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
15175
15226
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15176
15227
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15228
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15229
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15177
15230
|
}
|
|
15178
15231
|
}
|
|
15179
15232
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
@@ -15202,22 +15255,30 @@ ul.pf-v6-c-list {
|
|
|
15202
15255
|
}
|
|
15203
15256
|
@media (min-width: 62rem) {
|
|
15204
15257
|
.pf-v6-c-masthead.pf-m-display-stack-on-lg {
|
|
15258
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
15205
15259
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
15206
|
-
--pf-v6-c-
|
|
15207
|
-
--pf-v6-c-
|
|
15208
|
-
--pf-v6-c-
|
|
15209
|
-
--pf-v6-c-
|
|
15260
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
15261
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
15262
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
15263
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
15264
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15210
15265
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15211
15266
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15267
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15268
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15212
15269
|
}
|
|
15213
15270
|
.pf-v6-c-masthead.pf-m-display-inline-on-lg {
|
|
15271
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
15214
15272
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
15273
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
15274
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
15275
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
15276
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
15215
15277
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15216
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
15217
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
15218
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
15219
15278
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15220
15279
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15280
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15281
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15221
15282
|
}
|
|
15222
15283
|
}
|
|
15223
15284
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
@@ -15246,22 +15307,30 @@ ul.pf-v6-c-list {
|
|
|
15246
15307
|
}
|
|
15247
15308
|
@media (min-width: 75rem) {
|
|
15248
15309
|
.pf-v6-c-masthead.pf-m-display-stack-on-xl {
|
|
15310
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
15249
15311
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
15250
|
-
--pf-v6-c-
|
|
15251
|
-
--pf-v6-c-
|
|
15252
|
-
--pf-v6-c-
|
|
15253
|
-
--pf-v6-c-
|
|
15312
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
15313
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
15314
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
15315
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
15316
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15254
15317
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15255
15318
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15319
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15320
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15256
15321
|
}
|
|
15257
15322
|
.pf-v6-c-masthead.pf-m-display-inline-on-xl {
|
|
15323
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
15258
15324
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
15325
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
15326
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
15327
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
15328
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
15259
15329
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15260
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
15261
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
15262
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
15263
15330
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15264
15331
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15332
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15333
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15265
15334
|
}
|
|
15266
15335
|
}
|
|
15267
15336
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
@@ -15290,22 +15359,30 @@ ul.pf-v6-c-list {
|
|
|
15290
15359
|
}
|
|
15291
15360
|
@media (min-width: 90.625rem) {
|
|
15292
15361
|
.pf-v6-c-masthead.pf-m-display-stack-on-2xl {
|
|
15362
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
|
|
15293
15363
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
|
|
15294
|
-
--pf-v6-c-
|
|
15295
|
-
--pf-v6-c-
|
|
15296
|
-
--pf-v6-c-
|
|
15297
|
-
--pf-v6-c-
|
|
15364
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
|
|
15365
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
|
|
15366
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
|
|
15367
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
|
|
15368
|
+
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15298
15369
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15299
15370
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15371
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15372
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15300
15373
|
}
|
|
15301
15374
|
.pf-v6-c-masthead.pf-m-display-inline-on-2xl {
|
|
15375
|
+
--pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
|
|
15302
15376
|
--pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
|
|
15377
|
+
--pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
|
|
15378
|
+
--pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
|
|
15379
|
+
--pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
|
|
15380
|
+
--pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
|
|
15303
15381
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15304
|
-
--pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
|
|
15305
|
-
--pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
|
|
15306
|
-
--pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
|
|
15307
15382
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15308
15383
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15384
|
+
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15385
|
+
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15309
15386
|
}
|
|
15310
15387
|
}
|
|
15311
15388
|
.pf-v6-c-masthead.pf-m-inset-none {
|
|
@@ -16735,8 +16812,8 @@ ul.pf-v6-c-list {
|
|
|
16735
16812
|
--pf-v6-c-nav__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
16736
16813
|
--pf-v6-c-nav--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
16737
16814
|
--pf-v6-c-nav--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
16738
|
-
--pf-v6-c-nav--PaddingInlineStart:
|
|
16739
|
-
--pf-v6-c-nav--PaddingInlineEnd:
|
|
16815
|
+
--pf-v6-c-nav--PaddingInlineStart: 0;
|
|
16816
|
+
--pf-v6-c-nav--PaddingInlineEnd: 0;
|
|
16740
16817
|
--pf-v6-c-nav--RowGap: var(--pf-t--global--spacer--lg);
|
|
16741
16818
|
--pf-v6-c-nav--ColumnGap: 0;
|
|
16742
16819
|
--pf-v6-c-nav--AlignItems: baseline;
|
|
@@ -16826,8 +16903,9 @@ ul.pf-v6-c-list {
|
|
|
16826
16903
|
.pf-v6-c-nav.pf-m-overflow-hidden {
|
|
16827
16904
|
overflow: hidden;
|
|
16828
16905
|
}
|
|
16829
|
-
.pf-v6-c-nav.pf-m-
|
|
16830
|
-
|
|
16906
|
+
.pf-v6-c-nav.pf-m-inset {
|
|
16907
|
+
--pf-v6-c-nav--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
16908
|
+
--pf-v6-c-nav--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
16831
16909
|
}
|
|
16832
16910
|
.pf-v6-c-nav.pf-m-fill {
|
|
16833
16911
|
flex-grow: 1;
|
|
@@ -17422,8 +17500,7 @@ ul.pf-v6-c-list {
|
|
|
17422
17500
|
|
|
17423
17501
|
:where(:root, .pf-v6-c-page) {
|
|
17424
17502
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
17425
|
-
--pf-v6-c-page--inset: var(--pf-t--global--spacer--
|
|
17426
|
-
--pf-v6-c-page--xl--inset: var(--pf-t--global--spacer--xl);
|
|
17503
|
+
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
17427
17504
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
17428
17505
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
17429
17506
|
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
|
@@ -17437,6 +17514,7 @@ ul.pf-v6-c-list {
|
|
|
17437
17514
|
--pf-v6-c-page__sidebar--MarginInlineEnd: 0;
|
|
17438
17515
|
--pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
17439
17516
|
--pf-v6-c-page__sidebar--PaddingInlineStart: 0;
|
|
17517
|
+
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
17440
17518
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
17441
17519
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
17442
17520
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -17446,8 +17524,8 @@ ul.pf-v6-c-list {
|
|
|
17446
17524
|
--pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
17447
17525
|
--pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
17448
17526
|
--pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
17449
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd:
|
|
17450
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineStart:
|
|
17527
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
17528
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
17451
17529
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
|
|
17452
17530
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
|
17453
17531
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -17455,8 +17533,8 @@ ul.pf-v6-c-list {
|
|
|
17455
17533
|
--pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
|
|
17456
17534
|
--pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
|
|
17457
17535
|
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
17458
|
-
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-
|
|
17459
|
-
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-
|
|
17536
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
17537
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
|
17460
17538
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
17461
17539
|
--pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
|
|
17462
17540
|
--pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
@@ -17497,11 +17575,6 @@ ul.pf-v6-c-list {
|
|
|
17497
17575
|
--pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
17498
17576
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
17499
17577
|
}
|
|
17500
|
-
@media (min-width: 75rem) {
|
|
17501
|
-
:where(:root, .pf-v6-c-page) {
|
|
17502
|
-
--pf-v6-c-page--inset: var(--pf-v6-c-page--xl--inset);
|
|
17503
|
-
}
|
|
17504
|
-
}
|
|
17505
17578
|
@media screen and (min-width: 75rem) {
|
|
17506
17579
|
:where(:root, .pf-v6-c-page) {
|
|
17507
17580
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
@@ -17521,7 +17594,7 @@ ul.pf-v6-c-list {
|
|
|
17521
17594
|
@media (min-width: 75rem) {
|
|
17522
17595
|
.pf-v6-c-page {
|
|
17523
17596
|
grid-template-areas: "header header" "sidebar main";
|
|
17524
|
-
grid-template-columns:
|
|
17597
|
+
grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
|
|
17525
17598
|
}
|
|
17526
17599
|
}
|
|
17527
17600
|
|
|
@@ -17529,6 +17602,11 @@ ul.pf-v6-c-list {
|
|
|
17529
17602
|
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
17530
17603
|
grid-area: header;
|
|
17531
17604
|
}
|
|
17605
|
+
@media (min-width: 75rem) {
|
|
17606
|
+
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
17607
|
+
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
|
|
17608
|
+
}
|
|
17609
|
+
}
|
|
17532
17610
|
|
|
17533
17611
|
.pf-v6-c-page__sidebar {
|
|
17534
17612
|
z-index: var(--pf-v6-c-page__sidebar--ZIndex);
|
|
@@ -17541,6 +17619,7 @@ ul.pf-v6-c-list {
|
|
|
17541
17619
|
padding-block-start: 0;
|
|
17542
17620
|
padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
17543
17621
|
padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
17622
|
+
padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
17544
17623
|
margin-inline-end: var(--pf-v6-c-page__sidebar--MarginInlineEnd);
|
|
17545
17624
|
overflow-x: hidden;
|
|
17546
17625
|
overflow-y: auto;
|
|
@@ -17820,6 +17899,11 @@ ul.pf-v6-c-list {
|
|
|
17820
17899
|
border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
17821
17900
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
17822
17901
|
}
|
|
17902
|
+
@media screen and (min-width: 75rem) {
|
|
17903
|
+
.pf-v6-c-page__main-container {
|
|
17904
|
+
--pf-v6-c-page__main-container--MarginInlineStart: 0;
|
|
17905
|
+
}
|
|
17906
|
+
}
|
|
17823
17907
|
.pf-v6-c-page__main-container.pf-m-fill, .pf-v6-c-page__main-container:has(.pf-v6-c-page__main-wizard) {
|
|
17824
17908
|
align-self: stretch;
|
|
17825
17909
|
}
|