@patternfly/react-table 4.39.1 → 4.40.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.
Files changed (3) hide show
  1. package/CHANGELOG.md +41 -0
  2. package/dist/umd/react-table.min.css +783 -783
  3. package/package.json +6 -6
package/dist/umd/react-table.min.css CHANGED
@@ -13867,7 +13867,17 @@ ul.pf-c-list {
13867
13867
  --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
13868
13868
  }
13869
13869
 
13870
- .pf-c-login__footer, .pf-c-login__header {
13870
+ .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light {
13871
+ --pf-global--Color--100: var(--pf-global--Color--dark-100);
13872
+ --pf-global--Color--200: var(--pf-global--Color--dark-200);
13873
+ --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
13874
+ --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
13875
+ --pf-global--link--Color: var(--pf-global--link--Color--dark);
13876
+ --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
13877
+ --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
13878
+ }
13879
+
13880
+ .pf-c-masthead {
13871
13881
  --pf-global--Color--100: var(--pf-global--Color--light-100);
13872
13882
  --pf-global--Color--200: var(--pf-global--Color--light-200);
13873
13883
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
@@ -13877,11 +13887,11 @@ ul.pf-c-list {
13877
13887
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
13878
13888
  }
13879
13889
 
13880
- .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card {
13890
+ .pf-c-masthead .pf-c-card {
13881
13891
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
13882
13892
  }
13883
13893
 
13884
- .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button {
13894
+ .pf-c-masthead .pf-c-button {
13885
13895
  --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
13886
13896
  --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
13887
13897
  --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
@@ -13900,434 +13910,438 @@ ul.pf-c-list {
13900
13910
  --pf-c-button--m-secondary--active--BorderColor: var(--pf-global--Color--light-100);
13901
13911
  }
13902
13912
 
13903
- .pf-c-login {
13904
- --pf-c-login--PaddingTop: var(--pf-global--spacer--lg);
13905
- --pf-c-login--PaddingBottom: var(--pf-global--spacer--lg);
13906
- --pf-c-login--xl--BackgroundImage: none;
13907
- --pf-c-login__container--xl--GridColumnGap: var(--pf-global--spacer--3xl);
13908
- --pf-c-login__container--MaxWidth: 31.25rem;
13909
- --pf-c-login__container--xl--MaxWidth: none;
13910
- --pf-c-login__container--PaddingLeft: 6.125rem;
13911
- --pf-c-login__container--PaddingRight: 6.125rem;
13912
- --pf-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
13913
- --pf-c-login__header--MarginBottom: var(--pf-global--spacer--md);
13914
- --pf-c-login__header--PaddingLeft: var(--pf-global--spacer--md);
13915
- --pf-c-login__header--PaddingRight: var(--pf-global--spacer--md);
13916
- --pf-c-login__header--xl--MarginBottom: var(--pf-global--spacer--2xl);
13917
- --pf-c-login__header--xl--MarginTop: var(--pf-global--spacer--3xl);
13918
- --pf-c-login__header--c-brand--MarginBottom: var(--pf-global--spacer--lg);
13919
- --pf-c-login__header--c-brand--xl--MarginBottom: var(--pf-global--spacer--2xl);
13920
- --pf-c-login__main--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
13921
- --pf-c-login__main--MarginBottom: var(--pf-global--spacer--lg);
13922
- --pf-c-login__main-header--PaddingTop: var(--pf-global--spacer--2xl);
13923
- --pf-c-login__main-header--PaddingRight: var(--pf-global--spacer--xl);
13924
- --pf-c-login__main-header--PaddingBottom: var(--pf-global--spacer--md);
13925
- --pf-c-login__main-header--PaddingLeft: var(--pf-global--spacer--xl);
13926
- --pf-c-login__main-header--md--PaddingRight: var(--pf-global--spacer--2xl);
13927
- --pf-c-login__main-header--md--PaddingLeft: var(--pf-global--spacer--2xl);
13928
- --pf-c-login__main-header--ColumnGap: var(--pf-global--spacer--md);
13929
- --pf-c-login__main-header--RowGap: var(--pf-global--spacer--md);
13930
- --pf-c-login__main-header-desc--MarginBottom: var(--pf-global--spacer--sm);
13931
- --pf-c-login__main-header-desc--md--MarginBottom: 0;
13932
- --pf-c-login__main-header-desc--FontSize: var(--pf-global--FontSize--sm);
13933
- --pf-c-login__main-body--PaddingRight: var(--pf-global--spacer--xl);
13934
- --pf-c-login__main-body--PaddingBottom: var(--pf-global--spacer--xl);
13935
- --pf-c-login__main-body--PaddingLeft: var(--pf-global--spacer--xl);
13936
- --pf-c-login__main-body--md--PaddingRight: var(--pf-global--spacer--2xl);
13937
- --pf-c-login__main-body--md--PaddingLeft: var(--pf-global--spacer--2xl);
13938
- --pf-c-login__main-footer--PaddingBottom: var(--pf-global--spacer--3xl);
13939
- --pf-c-login__main-footer--c-title--MarginBottom: var(--pf-global--spacer--md);
13940
- --pf-c-login__main-footer-links--PaddingTop: var(--pf-global--spacer--sm);
13941
- --pf-c-login__main-footer-links--PaddingRight: var(--pf-global--spacer--3xl);
13942
- --pf-c-login__main-footer-links--PaddingBottom: var(--pf-global--spacer--xl);
13943
- --pf-c-login__main-footer-links--PaddingLeft: var(--pf-global--spacer--3xl);
13944
- --pf-c-login__main-footer-links-item--PaddingRight: var(--pf-global--spacer--md);
13945
- --pf-c-login__main-footer-links-item--PaddingLeft: var(--pf-global--spacer--md);
13946
- --pf-c-login__main-footer-links-item--MarginBottom: var(--pf-global--spacer--sm);
13947
- --pf-c-login__main-footer-links-item-link-svg--Fill: var(--pf-global--icon--Color--light);
13948
- --pf-c-login__main-footer-links-item-link-svg--Width: var(--pf-global--icon--FontSize--lg);
13949
- --pf-c-login__main-footer-links-item-link-svg--Height: var(--pf-global--icon--FontSize--lg);
13950
- --pf-c-login__main-footer-links-item-link-svg--hover--Fill: var(--pf-global--icon--Color--dark);
13951
- --pf-c-login__main-footer-band--PaddingTop: var(--pf-global--spacer--lg);
13952
- --pf-c-login__main-footer-band--PaddingRight: var(--pf-global--spacer--md);
13953
- --pf-c-login__main-footer-band--PaddingBottom: var(--pf-global--spacer--lg);
13954
- --pf-c-login__main-footer-band--PaddingLeft: var(--pf-global--spacer--md);
13955
- --pf-c-login__main-footer-band--BackgroundColor: var(--pf-global--BackgroundColor--200);
13956
- --pf-c-login__main-footer-band-item--PaddingTop: var(--pf-global--spacer--md);
13957
- --pf-c-login__footer--PaddingLeft: var(--pf-global--spacer--md);
13958
- --pf-c-login__footer--PaddingRight: var(--pf-global--spacer--md);
13959
- --pf-c-login__footer--c-list--PaddingTop: var(--pf-global--spacer--md);
13960
- --pf-c-login__footer--c-list--xl--PaddingTop: var(--pf-global--spacer--2xl);
13961
- display: flex;
13962
- justify-content: center;
13963
- min-height: 100vh;
13964
- padding-top: var(--pf-c-login--PaddingTop);
13965
- padding-bottom: var(--pf-c-login--PaddingBottom);
13913
+ .pf-c-masthead {
13914
+ --pf-c-masthead--PaddingLeft: var(--pf-c-masthead--inset);
13915
+ --pf-c-masthead--PaddingRight: var(--pf-c-masthead--inset);
13916
+ --pf-c-masthead--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
13917
+ --pf-c-masthead--inset: var(--pf-global--spacer--md);
13918
+ --pf-c-masthead--xl--inset: var(--pf-global--spacer--lg);
13919
+ --pf-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
13920
+ --pf-c-masthead--m-display-stack__main--GridColumn: -1 / 1;
13921
+ --pf-c-masthead--m-display-stack__main--MinHeight: 4.375rem;
13922
+ --pf-c-masthead--m-display-stack__main--Order: -1;
13923
+ --pf-c-masthead--m-display-stack__main--FlexBasis: 100%;
13924
+ --pf-c-masthead--m-display-stack__main--PaddingTop: var(--pf-global--spacer--sm);
13925
+ --pf-c-masthead--m-display-stack__main--PaddingBottom: var(--pf-global--spacer--sm);
13926
+ --pf-c-masthead--m-display-stack__main--MarginRight: 0;
13927
+ --pf-c-masthead--m-display-stack__main--before--BorderBottom: var(--pf-c-masthead__main--before--BorderBottomWidth) solid var(--pf-c-masthead__main--before--BorderBottomColor);
13928
+ --pf-c-masthead--m-display-stack__toggle--GridColumn: 1;
13929
+ --pf-c-masthead--m-display-stack__content--GridColumn: 2;
13930
+ --pf-c-masthead--m-display-stack__content--MinHeight: 4.375rem;
13931
+ --pf-c-masthead--m-display-stack__content--Order: 1;
13932
+ --pf-c-masthead--m-display-stack__content--PaddingTop: 0;
13933
+ --pf-c-masthead--m-display-stack__content--PaddingBottom: 0;
13934
+ --pf-c-masthead--m-display-stack__content--MarginLeft: 0;
13935
+ --pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight: calc(var(--pf-c-masthead--inset) * -1);
13936
+ --pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft: calc(var(--pf-c-masthead--inset) * -1);
13937
+ --pf-c-masthead--m-display-inline--GridTemplateColumns: max-content max-content 1fr;
13938
+ --pf-c-masthead--m-display-inline__main--GridColumn: 2;
13939
+ --pf-c-masthead--m-display-inline__main--MinHeight: 4.375rem;
13940
+ --pf-c-masthead--m-display-inline__main--Order: 0;
13941
+ --pf-c-masthead--m-display-inline__main--FlexBasis: auto;
13942
+ --pf-c-masthead--m-display-inline__main--PaddingTop: 0;
13943
+ --pf-c-masthead--m-display-inline__main--PaddingBottom: 0;
13944
+ --pf-c-masthead--m-display-inline__main--MarginRight: calc(var(--pf-global--spacer--lg) / 2);
13945
+ --pf-c-masthead--m-display-inline__main--BorderBottom: 0;
13946
+ --pf-c-masthead--m-display-inline__toggle--GridColumn: 1;
13947
+ --pf-c-masthead--m-display-inline__content--GridColumn: 3;
13948
+ --pf-c-masthead--m-display-inline__content--MinHeight: 4.375rem;
13949
+ --pf-c-masthead--m-display-inline__content--Order: 0;
13950
+ --pf-c-masthead--m-display-inline__content--PaddingTop: 0;
13951
+ --pf-c-masthead--m-display-inline__content--PaddingBottom: 0;
13952
+ --pf-c-masthead--m-display-inline__content--MarginLeft: calc(var(--pf-global--spacer--lg) / 2);
13953
+ --pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight: 0;
13954
+ --pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft: 0;
13955
+ --pf-c-masthead__main--before--Right: calc(var(--pf-c-masthead--inset) * -1);
13956
+ --pf-c-masthead__main--before--Left: calc(var(--pf-c-masthead--inset) * -1);
13957
+ --pf-c-masthead__main--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
13958
+ --pf-c-masthead__main--before--BorderBottomColor: var(--pf-global--palette--black-600);
13959
+ --pf-c-masthead__toggle--MarginRight: var(--pf-global--spacer--sm);
13960
+ --pf-c-masthead__toggle--MarginLeft: calc(var(--pf-global--spacer--md) * -1);
13961
+ --pf-c-masthead__toggle--c-button--FontSize: var(--pf-global--FontSize--2xl);
13962
+ --pf-c-masthead--m-light--BackgroundColor: var(--pf-global--BackgroundColor--100);
13963
+ --pf-c-masthead--m-light__main--BorderBottomColor: var(--pf-global--BorderColor--300);
13964
+ --pf-c-masthead--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
13965
+ --pf-c-masthead--m-light-200__main--BorderBottomColor: var(--pf-global--BorderColor--100);
13966
+ --pf-c-masthead--c-toolbar__item--Display: flex;
13967
+ --pf-c-masthead--item-border-color--base: var(--pf-global--palette--black-800);
13968
+ --pf-c-masthead--c-context-selector--Width: auto;
13969
+ --pf-c-masthead--c-context-selector__toggle--BorderTopColor: transparent;
13970
+ --pf-c-masthead--c-context-selector__toggle--BorderRightColor: transparent;
13971
+ --pf-c-masthead--c-context-selector__toggle--BorderBottomColor: transparent;
13972
+ --pf-c-masthead--c-context-selector__toggle--BorderLeftColor: transparent;
13973
+ --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
13974
+ --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
13975
+ --pf-c-masthead--c-dropdown__toggle--before--BorderTopColor: transparent;
13976
+ --pf-c-masthead--c-dropdown__toggle--before--BorderRightColor: transparent;
13977
+ --pf-c-masthead--c-dropdown__toggle--before--BorderBottomColor: transparent;
13978
+ --pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor: transparent;
13979
+ --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
13980
+ --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
13981
+ --pf-c-masthead--c-menu-toggle--before--BorderTopColor: transparent;
13982
+ --pf-c-masthead--c-menu-toggle--before--BorderRightColor: transparent;
13983
+ --pf-c-masthead--c-menu-toggle--before--BorderBottomColor: transparent;
13984
+ --pf-c-masthead--c-menu-toggle--before--BorderLeftColor: transparent;
13985
+ --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
13986
+ --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
13987
+ --pf-c-masthead--c-toolbar__content--PaddingRight: 0;
13988
+ --pf-c-masthead--c-toolbar__content--PaddingLeft: 0;
13989
+ --pf-c-masthead--c-toolbar__expandable-content--PaddingTop: var(--pf-global--spacer--md);
13990
+ --pf-c-masthead--c-toolbar__expandable-content--PaddingRight: var(--pf-c-masthead--inset);
13991
+ --pf-c-masthead--c-toolbar__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
13992
+ --pf-c-masthead--c-toolbar__expandable-content--PaddingLeft: var(--pf-c-masthead--inset);
13993
+ --pf-c-masthead--c-toolbar__expandable-content--BorderTopWidth: var(--pf-global--BorderWidth--sm);
13994
+ --pf-c-masthead--c-toolbar__expandable-content--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
13995
+ --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
13996
+ --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
13997
+ --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
13998
+ --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
13999
+ --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
14000
+ --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
14001
+ --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
14002
+ --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
14003
+ --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
14004
+ --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-stack__content--GridColumn);
14005
+ --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
14006
+ --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
14007
+ --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
14008
+ --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
14009
+ --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
14010
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
14011
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14012
+ color: var(--pf-global--Color--100);
14013
+ position: relative;
14014
+ display: grid;
14015
+ grid-template-columns: var(--pf-c-masthead--GridTemplateColumns);
14016
+ align-items: center;
14017
+ min-width: 0;
14018
+ padding-right: var(--pf-c-masthead--PaddingRight);
14019
+ padding-left: var(--pf-c-masthead--PaddingLeft);
14020
+ background-color: var(--pf-c-masthead--BackgroundColor);
13966
14021
  }
13967
14022
 
13968
- @media (min-width: 1200px) {
13969
- .pf-c-login {
13970
- --pf-c-login__container--MaxWidth: var(--pf-c-login__container--xl--MaxWidth);
13971
- }
13972
- }
13973
- @media (min-width: 576px) {
13974
- .pf-c-login {
13975
- --pf-c-login__header--PaddingRight: 0;
13976
- --pf-c-login__header--PaddingLeft: 0;
14023
+ @media screen and (min-width: 1200px) {
14024
+ .pf-c-masthead {
14025
+ --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
13977
14026
  }
13978
14027
  }
13979
- @media (min-width: 1200px) {
13980
- .pf-c-login {
13981
- --pf-c-login__header--MarginBottom: var(--pf-c-login__header--xl--MarginBottom);
13982
- --pf-c-login__header--c-brand--MarginBottom: var(--pf-c-login__header--c-brand--xl--MarginBottom);
14028
+ @media screen and (min-width: 768px) {
14029
+ .pf-c-masthead {
14030
+ --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14031
+ --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14032
+ --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
14033
+ --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-inline__main--Order);
14034
+ --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-inline__main--FlexBasis);
14035
+ --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-inline__main--PaddingTop);
14036
+ --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-inline__main--PaddingBottom);
14037
+ --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-inline__main--MarginRight);
14038
+ --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-inline__main--BorderBottom);
14039
+ --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-inline__content--GridColumn);
14040
+ --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-inline__content--MinHeight);
14041
+ --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-inline__content--Order);
14042
+ --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-inline__content--PaddingTop);
14043
+ --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-inline__content--PaddingBottom);
14044
+ --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-inline__content--MarginLeft);
14045
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
14046
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
13983
14047
  }
13984
14048
  }
13985
- @media (min-width: 1200px) {
13986
- .pf-c-login {
13987
- --pf-c-login__main--MarginBottom: 0;
13988
- }
14049
+ .pf-c-masthead.pf-m-light {
14050
+ color: var(--pf-global--Color--100);
14051
+ --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
14052
+ --pf-c-masthead__main--BorderBottomColor: var(--pf-c-masthead--m-light__main--BorderBottomColor);
13989
14053
  }
13990
- @media (min-width: 768px) {
13991
- .pf-c-login {
13992
- --pf-c-login__main-header--PaddingRight: var(--pf-c-login__main-header--md--PaddingRight);
13993
- --pf-c-login__main-header--PaddingLeft: var(--pf-c-login__main-header--md--PaddingLeft);
13994
- --pf-c-login__main-header-desc--MarginBottom: var(--pf-c-login__main-header-desc--md--MarginBottom);
13995
- }
14054
+
14055
+ .pf-c-masthead.pf-m-light-200 {
14056
+ color: var(--pf-global--Color--100);
14057
+ --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light-200--BackgroundColor);
14058
+ --pf-c-masthead__main--BorderBottomColor: var(--pf-c-masthead--m-light-200__main--BorderBottomColor);
13996
14059
  }
13997
- @media (min-width: 768px) {
13998
- .pf-c-login {
13999
- --pf-c-login__main-body--PaddingRight: var(--pf-c-login__main-body--md--PaddingRight);
14000
- --pf-c-login__main-body--PaddingLeft: var(--pf-c-login__main-body--md--PaddingLeft);
14001
- }
14060
+
14061
+ .pf-c-masthead .pf-c-toolbar {
14062
+ --pf-c-toolbar__content--PaddingRight: var(--pf-c-masthead--c-toolbar__content--PaddingRight);
14063
+ --pf-c-toolbar__content--PaddingLeft: var(--pf-c-masthead--c-toolbar__content--PaddingLeft);
14064
+ --pf-c-toolbar__expandable-content--PaddingTop: var(--pf-c-masthead--c-toolbar__expandable-content--PaddingTop);
14065
+ --pf-c-toolbar__expandable-content--PaddingRight: var(--pf-c-masthead--c-toolbar__expandable-content--PaddingRight);
14066
+ --pf-c-toolbar__expandable-content--PaddingBottom: var(--pf-c-masthead--c-toolbar__expandable-content--PaddingBottom);
14067
+ --pf-c-toolbar__expandable-content--PaddingLeft: var(--pf-c-masthead--c-toolbar__expandable-content--PaddingLeft);
14068
+ width: 100%;
14002
14069
  }
14003
- @media (min-width: 576px) {
14004
- .pf-c-login {
14005
- --pf-c-login__footer--PaddingRight: 0;
14006
- --pf-c-login__footer--PaddingLeft: 0;
14007
- }
14008
- }
14009
- @media (min-width: 1200px) {
14010
- .pf-c-login {
14011
- --pf-c-login__footer--c-list--PaddingTop: var(--pf-c-login__footer--c-list--xl--PaddingTop);
14012
- }
14070
+
14071
+ .pf-c-masthead .pf-c-toolbar__content-section {
14072
+ flex-wrap: nowrap;
14013
14073
  }
14014
- @media (min-width: 1200px) {
14015
- .pf-c-login {
14016
- background-image: var(--pf-c-login--xl--BackgroundImage);
14017
- }
14074
+
14075
+ .pf-c-masthead .pf-c-toolbar__expandable-content {
14076
+ border-top: var(--pf-c-masthead--c-toolbar__expandable-content--BorderTopWidth) solid var(--pf-c-masthead--c-toolbar__expandable-content--BorderTopColor);
14018
14077
  }
14019
- @media (min-width: 576px) {
14020
- .pf-c-login {
14021
- align-items: center;
14022
- }
14078
+
14079
+ .pf-c-masthead .pf-c-menu-toggle {
14080
+ --pf-c-menu-toggle--before--BorderTopColor: var(--pf-c-masthead--c-menu-toggle--before--BorderTopColor);
14081
+ --pf-c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--c-menu-toggle--before--BorderRightColor);
14082
+ --pf-c-menu-toggle--before--BorderBottomColor: var(--pf-c-masthead--c-menu-toggle--before--BorderBottomColor);
14083
+ --pf-c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--c-menu-toggle--before--BorderLeftColor);
14023
14084
  }
14024
- .pf-c-login__container {
14025
- width: 100%;
14026
- max-width: var(--pf-c-login__container--MaxWidth);
14085
+
14086
+ .pf-c-masthead .pf-c-menu-toggle.pf-m-full-height {
14087
+ --pf-c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderRightColor);
14088
+ --pf-c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderLeftColor);
14027
14089
  }
14028
14090
 
14029
- @media (min-width: 1200px) {
14030
- .pf-c-login__container {
14031
- display: grid;
14032
- justify-content: center;
14033
- grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
14034
- grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
14035
- grid-template-areas: "main header" "main footer" "main .";
14036
- padding-right: var(--pf-c-login__container--PaddingRight);
14037
- padding-left: var(--pf-c-login__container--PaddingLeft);
14038
- }
14091
+ .pf-c-masthead .pf-c-context-selector {
14092
+ --pf-c-context-selector--Width: var(--pf-c-masthead--c-context-selector--Width);
14093
+ --pf-c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--c-context-selector__toggle--BorderTopColor);
14094
+ --pf-c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--c-context-selector__toggle--BorderRightColor);
14095
+ --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-masthead--c-context-selector__toggle--BorderBottomColor);
14096
+ --pf-c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--c-context-selector__toggle--BorderLeftColor);
14039
14097
  }
14040
- .pf-c-login__header {
14041
- color: var(--pf-global--Color--100);
14042
- grid-area: header;
14043
- padding-right: var(--pf-c-login__header--PaddingRight);
14044
- padding-left: var(--pf-c-login__header--PaddingLeft);
14098
+
14099
+ .pf-c-masthead .pf-c-context-selector.pf-m-full-height {
14100
+ --pf-c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderRightColor);
14101
+ --pf-c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderLeftColor);
14045
14102
  }
14046
14103
 
14047
- @media (min-width: 1200px) {
14048
- .pf-c-login__header {
14049
- margin-top: var(--pf-c-login__header--xl--MarginTop);
14050
- }
14104
+ .pf-c-masthead .pf-c-dropdown {
14105
+ --pf-c-dropdown__toggle--before--BorderTopColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderTopColor);
14106
+ --pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderRightColor);
14107
+ --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderBottomColor);
14108
+ --pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor);
14051
14109
  }
14052
- .pf-c-login__header .pf-c-brand {
14053
- margin-bottom: var(--pf-c-login__header--c-brand--MarginBottom);
14110
+
14111
+ .pf-c-masthead .pf-c-dropdown.pf-m-full-height {
14112
+ --pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderRightColor);
14113
+ --pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor);
14054
14114
  }
14055
14115
 
14056
- .pf-c-login__main {
14057
- margin-bottom: var(--pf-c-login__main--MarginBottom);
14058
- background-color: var(--pf-c-login__main--BackgroundColor);
14059
- grid-area: main;
14116
+ .pf-c-masthead__main {
14117
+ position: relative;
14118
+ display: flex;
14119
+ flex-basis: var(--pf-c-masthead__main--FlexBasis);
14120
+ align-items: center;
14121
+ align-self: stretch;
14122
+ order: var(--pf-c-masthead__main--Order);
14123
+ min-height: var(--pf-c-masthead__main--MinHeight);
14124
+ padding-top: var(--pf-c-masthead__main--PaddingTop);
14125
+ padding-bottom: var(--pf-c-masthead__main--PaddingBottom);
14126
+ margin-right: var(--pf-c-masthead__main--MarginRight);
14127
+ grid-column: var(--pf-c-masthead__main--GridColumn);
14060
14128
  }
14061
14129
 
14062
- .pf-c-login__main > :first-child:not(.pf-c-login__main-header) {
14063
- padding-top: var(--pf-c-login__main-header--PaddingTop);
14130
+ .pf-c-masthead__main::before {
14131
+ position: absolute;
14132
+ right: var(--pf-c-masthead__main--before--Right);
14133
+ bottom: 0;
14134
+ left: var(--pf-c-masthead__main--before--Left);
14135
+ content: "";
14136
+ border-bottom: var(--pf-c-masthead__main--before--BorderBottom);
14064
14137
  }
14065
14138
 
14066
- .pf-c-login__main > :last-child:not(.pf-c-login__main-footer) {
14067
- padding-bottom: var(--pf-c-login__main-footer--PaddingBottom);
14139
+ .pf-c-masthead__main:last-child {
14140
+ --pf-c-masthead__main--MarginRight: 0;
14068
14141
  }
14069
14142
 
14070
- .pf-c-login__main-header {
14071
- display: grid;
14072
- grid-template-columns: 100%;
14073
- column-gap: var(--pf-c-login__main-header--ColumnGap);
14074
- row-gap: var(--pf-c-login__main-header--RowGap);
14143
+ .pf-c-masthead__content {
14144
+ display: flex;
14145
+ flex-grow: 1;
14075
14146
  align-items: center;
14076
- padding: var(--pf-c-login__main-header--PaddingTop) var(--pf-c-login__main-header--PaddingRight) var(--pf-c-login__main-header--PaddingBottom) var(--pf-c-login__main-header--PaddingLeft);
14147
+ align-self: stretch;
14148
+ order: var(--pf-c-masthead__content--Order);
14149
+ min-height: var(--pf-c-masthead__content--MinHeight);
14150
+ padding-top: var(--pf-c-masthead__content--PaddingTop);
14151
+ padding-bottom: var(--pf-c-masthead__content--PaddingBottom);
14152
+ margin-left: var(--pf-c-masthead__content--MarginLeft);
14153
+ grid-column: var(--pf-c-masthead__content--GridColumn);
14154
+ grid-column-end: -1;
14155
+ flex-shrink: 1;
14077
14156
  }
14078
14157
 
14079
- @media (min-width: 768px) {
14080
- .pf-c-login__main-header {
14081
- grid-template-columns: 1fr auto;
14082
- }
14083
- }
14084
- .pf-c-login__main-header .pf-c-dropdown {
14085
- grid-column: auto;
14086
- grid-row: auto;
14158
+ .pf-c-masthead__content:only-child {
14159
+ --pf-c-masthead__content--MarginLeft: 0;
14087
14160
  }
14088
14161
 
14089
- @media (min-width: 768px) {
14090
- .pf-c-login__main-header .pf-c-dropdown {
14091
- grid-column: 2/3;
14092
- grid-row: 1;
14093
- }
14094
- }
14095
- .pf-c-login__main-header-desc {
14096
- margin-bottom: var(--pf-c-login__main-header-desc--MarginBottom);
14097
- font-size: var(--pf-c-login__main-header-desc--FontSize);
14098
- grid-column: 1/-1;
14162
+ .pf-c-masthead__content .pf-c-nav.pf-m-horizontal {
14163
+ margin-right: var(--pf-c-masthead__content--c-nav--m-horizontal--MarginRight);
14164
+ margin-left: var(--pf-c-masthead__content--c-nav--m-horizontal--MarginLeft);
14099
14165
  }
14100
14166
 
14101
- .pf-c-login__main-body {
14102
- padding-right: var(--pf-c-login__main-body--PaddingRight);
14103
- padding-bottom: var(--pf-c-login__main-body--PaddingBottom);
14104
- padding-left: var(--pf-c-login__main-body--PaddingLeft);
14167
+ .pf-c-masthead__toggle ~ .pf-c-masthead__content {
14168
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: calc(var(--pf-c-masthead__content--MarginLeft) * -1);
14105
14169
  }
14106
14170
 
14107
- .pf-c-login__main-footer {
14108
- display: flex;
14109
- flex-wrap: wrap;
14171
+ .pf-c-masthead__main,
14172
+ .pf-c-masthead__brand,
14173
+ .pf-c-masthead__content {
14174
+ min-width: 0;
14110
14175
  }
14111
14176
 
14112
- .pf-c-login__main-footer .pf-c-title {
14113
- margin-bottom: var(--pf-c-login__main-footer--c-title--MarginBottom);
14114
- text-align: center;
14177
+ .pf-c-masthead__brand {
14178
+ display: inline-flex;
14179
+ align-self: center;
14115
14180
  }
14116
14181
 
14117
- .pf-c-login__main-footer > * {
14118
- flex-basis: 100%;
14182
+ .pf-c-masthead__toggle {
14183
+ grid-column: var(--pf-c-masthead__toggle--GridColumn);
14184
+ align-self: center;
14185
+ margin-right: var(--pf-c-masthead__toggle--MarginRight);
14186
+ margin-left: var(--pf-c-masthead__toggle--MarginLeft);
14119
14187
  }
14120
14188
 
14121
- .pf-c-login__main-footer-links {
14122
- display: flex;
14123
- flex-wrap: wrap;
14124
- justify-content: center;
14125
- padding: var(--pf-c-login__main-footer-links--PaddingTop) var(--pf-c-login__main-footer-links--PaddingRight) var(--pf-c-login__main-footer-links--PaddingBottom) var(--pf-c-login__main-footer-links--PaddingLeft);
14189
+ .pf-c-masthead__toggle .pf-c-button {
14190
+ --pf-c-button--FontSize: var(--pf-c-masthead__toggle--c-button--FontSize);
14126
14191
  }
14127
14192
 
14128
- .pf-c-login__main-footer-links-item {
14129
- padding-right: var(--pf-c-login__main-footer-links-item--PaddingRight);
14130
- padding-left: var(--pf-c-login__main-footer-links-item--PaddingLeft);
14131
- margin-bottom: var(--pf-c-login__main-footer-links-item--MarginBottom);
14193
+ .pf-c-masthead.pf-m-display-stack {
14194
+ --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
14195
+ --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
14196
+ --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
14197
+ --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
14198
+ --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
14199
+ --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
14200
+ --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
14201
+ --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
14202
+ --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
14203
+ --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-stack__content--GridColumn);
14204
+ --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
14205
+ --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
14206
+ --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
14207
+ --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
14208
+ --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
14209
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
14210
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14132
14211
  }
14133
14212
 
14134
- .pf-c-login__main-footer-links-item-link svg {
14135
- fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
14136
- width: 100%;
14137
- max-width: var(--pf-c-login__main-footer-links-item-link-svg--Width);
14138
- height: 100%;
14139
- max-height: var(--pf-c-login__main-footer-links-item-link-svg--Height);
14213
+ .pf-c-masthead.pf-m-display-inline {
14214
+ --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14215
+ --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14216
+ --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
14217
+ --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-inline__main--Order);
14218
+ --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-inline__main--FlexBasis);
14219
+ --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-inline__main--PaddingTop);
14220
+ --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-inline__main--PaddingBottom);
14221
+ --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-inline__main--MarginRight);
14222
+ --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-inline__main--BorderBottom);
14223
+ --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-inline__content--GridColumn);
14224
+ --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-inline__content--MinHeight);
14225
+ --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-inline__content--Order);
14226
+ --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-inline__content--PaddingTop);
14227
+ --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-inline__content--PaddingBottom);
14228
+ --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-inline__content--MarginLeft);
14229
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
14230
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
14140
14231
  }
14141
14232
 
14142
- .pf-c-login__main-footer-links-item-link:hover svg {
14143
- fill: var(--pf-c-login__main-footer-links-item-link-svg--hover--Fill);
14233
+ .pf-c-masthead.pf-m-inset-none {
14234
+ --pf-c-masthead--inset: 0;
14144
14235
  }
14145
14236
 
14146
- .pf-c-login__main-footer-band {
14147
- padding: var(--pf-c-login__main-footer-band--PaddingTop) var(--pf-c-login__main-footer-band--PaddingRight) var(--pf-c-login__main-footer-band--PaddingBottom) var(--pf-c-login__main-footer-band--PaddingLeft);
14148
- text-align: center;
14149
- background-color: var(--pf-c-login__main-footer-band--BackgroundColor);
14237
+ .pf-c-masthead.pf-m-inset-sm {
14238
+ --pf-c-masthead--inset: var(--pf-global--spacer--sm);
14150
14239
  }
14151
14240
 
14152
- .pf-c-login__main-footer-band > * + * {
14153
- padding-top: var(--pf-c-login__main-footer-band-item--PaddingTop);
14241
+ .pf-c-masthead.pf-m-inset-md {
14242
+ --pf-c-masthead--inset: var(--pf-global--spacer--md);
14154
14243
  }
14155
14244
 
14156
- .pf-c-login__footer {
14157
- color: var(--pf-global--Color--100);
14158
- grid-area: footer;
14159
- padding-right: var(--pf-c-login__footer--PaddingRight);
14160
- padding-left: var(--pf-c-login__footer--PaddingLeft);
14245
+ .pf-c-masthead.pf-m-inset-lg {
14246
+ --pf-c-masthead--inset: var(--pf-global--spacer--lg);
14161
14247
  }
14162
14248
 
14163
- .pf-c-login__footer .pf-c-list a {
14164
- color: unset;
14249
+ .pf-c-masthead.pf-m-inset-xl {
14250
+ --pf-c-masthead--inset: var(--pf-global--spacer--xl);
14165
14251
  }
14166
14252
 
14167
- .pf-c-login__footer .pf-c-list:not(:only-child) {
14168
- padding-top: var(--pf-c-login__footer--c-list--PaddingTop);
14253
+ .pf-c-masthead.pf-m-inset-2xl {
14254
+ --pf-c-masthead--inset: var(--pf-global--spacer--2xl);
14169
14255
  }
14170
14256
 
14171
- .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light {
14172
- --pf-global--Color--100: var(--pf-global--Color--dark-100);
14173
- --pf-global--Color--200: var(--pf-global--Color--dark-200);
14174
- --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
14175
- --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
14176
- --pf-global--link--Color: var(--pf-global--link--Color--dark);
14177
- --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
14178
- --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
14179
- }
14257
+ @media (min-width: 576px) {
14258
+ .pf-c-masthead.pf-m-display-stack-on-sm {
14259
+ --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
14260
+ --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
14261
+ --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
14262
+ --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
14263
+ --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
14264
+ --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
14265
+ --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
14266
+ --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
14267
+ --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
14268
+ --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-stack__content--GridColumn);
14269
+ --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
14270
+ --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
14271
+ --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
14272
+ --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
14273
+ --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
14274
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
14275
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14276
+ }
14180
14277
 
14181
- .pf-c-masthead {
14182
- --pf-global--Color--100: var(--pf-global--Color--light-100);
14183
- --pf-global--Color--200: var(--pf-global--Color--light-200);
14184
- --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
14185
- --pf-global--primary-color--100: var(--pf-global--primary-color--light-100);
14186
- --pf-global--link--Color: var(--pf-global--link--Color--light);
14187
- --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
14188
- --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
14278
+ .pf-c-masthead.pf-m-display-inline-on-sm {
14279
+ --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14280
+ --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14281
+ --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
14282
+ --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-inline__main--Order);
14283
+ --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-inline__main--FlexBasis);
14284
+ --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-inline__main--PaddingTop);
14285
+ --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-inline__main--PaddingBottom);
14286
+ --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-inline__main--MarginRight);
14287
+ --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-inline__main--BorderBottom);
14288
+ --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-inline__content--GridColumn);
14289
+ --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-inline__content--MinHeight);
14290
+ --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-inline__content--Order);
14291
+ --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-inline__content--PaddingTop);
14292
+ --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-inline__content--PaddingBottom);
14293
+ --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-inline__content--MarginLeft);
14294
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
14295
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
14296
+ }
14189
14297
  }
14298
+ @media (min-width: 576px) {
14299
+ .pf-c-masthead.pf-m-inset-none-on-sm {
14300
+ --pf-c-masthead--inset: 0;
14301
+ }
14190
14302
 
14191
- .pf-c-masthead .pf-c-card {
14192
- --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
14193
- }
14303
+ .pf-c-masthead.pf-m-inset-sm-on-sm {
14304
+ --pf-c-masthead--inset: var(--pf-global--spacer--sm);
14305
+ }
14194
14306
 
14195
- .pf-c-masthead .pf-c-button {
14196
- --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
14197
- --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
14198
- --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
14199
- --pf-c-button--m-primary--active--Color: var(--pf-global--primary-color--dark-100);
14200
- --pf-c-button--m-primary--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
14201
- --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
14202
- --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
14203
- --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
14204
- --pf-c-button--m-secondary--Color: var(--pf-global--Color--light-100);
14205
- --pf-c-button--m-secondary--hover--Color: var(--pf-global--Color--light-100);
14206
- --pf-c-button--m-secondary--focus--Color: var(--pf-global--Color--light-100);
14207
- --pf-c-button--m-secondary--active--Color: var(--pf-global--Color--light-100);
14208
- --pf-c-button--m-secondary--BorderColor: var(--pf-global--Color--light-100);
14209
- --pf-c-button--m-secondary--hover--BorderColor: var(--pf-global--Color--light-100);
14210
- --pf-c-button--m-secondary--focus--BorderColor: var(--pf-global--Color--light-100);
14211
- --pf-c-button--m-secondary--active--BorderColor: var(--pf-global--Color--light-100);
14212
- }
14307
+ .pf-c-masthead.pf-m-inset-md-on-sm {
14308
+ --pf-c-masthead--inset: var(--pf-global--spacer--md);
14309
+ }
14213
14310
 
14214
- .pf-c-masthead {
14215
- --pf-c-masthead--PaddingLeft: var(--pf-c-masthead--inset);
14216
- --pf-c-masthead--PaddingRight: var(--pf-c-masthead--inset);
14217
- --pf-c-masthead--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
14218
- --pf-c-masthead--inset: var(--pf-global--spacer--md);
14219
- --pf-c-masthead--xl--inset: var(--pf-global--spacer--lg);
14220
- --pf-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
14221
- --pf-c-masthead--m-display-stack__main--GridColumn: -1 / 1;
14222
- --pf-c-masthead--m-display-stack__main--MinHeight: 4.375rem;
14223
- --pf-c-masthead--m-display-stack__main--Order: -1;
14224
- --pf-c-masthead--m-display-stack__main--FlexBasis: 100%;
14225
- --pf-c-masthead--m-display-stack__main--PaddingTop: var(--pf-global--spacer--sm);
14226
- --pf-c-masthead--m-display-stack__main--PaddingBottom: var(--pf-global--spacer--sm);
14227
- --pf-c-masthead--m-display-stack__main--MarginRight: 0;
14228
- --pf-c-masthead--m-display-stack__main--before--BorderBottom: var(--pf-c-masthead__main--before--BorderBottomWidth) solid var(--pf-c-masthead__main--before--BorderBottomColor);
14229
- --pf-c-masthead--m-display-stack__toggle--GridColumn: 1;
14230
- --pf-c-masthead--m-display-stack__content--GridColumn: 2;
14231
- --pf-c-masthead--m-display-stack__content--MinHeight: 4.375rem;
14232
- --pf-c-masthead--m-display-stack__content--Order: 1;
14233
- --pf-c-masthead--m-display-stack__content--PaddingTop: 0;
14234
- --pf-c-masthead--m-display-stack__content--PaddingBottom: 0;
14235
- --pf-c-masthead--m-display-stack__content--MarginLeft: 0;
14236
- --pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight: calc(var(--pf-c-masthead--inset) * -1);
14237
- --pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft: calc(var(--pf-c-masthead--inset) * -1);
14238
- --pf-c-masthead--m-display-inline--GridTemplateColumns: max-content max-content 1fr;
14239
- --pf-c-masthead--m-display-inline__main--GridColumn: 2;
14240
- --pf-c-masthead--m-display-inline__main--MinHeight: 4.375rem;
14241
- --pf-c-masthead--m-display-inline__main--Order: 0;
14242
- --pf-c-masthead--m-display-inline__main--FlexBasis: auto;
14243
- --pf-c-masthead--m-display-inline__main--PaddingTop: 0;
14244
- --pf-c-masthead--m-display-inline__main--PaddingBottom: 0;
14245
- --pf-c-masthead--m-display-inline__main--MarginRight: calc(var(--pf-global--spacer--lg) / 2);
14246
- --pf-c-masthead--m-display-inline__main--BorderBottom: 0;
14247
- --pf-c-masthead--m-display-inline__toggle--GridColumn: 1;
14248
- --pf-c-masthead--m-display-inline__content--GridColumn: 3;
14249
- --pf-c-masthead--m-display-inline__content--MinHeight: 4.375rem;
14250
- --pf-c-masthead--m-display-inline__content--Order: 0;
14251
- --pf-c-masthead--m-display-inline__content--PaddingTop: 0;
14252
- --pf-c-masthead--m-display-inline__content--PaddingBottom: 0;
14253
- --pf-c-masthead--m-display-inline__content--MarginLeft: calc(var(--pf-global--spacer--lg) / 2);
14254
- --pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight: 0;
14255
- --pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft: 0;
14256
- --pf-c-masthead__main--before--Right: calc(var(--pf-c-masthead--inset) * -1);
14257
- --pf-c-masthead__main--before--Left: calc(var(--pf-c-masthead--inset) * -1);
14258
- --pf-c-masthead__main--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
14259
- --pf-c-masthead__main--before--BorderBottomColor: var(--pf-global--palette--black-600);
14260
- --pf-c-masthead__toggle--MarginRight: var(--pf-global--spacer--sm);
14261
- --pf-c-masthead__toggle--MarginLeft: calc(var(--pf-global--spacer--md) * -1);
14262
- --pf-c-masthead__toggle--c-button--FontSize: var(--pf-global--FontSize--2xl);
14263
- --pf-c-masthead--m-light--BackgroundColor: var(--pf-global--BackgroundColor--100);
14264
- --pf-c-masthead--m-light__main--BorderBottomColor: var(--pf-global--BorderColor--300);
14265
- --pf-c-masthead--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
14266
- --pf-c-masthead--m-light-200__main--BorderBottomColor: var(--pf-global--BorderColor--100);
14267
- --pf-c-masthead--c-toolbar__item--Display: flex;
14268
- --pf-c-masthead--item-border-color--base: var(--pf-global--palette--black-800);
14269
- --pf-c-masthead--c-context-selector--Width: auto;
14270
- --pf-c-masthead--c-context-selector__toggle--BorderTopColor: transparent;
14271
- --pf-c-masthead--c-context-selector__toggle--BorderRightColor: transparent;
14272
- --pf-c-masthead--c-context-selector__toggle--BorderBottomColor: transparent;
14273
- --pf-c-masthead--c-context-selector__toggle--BorderLeftColor: transparent;
14274
- --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
14275
- --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
14276
- --pf-c-masthead--c-dropdown__toggle--before--BorderTopColor: transparent;
14277
- --pf-c-masthead--c-dropdown__toggle--before--BorderRightColor: transparent;
14278
- --pf-c-masthead--c-dropdown__toggle--before--BorderBottomColor: transparent;
14279
- --pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor: transparent;
14280
- --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
14281
- --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
14282
- --pf-c-masthead--c-menu-toggle--before--BorderTopColor: transparent;
14283
- --pf-c-masthead--c-menu-toggle--before--BorderRightColor: transparent;
14284
- --pf-c-masthead--c-menu-toggle--before--BorderBottomColor: transparent;
14285
- --pf-c-masthead--c-menu-toggle--before--BorderLeftColor: transparent;
14286
- --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
14287
- --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
14288
- --pf-c-masthead--c-toolbar__content--PaddingRight: 0;
14289
- --pf-c-masthead--c-toolbar__content--PaddingLeft: 0;
14290
- --pf-c-masthead--c-toolbar__expandable-content--PaddingTop: var(--pf-global--spacer--md);
14291
- --pf-c-masthead--c-toolbar__expandable-content--PaddingRight: var(--pf-c-masthead--inset);
14292
- --pf-c-masthead--c-toolbar__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
14293
- --pf-c-masthead--c-toolbar__expandable-content--PaddingLeft: var(--pf-c-masthead--inset);
14294
- --pf-c-masthead--c-toolbar__expandable-content--BorderTopWidth: var(--pf-global--BorderWidth--sm);
14295
- --pf-c-masthead--c-toolbar__expandable-content--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
14296
- --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
14297
- --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
14298
- --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
14299
- --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
14300
- --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
14301
- --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
14302
- --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
14303
- --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
14304
- --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
14305
- --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-stack__content--GridColumn);
14306
- --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
14307
- --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
14308
- --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
14309
- --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
14310
- --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
14311
- --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
14312
- --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14313
- color: var(--pf-global--Color--100);
14314
- position: relative;
14315
- display: grid;
14316
- grid-template-columns: var(--pf-c-masthead--GridTemplateColumns);
14317
- align-items: center;
14318
- min-width: 0;
14319
- padding-right: var(--pf-c-masthead--PaddingRight);
14320
- padding-left: var(--pf-c-masthead--PaddingLeft);
14321
- background-color: var(--pf-c-masthead--BackgroundColor);
14322
- }
14311
+ .pf-c-masthead.pf-m-inset-lg-on-sm {
14312
+ --pf-c-masthead--inset: var(--pf-global--spacer--lg);
14313
+ }
14323
14314
 
14324
- @media screen and (min-width: 1200px) {
14325
- .pf-c-masthead {
14326
- --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
14315
+ .pf-c-masthead.pf-m-inset-xl-on-sm {
14316
+ --pf-c-masthead--inset: var(--pf-global--spacer--xl);
14317
+ }
14318
+
14319
+ .pf-c-masthead.pf-m-inset-2xl-on-sm {
14320
+ --pf-c-masthead--inset: var(--pf-global--spacer--2xl);
14327
14321
  }
14328
14322
  }
14329
- @media screen and (min-width: 768px) {
14330
- .pf-c-masthead {
14323
+ @media (min-width: 768px) {
14324
+ .pf-c-masthead.pf-m-display-stack-on-md {
14325
+ --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
14326
+ --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
14327
+ --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
14328
+ --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
14329
+ --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
14330
+ --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
14331
+ --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
14332
+ --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
14333
+ --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
14334
+ --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-stack__content--GridColumn);
14335
+ --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
14336
+ --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
14337
+ --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
14338
+ --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
14339
+ --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
14340
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
14341
+ --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14342
+ }
14343
+
14344
+ .pf-c-masthead.pf-m-display-inline-on-md {
14331
14345
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14332
14346
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14333
14347
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
@@ -14347,216 +14361,33 @@ ul.pf-c-list {
14347
14361
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
14348
14362
  }
14349
14363
  }
14350
- .pf-c-masthead.pf-m-light {
14351
- color: var(--pf-global--Color--100);
14352
- --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
14353
- --pf-c-masthead__main--BorderBottomColor: var(--pf-c-masthead--m-light__main--BorderBottomColor);
14354
- }
14364
+ @media (min-width: 768px) {
14365
+ .pf-c-masthead.pf-m-inset-none-on-md {
14366
+ --pf-c-masthead--inset: 0;
14367
+ }
14355
14368
 
14356
- .pf-c-masthead.pf-m-light-200 {
14357
- color: var(--pf-global--Color--100);
14358
- --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light-200--BackgroundColor);
14359
- --pf-c-masthead__main--BorderBottomColor: var(--pf-c-masthead--m-light-200__main--BorderBottomColor);
14360
- }
14369
+ .pf-c-masthead.pf-m-inset-sm-on-md {
14370
+ --pf-c-masthead--inset: var(--pf-global--spacer--sm);
14371
+ }
14361
14372
 
14362
- .pf-c-masthead .pf-c-toolbar {
14363
- --pf-c-toolbar__content--PaddingRight: var(--pf-c-masthead--c-toolbar__content--PaddingRight);
14364
- --pf-c-toolbar__content--PaddingLeft: var(--pf-c-masthead--c-toolbar__content--PaddingLeft);
14365
- --pf-c-toolbar__expandable-content--PaddingTop: var(--pf-c-masthead--c-toolbar__expandable-content--PaddingTop);
14366
- --pf-c-toolbar__expandable-content--PaddingRight: var(--pf-c-masthead--c-toolbar__expandable-content--PaddingRight);
14367
- --pf-c-toolbar__expandable-content--PaddingBottom: var(--pf-c-masthead--c-toolbar__expandable-content--PaddingBottom);
14368
- --pf-c-toolbar__expandable-content--PaddingLeft: var(--pf-c-masthead--c-toolbar__expandable-content--PaddingLeft);
14369
- width: 100%;
14370
- }
14371
-
14372
- .pf-c-masthead .pf-c-toolbar__content-section {
14373
- flex-wrap: nowrap;
14374
- }
14375
-
14376
- .pf-c-masthead .pf-c-toolbar__expandable-content {
14377
- border-top: var(--pf-c-masthead--c-toolbar__expandable-content--BorderTopWidth) solid var(--pf-c-masthead--c-toolbar__expandable-content--BorderTopColor);
14378
- }
14379
-
14380
- .pf-c-masthead .pf-c-menu-toggle {
14381
- --pf-c-menu-toggle--before--BorderTopColor: var(--pf-c-masthead--c-menu-toggle--before--BorderTopColor);
14382
- --pf-c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--c-menu-toggle--before--BorderRightColor);
14383
- --pf-c-menu-toggle--before--BorderBottomColor: var(--pf-c-masthead--c-menu-toggle--before--BorderBottomColor);
14384
- --pf-c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--c-menu-toggle--before--BorderLeftColor);
14385
- }
14386
-
14387
- .pf-c-masthead .pf-c-menu-toggle.pf-m-full-height {
14388
- --pf-c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderRightColor);
14389
- --pf-c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderLeftColor);
14390
- }
14391
-
14392
- .pf-c-masthead .pf-c-context-selector {
14393
- --pf-c-context-selector--Width: var(--pf-c-masthead--c-context-selector--Width);
14394
- --pf-c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--c-context-selector__toggle--BorderTopColor);
14395
- --pf-c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--c-context-selector__toggle--BorderRightColor);
14396
- --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-masthead--c-context-selector__toggle--BorderBottomColor);
14397
- --pf-c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--c-context-selector__toggle--BorderLeftColor);
14398
- }
14399
-
14400
- .pf-c-masthead .pf-c-context-selector.pf-m-full-height {
14401
- --pf-c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderRightColor);
14402
- --pf-c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderLeftColor);
14403
- }
14404
-
14405
- .pf-c-masthead .pf-c-dropdown {
14406
- --pf-c-dropdown__toggle--before--BorderTopColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderTopColor);
14407
- --pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderRightColor);
14408
- --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderBottomColor);
14409
- --pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor);
14410
- }
14411
-
14412
- .pf-c-masthead .pf-c-dropdown.pf-m-full-height {
14413
- --pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderRightColor);
14414
- --pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor);
14415
- }
14416
-
14417
- .pf-c-masthead__main {
14418
- position: relative;
14419
- display: flex;
14420
- flex-basis: var(--pf-c-masthead__main--FlexBasis);
14421
- align-items: center;
14422
- align-self: stretch;
14423
- order: var(--pf-c-masthead__main--Order);
14424
- min-height: var(--pf-c-masthead__main--MinHeight);
14425
- padding-top: var(--pf-c-masthead__main--PaddingTop);
14426
- padding-bottom: var(--pf-c-masthead__main--PaddingBottom);
14427
- margin-right: var(--pf-c-masthead__main--MarginRight);
14428
- grid-column: var(--pf-c-masthead__main--GridColumn);
14429
- }
14430
-
14431
- .pf-c-masthead__main::before {
14432
- position: absolute;
14433
- right: var(--pf-c-masthead__main--before--Right);
14434
- bottom: 0;
14435
- left: var(--pf-c-masthead__main--before--Left);
14436
- content: "";
14437
- border-bottom: var(--pf-c-masthead__main--before--BorderBottom);
14438
- }
14439
-
14440
- .pf-c-masthead__main:last-child {
14441
- --pf-c-masthead__main--MarginRight: 0;
14442
- }
14443
-
14444
- .pf-c-masthead__content {
14445
- display: flex;
14446
- flex-grow: 1;
14447
- align-items: center;
14448
- align-self: stretch;
14449
- order: var(--pf-c-masthead__content--Order);
14450
- min-height: var(--pf-c-masthead__content--MinHeight);
14451
- padding-top: var(--pf-c-masthead__content--PaddingTop);
14452
- padding-bottom: var(--pf-c-masthead__content--PaddingBottom);
14453
- margin-left: var(--pf-c-masthead__content--MarginLeft);
14454
- grid-column: var(--pf-c-masthead__content--GridColumn);
14455
- grid-column-end: -1;
14456
- flex-shrink: 1;
14457
- }
14458
-
14459
- .pf-c-masthead__content:only-child {
14460
- --pf-c-masthead__content--MarginLeft: 0;
14461
- }
14462
-
14463
- .pf-c-masthead__content .pf-c-nav.pf-m-horizontal {
14464
- margin-right: var(--pf-c-masthead__content--c-nav--m-horizontal--MarginRight);
14465
- margin-left: var(--pf-c-masthead__content--c-nav--m-horizontal--MarginLeft);
14466
- }
14467
-
14468
- .pf-c-masthead__toggle ~ .pf-c-masthead__content {
14469
- --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: calc(var(--pf-c-masthead__content--MarginLeft) * -1);
14470
- }
14471
-
14472
- .pf-c-masthead__main,
14473
- .pf-c-masthead__brand,
14474
- .pf-c-masthead__content {
14475
- min-width: 0;
14476
- }
14477
-
14478
- .pf-c-masthead__brand {
14479
- display: inline-flex;
14480
- align-self: center;
14481
- }
14482
-
14483
- .pf-c-masthead__toggle {
14484
- grid-column: var(--pf-c-masthead__toggle--GridColumn);
14485
- align-self: center;
14486
- margin-right: var(--pf-c-masthead__toggle--MarginRight);
14487
- margin-left: var(--pf-c-masthead__toggle--MarginLeft);
14488
- }
14489
-
14490
- .pf-c-masthead__toggle .pf-c-button {
14491
- --pf-c-button--FontSize: var(--pf-c-masthead__toggle--c-button--FontSize);
14492
- }
14493
-
14494
- .pf-c-masthead.pf-m-display-stack {
14495
- --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
14496
- --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
14497
- --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
14498
- --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
14499
- --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
14500
- --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
14501
- --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
14502
- --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
14503
- --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
14504
- --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-stack__content--GridColumn);
14505
- --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
14506
- --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
14507
- --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
14508
- --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
14509
- --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
14510
- --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
14511
- --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14512
- }
14513
-
14514
- .pf-c-masthead.pf-m-display-inline {
14515
- --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14516
- --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14517
- --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
14518
- --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-inline__main--Order);
14519
- --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-inline__main--FlexBasis);
14520
- --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-inline__main--PaddingTop);
14521
- --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-inline__main--PaddingBottom);
14522
- --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-inline__main--MarginRight);
14523
- --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-inline__main--BorderBottom);
14524
- --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-inline__content--GridColumn);
14525
- --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-inline__content--MinHeight);
14526
- --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-inline__content--Order);
14527
- --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-inline__content--PaddingTop);
14528
- --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-inline__content--PaddingBottom);
14529
- --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-inline__content--MarginLeft);
14530
- --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
14531
- --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
14532
- }
14533
-
14534
- .pf-c-masthead.pf-m-inset-none {
14535
- --pf-c-masthead--inset: 0;
14536
- }
14537
-
14538
- .pf-c-masthead.pf-m-inset-sm {
14539
- --pf-c-masthead--inset: var(--pf-global--spacer--sm);
14540
- }
14541
-
14542
- .pf-c-masthead.pf-m-inset-md {
14543
- --pf-c-masthead--inset: var(--pf-global--spacer--md);
14544
- }
14373
+ .pf-c-masthead.pf-m-inset-md-on-md {
14374
+ --pf-c-masthead--inset: var(--pf-global--spacer--md);
14375
+ }
14545
14376
 
14546
- .pf-c-masthead.pf-m-inset-lg {
14547
- --pf-c-masthead--inset: var(--pf-global--spacer--lg);
14548
- }
14377
+ .pf-c-masthead.pf-m-inset-lg-on-md {
14378
+ --pf-c-masthead--inset: var(--pf-global--spacer--lg);
14379
+ }
14549
14380
 
14550
- .pf-c-masthead.pf-m-inset-xl {
14551
- --pf-c-masthead--inset: var(--pf-global--spacer--xl);
14552
- }
14381
+ .pf-c-masthead.pf-m-inset-xl-on-md {
14382
+ --pf-c-masthead--inset: var(--pf-global--spacer--xl);
14383
+ }
14553
14384
 
14554
- .pf-c-masthead.pf-m-inset-2xl {
14555
- --pf-c-masthead--inset: var(--pf-global--spacer--2xl);
14385
+ .pf-c-masthead.pf-m-inset-2xl-on-md {
14386
+ --pf-c-masthead--inset: var(--pf-global--spacer--2xl);
14387
+ }
14556
14388
  }
14557
-
14558
- @media (min-width: 576px) {
14559
- .pf-c-masthead.pf-m-display-stack-on-sm {
14389
+ @media (min-width: 992px) {
14390
+ .pf-c-masthead.pf-m-display-stack-on-lg {
14560
14391
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
14561
14392
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
14562
14393
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
@@ -14576,7 +14407,7 @@ ul.pf-c-list {
14576
14407
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14577
14408
  }
14578
14409
 
14579
- .pf-c-masthead.pf-m-display-inline-on-sm {
14410
+ .pf-c-masthead.pf-m-display-inline-on-lg {
14580
14411
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14581
14412
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14582
14413
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
@@ -14596,33 +14427,33 @@ ul.pf-c-list {
14596
14427
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
14597
14428
  }
14598
14429
  }
14599
- @media (min-width: 576px) {
14600
- .pf-c-masthead.pf-m-inset-none-on-sm {
14430
+ @media (min-width: 992px) {
14431
+ .pf-c-masthead.pf-m-inset-none-on-lg {
14601
14432
  --pf-c-masthead--inset: 0;
14602
14433
  }
14603
14434
 
14604
- .pf-c-masthead.pf-m-inset-sm-on-sm {
14435
+ .pf-c-masthead.pf-m-inset-sm-on-lg {
14605
14436
  --pf-c-masthead--inset: var(--pf-global--spacer--sm);
14606
14437
  }
14607
14438
 
14608
- .pf-c-masthead.pf-m-inset-md-on-sm {
14439
+ .pf-c-masthead.pf-m-inset-md-on-lg {
14609
14440
  --pf-c-masthead--inset: var(--pf-global--spacer--md);
14610
14441
  }
14611
14442
 
14612
- .pf-c-masthead.pf-m-inset-lg-on-sm {
14443
+ .pf-c-masthead.pf-m-inset-lg-on-lg {
14613
14444
  --pf-c-masthead--inset: var(--pf-global--spacer--lg);
14614
14445
  }
14615
14446
 
14616
- .pf-c-masthead.pf-m-inset-xl-on-sm {
14447
+ .pf-c-masthead.pf-m-inset-xl-on-lg {
14617
14448
  --pf-c-masthead--inset: var(--pf-global--spacer--xl);
14618
14449
  }
14619
14450
 
14620
- .pf-c-masthead.pf-m-inset-2xl-on-sm {
14451
+ .pf-c-masthead.pf-m-inset-2xl-on-lg {
14621
14452
  --pf-c-masthead--inset: var(--pf-global--spacer--2xl);
14622
14453
  }
14623
14454
  }
14624
- @media (min-width: 768px) {
14625
- .pf-c-masthead.pf-m-display-stack-on-md {
14455
+ @media (min-width: 1200px) {
14456
+ .pf-c-masthead.pf-m-display-stack-on-xl {
14626
14457
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
14627
14458
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
14628
14459
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
@@ -14642,7 +14473,7 @@ ul.pf-c-list {
14642
14473
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14643
14474
  }
14644
14475
 
14645
- .pf-c-masthead.pf-m-display-inline-on-md {
14476
+ .pf-c-masthead.pf-m-display-inline-on-xl {
14646
14477
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14647
14478
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14648
14479
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
@@ -14662,33 +14493,33 @@ ul.pf-c-list {
14662
14493
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
14663
14494
  }
14664
14495
  }
14665
- @media (min-width: 768px) {
14666
- .pf-c-masthead.pf-m-inset-none-on-md {
14496
+ @media (min-width: 1200px) {
14497
+ .pf-c-masthead.pf-m-inset-none-on-xl {
14667
14498
  --pf-c-masthead--inset: 0;
14668
14499
  }
14669
14500
 
14670
- .pf-c-masthead.pf-m-inset-sm-on-md {
14501
+ .pf-c-masthead.pf-m-inset-sm-on-xl {
14671
14502
  --pf-c-masthead--inset: var(--pf-global--spacer--sm);
14672
14503
  }
14673
14504
 
14674
- .pf-c-masthead.pf-m-inset-md-on-md {
14505
+ .pf-c-masthead.pf-m-inset-md-on-xl {
14675
14506
  --pf-c-masthead--inset: var(--pf-global--spacer--md);
14676
14507
  }
14677
14508
 
14678
- .pf-c-masthead.pf-m-inset-lg-on-md {
14509
+ .pf-c-masthead.pf-m-inset-lg-on-xl {
14679
14510
  --pf-c-masthead--inset: var(--pf-global--spacer--lg);
14680
14511
  }
14681
14512
 
14682
- .pf-c-masthead.pf-m-inset-xl-on-md {
14513
+ .pf-c-masthead.pf-m-inset-xl-on-xl {
14683
14514
  --pf-c-masthead--inset: var(--pf-global--spacer--xl);
14684
14515
  }
14685
14516
 
14686
- .pf-c-masthead.pf-m-inset-2xl-on-md {
14517
+ .pf-c-masthead.pf-m-inset-2xl-on-xl {
14687
14518
  --pf-c-masthead--inset: var(--pf-global--spacer--2xl);
14688
14519
  }
14689
14520
  }
14690
- @media (min-width: 992px) {
14691
- .pf-c-masthead.pf-m-display-stack-on-lg {
14521
+ @media (min-width: 1450px) {
14522
+ .pf-c-masthead.pf-m-display-stack-on-2xl {
14692
14523
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
14693
14524
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
14694
14525
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
@@ -14708,7 +14539,7 @@ ul.pf-c-list {
14708
14539
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14709
14540
  }
14710
14541
 
14711
- .pf-c-masthead.pf-m-display-inline-on-lg {
14542
+ .pf-c-masthead.pf-m-display-inline-on-2xl {
14712
14543
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14713
14544
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14714
14545
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
@@ -14728,163 +14559,332 @@ ul.pf-c-list {
14728
14559
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
14729
14560
  }
14730
14561
  }
14731
- @media (min-width: 992px) {
14732
- .pf-c-masthead.pf-m-inset-none-on-lg {
14562
+ @media (min-width: 1450px) {
14563
+ .pf-c-masthead.pf-m-inset-none-on-2xl {
14733
14564
  --pf-c-masthead--inset: 0;
14734
14565
  }
14735
14566
 
14736
- .pf-c-masthead.pf-m-inset-sm-on-lg {
14567
+ .pf-c-masthead.pf-m-inset-sm-on-2xl {
14737
14568
  --pf-c-masthead--inset: var(--pf-global--spacer--sm);
14738
14569
  }
14739
14570
 
14740
- .pf-c-masthead.pf-m-inset-md-on-lg {
14571
+ .pf-c-masthead.pf-m-inset-md-on-2xl {
14741
14572
  --pf-c-masthead--inset: var(--pf-global--spacer--md);
14742
14573
  }
14743
14574
 
14744
- .pf-c-masthead.pf-m-inset-lg-on-lg {
14575
+ .pf-c-masthead.pf-m-inset-lg-on-2xl {
14745
14576
  --pf-c-masthead--inset: var(--pf-global--spacer--lg);
14746
14577
  }
14747
14578
 
14748
- .pf-c-masthead.pf-m-inset-xl-on-lg {
14579
+ .pf-c-masthead.pf-m-inset-xl-on-2xl {
14749
14580
  --pf-c-masthead--inset: var(--pf-global--spacer--xl);
14750
14581
  }
14751
14582
 
14752
- .pf-c-masthead.pf-m-inset-2xl-on-lg {
14583
+ .pf-c-masthead.pf-m-inset-2xl-on-2xl {
14753
14584
  --pf-c-masthead--inset: var(--pf-global--spacer--2xl);
14754
14585
  }
14755
14586
  }
14756
- @media (min-width: 1200px) {
14757
- .pf-c-masthead.pf-m-display-stack-on-xl {
14758
- --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
14759
- --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
14760
- --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
14761
- --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
14762
- --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
14763
- --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
14764
- --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
14765
- --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
14766
- --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
14767
- --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-stack__content--GridColumn);
14768
- --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
14769
- --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
14770
- --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
14771
- --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
14772
- --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
14773
- --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
14774
- --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14775
- }
14587
+ .pf-c-login__footer, .pf-c-login__header {
14588
+ --pf-global--Color--100: var(--pf-global--Color--light-100);
14589
+ --pf-global--Color--200: var(--pf-global--Color--light-200);
14590
+ --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
14591
+ --pf-global--primary-color--100: var(--pf-global--primary-color--light-100);
14592
+ --pf-global--link--Color: var(--pf-global--link--Color--light);
14593
+ --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
14594
+ --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
14595
+ }
14776
14596
 
14777
- .pf-c-masthead.pf-m-display-inline-on-xl {
14778
- --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14779
- --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14780
- --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
14781
- --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-inline__main--Order);
14782
- --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-inline__main--FlexBasis);
14783
- --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-inline__main--PaddingTop);
14784
- --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-inline__main--PaddingBottom);
14785
- --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-inline__main--MarginRight);
14786
- --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-inline__main--BorderBottom);
14787
- --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-inline__content--GridColumn);
14788
- --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-inline__content--MinHeight);
14789
- --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-inline__content--Order);
14790
- --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-inline__content--PaddingTop);
14791
- --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-inline__content--PaddingBottom);
14792
- --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-inline__content--MarginLeft);
14793
- --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
14794
- --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
14597
+ .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card {
14598
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
14599
+ }
14600
+
14601
+ .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button {
14602
+ --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
14603
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
14604
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
14605
+ --pf-c-button--m-primary--active--Color: var(--pf-global--primary-color--dark-100);
14606
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
14607
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
14608
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
14609
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
14610
+ --pf-c-button--m-secondary--Color: var(--pf-global--Color--light-100);
14611
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--Color--light-100);
14612
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--Color--light-100);
14613
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--Color--light-100);
14614
+ --pf-c-button--m-secondary--BorderColor: var(--pf-global--Color--light-100);
14615
+ --pf-c-button--m-secondary--hover--BorderColor: var(--pf-global--Color--light-100);
14616
+ --pf-c-button--m-secondary--focus--BorderColor: var(--pf-global--Color--light-100);
14617
+ --pf-c-button--m-secondary--active--BorderColor: var(--pf-global--Color--light-100);
14618
+ }
14619
+
14620
+ .pf-c-login {
14621
+ --pf-c-login--PaddingTop: var(--pf-global--spacer--lg);
14622
+ --pf-c-login--PaddingBottom: var(--pf-global--spacer--lg);
14623
+ --pf-c-login--xl--BackgroundImage: none;
14624
+ --pf-c-login__container--xl--GridColumnGap: var(--pf-global--spacer--3xl);
14625
+ --pf-c-login__container--MaxWidth: 31.25rem;
14626
+ --pf-c-login__container--xl--MaxWidth: none;
14627
+ --pf-c-login__container--PaddingLeft: 6.125rem;
14628
+ --pf-c-login__container--PaddingRight: 6.125rem;
14629
+ --pf-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
14630
+ --pf-c-login__header--MarginBottom: var(--pf-global--spacer--md);
14631
+ --pf-c-login__header--PaddingLeft: var(--pf-global--spacer--md);
14632
+ --pf-c-login__header--PaddingRight: var(--pf-global--spacer--md);
14633
+ --pf-c-login__header--xl--MarginBottom: var(--pf-global--spacer--2xl);
14634
+ --pf-c-login__header--xl--MarginTop: var(--pf-global--spacer--3xl);
14635
+ --pf-c-login__header--c-brand--MarginBottom: var(--pf-global--spacer--lg);
14636
+ --pf-c-login__header--c-brand--xl--MarginBottom: var(--pf-global--spacer--2xl);
14637
+ --pf-c-login__main--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
14638
+ --pf-c-login__main--MarginBottom: var(--pf-global--spacer--lg);
14639
+ --pf-c-login__main-header--PaddingTop: var(--pf-global--spacer--2xl);
14640
+ --pf-c-login__main-header--PaddingRight: var(--pf-global--spacer--xl);
14641
+ --pf-c-login__main-header--PaddingBottom: var(--pf-global--spacer--md);
14642
+ --pf-c-login__main-header--PaddingLeft: var(--pf-global--spacer--xl);
14643
+ --pf-c-login__main-header--md--PaddingRight: var(--pf-global--spacer--2xl);
14644
+ --pf-c-login__main-header--md--PaddingLeft: var(--pf-global--spacer--2xl);
14645
+ --pf-c-login__main-header--ColumnGap: var(--pf-global--spacer--md);
14646
+ --pf-c-login__main-header--RowGap: var(--pf-global--spacer--md);
14647
+ --pf-c-login__main-header-desc--MarginBottom: var(--pf-global--spacer--sm);
14648
+ --pf-c-login__main-header-desc--md--MarginBottom: 0;
14649
+ --pf-c-login__main-header-desc--FontSize: var(--pf-global--FontSize--sm);
14650
+ --pf-c-login__main-body--PaddingRight: var(--pf-global--spacer--xl);
14651
+ --pf-c-login__main-body--PaddingBottom: var(--pf-global--spacer--xl);
14652
+ --pf-c-login__main-body--PaddingLeft: var(--pf-global--spacer--xl);
14653
+ --pf-c-login__main-body--md--PaddingRight: var(--pf-global--spacer--2xl);
14654
+ --pf-c-login__main-body--md--PaddingLeft: var(--pf-global--spacer--2xl);
14655
+ --pf-c-login__main-footer--PaddingBottom: var(--pf-global--spacer--3xl);
14656
+ --pf-c-login__main-footer--c-title--MarginBottom: var(--pf-global--spacer--md);
14657
+ --pf-c-login__main-footer-links--PaddingTop: var(--pf-global--spacer--sm);
14658
+ --pf-c-login__main-footer-links--PaddingRight: var(--pf-global--spacer--3xl);
14659
+ --pf-c-login__main-footer-links--PaddingBottom: var(--pf-global--spacer--xl);
14660
+ --pf-c-login__main-footer-links--PaddingLeft: var(--pf-global--spacer--3xl);
14661
+ --pf-c-login__main-footer-links-item--PaddingRight: var(--pf-global--spacer--md);
14662
+ --pf-c-login__main-footer-links-item--PaddingLeft: var(--pf-global--spacer--md);
14663
+ --pf-c-login__main-footer-links-item--MarginBottom: var(--pf-global--spacer--sm);
14664
+ --pf-c-login__main-footer-links-item-link-svg--Fill: var(--pf-global--icon--Color--light);
14665
+ --pf-c-login__main-footer-links-item-link-svg--Width: var(--pf-global--icon--FontSize--lg);
14666
+ --pf-c-login__main-footer-links-item-link-svg--Height: var(--pf-global--icon--FontSize--lg);
14667
+ --pf-c-login__main-footer-links-item-link-svg--hover--Fill: var(--pf-global--icon--Color--dark);
14668
+ --pf-c-login__main-footer-band--PaddingTop: var(--pf-global--spacer--lg);
14669
+ --pf-c-login__main-footer-band--PaddingRight: var(--pf-global--spacer--md);
14670
+ --pf-c-login__main-footer-band--PaddingBottom: var(--pf-global--spacer--lg);
14671
+ --pf-c-login__main-footer-band--PaddingLeft: var(--pf-global--spacer--md);
14672
+ --pf-c-login__main-footer-band--BackgroundColor: var(--pf-global--BackgroundColor--200);
14673
+ --pf-c-login__main-footer-band-item--PaddingTop: var(--pf-global--spacer--md);
14674
+ --pf-c-login__footer--PaddingLeft: var(--pf-global--spacer--md);
14675
+ --pf-c-login__footer--PaddingRight: var(--pf-global--spacer--md);
14676
+ --pf-c-login__footer--c-list--PaddingTop: var(--pf-global--spacer--md);
14677
+ --pf-c-login__footer--c-list--xl--PaddingTop: var(--pf-global--spacer--2xl);
14678
+ display: flex;
14679
+ justify-content: center;
14680
+ min-height: 100vh;
14681
+ padding-top: var(--pf-c-login--PaddingTop);
14682
+ padding-bottom: var(--pf-c-login--PaddingBottom);
14683
+ }
14684
+
14685
+ @media (min-width: 1200px) {
14686
+ .pf-c-login {
14687
+ --pf-c-login__container--MaxWidth: var(--pf-c-login__container--xl--MaxWidth);
14688
+ }
14689
+ }
14690
+ @media (min-width: 576px) {
14691
+ .pf-c-login {
14692
+ --pf-c-login__header--PaddingRight: 0;
14693
+ --pf-c-login__header--PaddingLeft: 0;
14795
14694
  }
14796
14695
  }
14797
14696
  @media (min-width: 1200px) {
14798
- .pf-c-masthead.pf-m-inset-none-on-xl {
14799
- --pf-c-masthead--inset: 0;
14697
+ .pf-c-login {
14698
+ --pf-c-login__header--MarginBottom: var(--pf-c-login__header--xl--MarginBottom);
14699
+ --pf-c-login__header--c-brand--MarginBottom: var(--pf-c-login__header--c-brand--xl--MarginBottom);
14700
+ }
14701
+ }
14702
+ @media (min-width: 1200px) {
14703
+ .pf-c-login {
14704
+ --pf-c-login__main--MarginBottom: 0;
14705
+ }
14706
+ }
14707
+ @media (min-width: 768px) {
14708
+ .pf-c-login {
14709
+ --pf-c-login__main-header--PaddingRight: var(--pf-c-login__main-header--md--PaddingRight);
14710
+ --pf-c-login__main-header--PaddingLeft: var(--pf-c-login__main-header--md--PaddingLeft);
14711
+ --pf-c-login__main-header-desc--MarginBottom: var(--pf-c-login__main-header-desc--md--MarginBottom);
14712
+ }
14713
+ }
14714
+ @media (min-width: 768px) {
14715
+ .pf-c-login {
14716
+ --pf-c-login__main-body--PaddingRight: var(--pf-c-login__main-body--md--PaddingRight);
14717
+ --pf-c-login__main-body--PaddingLeft: var(--pf-c-login__main-body--md--PaddingLeft);
14718
+ }
14719
+ }
14720
+ @media (min-width: 576px) {
14721
+ .pf-c-login {
14722
+ --pf-c-login__footer--PaddingRight: 0;
14723
+ --pf-c-login__footer--PaddingLeft: 0;
14724
+ }
14725
+ }
14726
+ @media (min-width: 1200px) {
14727
+ .pf-c-login {
14728
+ --pf-c-login__footer--c-list--PaddingTop: var(--pf-c-login__footer--c-list--xl--PaddingTop);
14729
+ }
14730
+ }
14731
+ @media (min-width: 1200px) {
14732
+ .pf-c-login {
14733
+ background-image: var(--pf-c-login--xl--BackgroundImage);
14800
14734
  }
14735
+ }
14736
+ @media (min-width: 576px) {
14737
+ .pf-c-login {
14738
+ align-items: center;
14739
+ }
14740
+ }
14741
+ .pf-c-login__container {
14742
+ width: 100%;
14743
+ max-width: var(--pf-c-login__container--MaxWidth);
14744
+ }
14801
14745
 
14802
- .pf-c-masthead.pf-m-inset-sm-on-xl {
14803
- --pf-c-masthead--inset: var(--pf-global--spacer--sm);
14746
+ @media (min-width: 1200px) {
14747
+ .pf-c-login__container {
14748
+ display: grid;
14749
+ justify-content: center;
14750
+ grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
14751
+ grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
14752
+ grid-template-areas: "main header" "main footer" "main .";
14753
+ padding-right: var(--pf-c-login__container--PaddingRight);
14754
+ padding-left: var(--pf-c-login__container--PaddingLeft);
14804
14755
  }
14756
+ }
14757
+ .pf-c-login__header {
14758
+ color: var(--pf-global--Color--100);
14759
+ grid-area: header;
14760
+ padding-right: var(--pf-c-login__header--PaddingRight);
14761
+ padding-left: var(--pf-c-login__header--PaddingLeft);
14762
+ }
14805
14763
 
14806
- .pf-c-masthead.pf-m-inset-md-on-xl {
14807
- --pf-c-masthead--inset: var(--pf-global--spacer--md);
14764
+ @media (min-width: 1200px) {
14765
+ .pf-c-login__header {
14766
+ margin-top: var(--pf-c-login__header--xl--MarginTop);
14808
14767
  }
14768
+ }
14769
+ .pf-c-login__header .pf-c-brand {
14770
+ margin-bottom: var(--pf-c-login__header--c-brand--MarginBottom);
14771
+ }
14809
14772
 
14810
- .pf-c-masthead.pf-m-inset-lg-on-xl {
14811
- --pf-c-masthead--inset: var(--pf-global--spacer--lg);
14773
+ .pf-c-login__main {
14774
+ margin-bottom: var(--pf-c-login__main--MarginBottom);
14775
+ background-color: var(--pf-c-login__main--BackgroundColor);
14776
+ grid-area: main;
14777
+ }
14778
+
14779
+ .pf-c-login__main > :first-child:not(.pf-c-login__main-header) {
14780
+ padding-top: var(--pf-c-login__main-header--PaddingTop);
14781
+ }
14782
+
14783
+ .pf-c-login__main > :last-child:not(.pf-c-login__main-footer) {
14784
+ padding-bottom: var(--pf-c-login__main-footer--PaddingBottom);
14785
+ }
14786
+
14787
+ .pf-c-login__main-header {
14788
+ display: grid;
14789
+ grid-template-columns: 100%;
14790
+ column-gap: var(--pf-c-login__main-header--ColumnGap);
14791
+ row-gap: var(--pf-c-login__main-header--RowGap);
14792
+ align-items: center;
14793
+ padding: var(--pf-c-login__main-header--PaddingTop) var(--pf-c-login__main-header--PaddingRight) var(--pf-c-login__main-header--PaddingBottom) var(--pf-c-login__main-header--PaddingLeft);
14794
+ }
14795
+
14796
+ @media (min-width: 768px) {
14797
+ .pf-c-login__main-header {
14798
+ grid-template-columns: 1fr auto;
14812
14799
  }
14800
+ }
14801
+ .pf-c-login__main-header .pf-c-dropdown {
14802
+ grid-column: auto;
14803
+ grid-row: auto;
14804
+ }
14805
+
14806
+ @media (min-width: 768px) {
14807
+ .pf-c-login__main-header .pf-c-dropdown {
14808
+ grid-column: 2/3;
14809
+ grid-row: 1;
14810
+ }
14811
+ }
14812
+ .pf-c-login__main-header-desc {
14813
+ margin-bottom: var(--pf-c-login__main-header-desc--MarginBottom);
14814
+ font-size: var(--pf-c-login__main-header-desc--FontSize);
14815
+ grid-column: 1/-1;
14816
+ }
14817
+
14818
+ .pf-c-login__main-body {
14819
+ padding-right: var(--pf-c-login__main-body--PaddingRight);
14820
+ padding-bottom: var(--pf-c-login__main-body--PaddingBottom);
14821
+ padding-left: var(--pf-c-login__main-body--PaddingLeft);
14822
+ }
14823
+
14824
+ .pf-c-login__main-footer {
14825
+ display: flex;
14826
+ flex-wrap: wrap;
14827
+ }
14828
+
14829
+ .pf-c-login__main-footer .pf-c-title {
14830
+ margin-bottom: var(--pf-c-login__main-footer--c-title--MarginBottom);
14831
+ text-align: center;
14832
+ }
14833
+
14834
+ .pf-c-login__main-footer > * {
14835
+ flex-basis: 100%;
14836
+ }
14837
+
14838
+ .pf-c-login__main-footer-links {
14839
+ display: flex;
14840
+ flex-wrap: wrap;
14841
+ justify-content: center;
14842
+ padding: var(--pf-c-login__main-footer-links--PaddingTop) var(--pf-c-login__main-footer-links--PaddingRight) var(--pf-c-login__main-footer-links--PaddingBottom) var(--pf-c-login__main-footer-links--PaddingLeft);
14843
+ }
14813
14844
 
14814
- .pf-c-masthead.pf-m-inset-xl-on-xl {
14815
- --pf-c-masthead--inset: var(--pf-global--spacer--xl);
14816
- }
14845
+ .pf-c-login__main-footer-links-item {
14846
+ padding-right: var(--pf-c-login__main-footer-links-item--PaddingRight);
14847
+ padding-left: var(--pf-c-login__main-footer-links-item--PaddingLeft);
14848
+ margin-bottom: var(--pf-c-login__main-footer-links-item--MarginBottom);
14849
+ }
14817
14850
 
14818
- .pf-c-masthead.pf-m-inset-2xl-on-xl {
14819
- --pf-c-masthead--inset: var(--pf-global--spacer--2xl);
14820
- }
14851
+ .pf-c-login__main-footer-links-item-link svg {
14852
+ fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
14853
+ width: 100%;
14854
+ max-width: var(--pf-c-login__main-footer-links-item-link-svg--Width);
14855
+ height: 100%;
14856
+ max-height: var(--pf-c-login__main-footer-links-item-link-svg--Height);
14821
14857
  }
14822
- @media (min-width: 1450px) {
14823
- .pf-c-masthead.pf-m-display-stack-on-2xl {
14824
- --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
14825
- --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
14826
- --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
14827
- --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
14828
- --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
14829
- --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
14830
- --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
14831
- --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
14832
- --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
14833
- --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-stack__content--GridColumn);
14834
- --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
14835
- --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
14836
- --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
14837
- --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
14838
- --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
14839
- --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
14840
- --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
14841
- }
14842
14858
 
14843
- .pf-c-masthead.pf-m-display-inline-on-2xl {
14844
- --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
14845
- --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
14846
- --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
14847
- --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-inline__main--Order);
14848
- --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-inline__main--FlexBasis);
14849
- --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-inline__main--PaddingTop);
14850
- --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-inline__main--PaddingBottom);
14851
- --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-inline__main--MarginRight);
14852
- --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-inline__main--BorderBottom);
14853
- --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-inline__content--GridColumn);
14854
- --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-inline__content--MinHeight);
14855
- --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-inline__content--Order);
14856
- --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-inline__content--PaddingTop);
14857
- --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-inline__content--PaddingBottom);
14858
- --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-inline__content--MarginLeft);
14859
- --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
14860
- --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
14861
- }
14859
+ .pf-c-login__main-footer-links-item-link:hover svg {
14860
+ fill: var(--pf-c-login__main-footer-links-item-link-svg--hover--Fill);
14862
14861
  }
14863
- @media (min-width: 1450px) {
14864
- .pf-c-masthead.pf-m-inset-none-on-2xl {
14865
- --pf-c-masthead--inset: 0;
14866
- }
14867
14862
 
14868
- .pf-c-masthead.pf-m-inset-sm-on-2xl {
14869
- --pf-c-masthead--inset: var(--pf-global--spacer--sm);
14870
- }
14863
+ .pf-c-login__main-footer-band {
14864
+ padding: var(--pf-c-login__main-footer-band--PaddingTop) var(--pf-c-login__main-footer-band--PaddingRight) var(--pf-c-login__main-footer-band--PaddingBottom) var(--pf-c-login__main-footer-band--PaddingLeft);
14865
+ text-align: center;
14866
+ background-color: var(--pf-c-login__main-footer-band--BackgroundColor);
14867
+ }
14871
14868
 
14872
- .pf-c-masthead.pf-m-inset-md-on-2xl {
14873
- --pf-c-masthead--inset: var(--pf-global--spacer--md);
14874
- }
14869
+ .pf-c-login__main-footer-band > * + * {
14870
+ padding-top: var(--pf-c-login__main-footer-band-item--PaddingTop);
14871
+ }
14875
14872
 
14876
- .pf-c-masthead.pf-m-inset-lg-on-2xl {
14877
- --pf-c-masthead--inset: var(--pf-global--spacer--lg);
14878
- }
14873
+ .pf-c-login__footer {
14874
+ color: var(--pf-global--Color--100);
14875
+ grid-area: footer;
14876
+ padding-right: var(--pf-c-login__footer--PaddingRight);
14877
+ padding-left: var(--pf-c-login__footer--PaddingLeft);
14878
+ }
14879
14879
 
14880
- .pf-c-masthead.pf-m-inset-xl-on-2xl {
14881
- --pf-c-masthead--inset: var(--pf-global--spacer--xl);
14882
- }
14880
+ .pf-c-login__footer .pf-c-list a {
14881
+ color: unset;
14882
+ }
14883
14883
 
14884
- .pf-c-masthead.pf-m-inset-2xl-on-2xl {
14885
- --pf-c-masthead--inset: var(--pf-global--spacer--2xl);
14886
- }
14884
+ .pf-c-login__footer .pf-c-list:not(:only-child) {
14885
+ padding-top: var(--pf-c-login__footer--c-list--PaddingTop);
14887
14886
  }
14887
+
14888
14888
  .pf-c-menu {
14889
14889
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
14890
14890
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -20168,83 +20168,6 @@ label.pf-c-radio, .pf-c-radio__label,
20168
20168
  box-shadow: var(--pf-c-select__menu-footer--BoxShadow);
20169
20169
  }
20170
20170
 
20171
- .pf-c-simple-list {
20172
- --pf-c-simple-list__item-link--PaddingTop: var(--pf-global--spacer--xs);
20173
- --pf-c-simple-list__item-link--PaddingRight: var(--pf-global--spacer--md);
20174
- --pf-c-simple-list__item-link--PaddingBottom: var(--pf-global--spacer--xs);
20175
- --pf-c-simple-list__item-link--PaddingLeft: var(--pf-global--spacer--md);
20176
- --pf-c-simple-list__item-link--BackgroundColor: var(--pf-global--BackgroundColor--100);
20177
- --pf-c-simple-list__item-link--Color: var(--pf-global--Color--100);
20178
- --pf-c-simple-list__item-link--FontSize: var(--pf-global--FontSize--sm);
20179
- --pf-c-simple-list__item-link--FontWeight: var(--pf-global--FontWeight--normal);
20180
- --pf-c-simple-list__item-link--m-current--Color: var(--pf-global--link--Color);
20181
- --pf-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--200);
20182
- --pf-c-simple-list__item-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
20183
- --pf-c-simple-list__item-link--hover--Color: var(--pf-global--Color--100);
20184
- --pf-c-simple-list__item-link--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
20185
- --pf-c-simple-list__item-link--focus--Color: var(--pf-global--Color--100);
20186
- --pf-c-simple-list__item-link--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
20187
- --pf-c-simple-list__item-link--focus--FontWeight: var(--pf-global--FontWeight--normal);
20188
- --pf-c-simple-list__item-link--active--Color: var(--pf-global--Color--100);
20189
- --pf-c-simple-list__item-link--active--BackgroundColor: var(--pf-global--BackgroundColor--200);
20190
- --pf-c-simple-list__item-link--active--FontWeight: var(--pf-global--FontWeight--normal);
20191
- --pf-c-simple-list__title--PaddingTop: var(--pf-global--spacer--sm);
20192
- --pf-c-simple-list__title--PaddingRight: var(--pf-global--spacer--md);
20193
- --pf-c-simple-list__title--PaddingBottom: var(--pf-global--spacer--sm);
20194
- --pf-c-simple-list__title--PaddingLeft: var(--pf-global--spacer--md);
20195
- --pf-c-simple-list__title--FontSize: var(--pf-global--FontSize--sm);
20196
- --pf-c-simple-list__title--Color: var(--pf-global--Color--dark-200);
20197
- --pf-c-simple-list__title--FontWeight: var(--pf-global--FontWeight--semi-bold);
20198
- --pf-c-simple-list__section--section--MarginTop: var(--pf-global--spacer--sm);
20199
- }
20200
-
20201
- .pf-c-simple-list__item-link {
20202
- display: block;
20203
- width: 100%;
20204
- padding: var(--pf-c-simple-list__item-link--PaddingTop) var(--pf-c-simple-list__item-link--PaddingRight) var(--pf-c-simple-list__item-link--PaddingBottom) var(--pf-c-simple-list__item-link--PaddingLeft);
20205
- font-size: var(--pf-c-simple-list__item-link--FontSize);
20206
- font-weight: var(--pf-c-simple-list__item-link--FontWeight);
20207
- color: var(--pf-c-simple-list__item-link--Color);
20208
- text-align: left;
20209
- background-color: var(--pf-c-simple-list__item-link--BackgroundColor);
20210
- border: none;
20211
- }
20212
-
20213
- .pf-c-simple-list__item-link:hover {
20214
- text-decoration: none;
20215
- --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
20216
- --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
20217
- }
20218
-
20219
- .pf-c-simple-list__item-link:focus {
20220
- --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
20221
- --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--focus--BackgroundColor);
20222
- --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--focus--Color);
20223
- }
20224
-
20225
- .pf-c-simple-list__item-link:active {
20226
- --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--active--FontWeight);
20227
- --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--active--BackgroundColor);
20228
- --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--active--Color);
20229
- }
20230
-
20231
- .pf-c-simple-list__item-link.pf-m-current {
20232
- --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--m-current--FontWeight);
20233
- --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--m-current--BackgroundColor);
20234
- --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--m-current--Color);
20235
- }
20236
-
20237
- .pf-c-simple-list__title {
20238
- padding: var(--pf-c-simple-list__title--PaddingTop) var(--pf-c-simple-list__title--PaddingRight) var(--pf-c-simple-list__title--PaddingBottom) var(--pf-c-simple-list__title--PaddingLeft);
20239
- font-size: var(--pf-c-simple-list__title--FontSize);
20240
- font-weight: var(--pf-c-simple-list__title--FontWeight);
20241
- color: var(--pf-c-simple-list__title--Color);
20242
- }
20243
-
20244
- .pf-c-simple-list__section + .pf-c-simple-list__section {
20245
- margin-top: var(--pf-c-simple-list__section--section--MarginTop);
20246
- }
20247
-
20248
20171
  .pf-c-skeleton {
20249
20172
  --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-150);
20250
20173
  --pf-c-skeleton--Width: auto;
@@ -21981,6 +21904,83 @@ label.pf-c-radio, .pf-c-radio__label,
21981
21904
  font-weight: var(--pf-global--FontWeight--light);
21982
21905
  }
21983
21906
 
21907
+ .pf-c-simple-list {
21908
+ --pf-c-simple-list__item-link--PaddingTop: var(--pf-global--spacer--xs);
21909
+ --pf-c-simple-list__item-link--PaddingRight: var(--pf-global--spacer--md);
21910
+ --pf-c-simple-list__item-link--PaddingBottom: var(--pf-global--spacer--xs);
21911
+ --pf-c-simple-list__item-link--PaddingLeft: var(--pf-global--spacer--md);
21912
+ --pf-c-simple-list__item-link--BackgroundColor: var(--pf-global--BackgroundColor--100);
21913
+ --pf-c-simple-list__item-link--Color: var(--pf-global--Color--100);
21914
+ --pf-c-simple-list__item-link--FontSize: var(--pf-global--FontSize--sm);
21915
+ --pf-c-simple-list__item-link--FontWeight: var(--pf-global--FontWeight--normal);
21916
+ --pf-c-simple-list__item-link--m-current--Color: var(--pf-global--link--Color);
21917
+ --pf-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--200);
21918
+ --pf-c-simple-list__item-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
21919
+ --pf-c-simple-list__item-link--hover--Color: var(--pf-global--Color--100);
21920
+ --pf-c-simple-list__item-link--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
21921
+ --pf-c-simple-list__item-link--focus--Color: var(--pf-global--Color--100);
21922
+ --pf-c-simple-list__item-link--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
21923
+ --pf-c-simple-list__item-link--focus--FontWeight: var(--pf-global--FontWeight--normal);
21924
+ --pf-c-simple-list__item-link--active--Color: var(--pf-global--Color--100);
21925
+ --pf-c-simple-list__item-link--active--BackgroundColor: var(--pf-global--BackgroundColor--200);
21926
+ --pf-c-simple-list__item-link--active--FontWeight: var(--pf-global--FontWeight--normal);
21927
+ --pf-c-simple-list__title--PaddingTop: var(--pf-global--spacer--sm);
21928
+ --pf-c-simple-list__title--PaddingRight: var(--pf-global--spacer--md);
21929
+ --pf-c-simple-list__title--PaddingBottom: var(--pf-global--spacer--sm);
21930
+ --pf-c-simple-list__title--PaddingLeft: var(--pf-global--spacer--md);
21931
+ --pf-c-simple-list__title--FontSize: var(--pf-global--FontSize--sm);
21932
+ --pf-c-simple-list__title--Color: var(--pf-global--Color--dark-200);
21933
+ --pf-c-simple-list__title--FontWeight: var(--pf-global--FontWeight--semi-bold);
21934
+ --pf-c-simple-list__section--section--MarginTop: var(--pf-global--spacer--sm);
21935
+ }
21936
+
21937
+ .pf-c-simple-list__item-link {
21938
+ display: block;
21939
+ width: 100%;
21940
+ padding: var(--pf-c-simple-list__item-link--PaddingTop) var(--pf-c-simple-list__item-link--PaddingRight) var(--pf-c-simple-list__item-link--PaddingBottom) var(--pf-c-simple-list__item-link--PaddingLeft);
21941
+ font-size: var(--pf-c-simple-list__item-link--FontSize);
21942
+ font-weight: var(--pf-c-simple-list__item-link--FontWeight);
21943
+ color: var(--pf-c-simple-list__item-link--Color);
21944
+ text-align: left;
21945
+ background-color: var(--pf-c-simple-list__item-link--BackgroundColor);
21946
+ border: none;
21947
+ }
21948
+
21949
+ .pf-c-simple-list__item-link:hover {
21950
+ text-decoration: none;
21951
+ --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
21952
+ --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
21953
+ }
21954
+
21955
+ .pf-c-simple-list__item-link:focus {
21956
+ --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
21957
+ --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--focus--BackgroundColor);
21958
+ --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--focus--Color);
21959
+ }
21960
+
21961
+ .pf-c-simple-list__item-link:active {
21962
+ --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--active--FontWeight);
21963
+ --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--active--BackgroundColor);
21964
+ --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--active--Color);
21965
+ }
21966
+
21967
+ .pf-c-simple-list__item-link.pf-m-current {
21968
+ --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--m-current--FontWeight);
21969
+ --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--m-current--BackgroundColor);
21970
+ --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--m-current--Color);
21971
+ }
21972
+
21973
+ .pf-c-simple-list__title {
21974
+ padding: var(--pf-c-simple-list__title--PaddingTop) var(--pf-c-simple-list__title--PaddingRight) var(--pf-c-simple-list__title--PaddingBottom) var(--pf-c-simple-list__title--PaddingLeft);
21975
+ font-size: var(--pf-c-simple-list__title--FontSize);
21976
+ font-weight: var(--pf-c-simple-list__title--FontWeight);
21977
+ color: var(--pf-c-simple-list__title--Color);
21978
+ }
21979
+
21980
+ .pf-c-simple-list__section + .pf-c-simple-list__section {
21981
+ margin-top: var(--pf-c-simple-list__section--section--MarginTop);
21982
+ }
21983
+
21984
21984
  .pf-c-tile {
21985
21985
  --pf-c-tile--PaddingTop: var(--pf-global--spacer--lg);
21986
21986
  --pf-c-tile--PaddingRight: var(--pf-global--spacer--lg);