2023-03-31 19:25:09 +00:00
|
|
|
.vector-header-container {
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
background-color: @background-color-page-container;
|
2023-04-05 16:24:38 +00:00
|
|
|
border-bottom: @border-width-base @border-style-base @colorGray14;
|
2023-03-31 19:25:09 +00:00
|
|
|
|
|
|
|
|
.mw-header,
|
|
|
|
|
.vector-sticky-header {
|
|
|
|
|
max-width: @max-width-page-container;
|
|
|
|
|
padding-left: @padding-horizontal-page-container;
|
|
|
|
|
padding-right: @padding-horizontal-page-container;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
|
|
@media ( min-width: @min-width-desktop ) {
|
|
|
|
|
padding-left: @padding-horizontal-page-container-desktop;
|
|
|
|
|
padding-right: @padding-horizontal-page-container-desktop;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media ( min-width: @min-width-desktop-wide ) {
|
|
|
|
|
padding-left: @padding-horizontal-page-container-desktop-wide;
|
|
|
|
|
padding-right: @padding-horizontal-page-container-desktop-wide;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.vector-feature-limited-width-disabled .vector-header-container {
|
|
|
|
|
.mw-header,
|
|
|
|
|
.vector-sticky-header {
|
|
|
|
|
max-width: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
