mediawiki-skins-Vector/resources/skins.vector.styles/layouts/zebra.less
bwang 628804871e Implement new zebra design for the header under the flag
Bug: T332449
Depends-On: Ia21c14f72631e607e0d626408557eacb83529a03
Change-Id: I9a7d6fac7c44be1983281a44766d34a16f515b40
2023-04-04 21:27:31 +00:00

32 lines
842 B
Plaintext

.vector-header-container {
width: 100%;
display: flex;
justify-content: center;
background-color: @background-color-page-container;
.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;
}
}