mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-16 18:58:45 +00:00
be0b43042e
Converts all Less variable names from CamelCase to snake-case per the MediaWiki coding conventions. Removes the following unused Less variables, mostly related to icons, since those were converted to Codex: - @icon-touch-area-sm - @icon-touch-area-md - @min-size-icon (replaced with @size-icon-medium) - @icon-glyph-size-sm - @icon-size-sm - @icon-padding-sm - @icon-glyph-size-md - @icon-size-md - @margin-icon-md-labelled Bug: T350581 Change-Id: I1b16e77942d9bea20dcc5636a63d64aa2325a173
75 lines
1.3 KiB
Plaintext
75 lines
1.3 KiB
Plaintext
.header-container {
|
|
border-bottom: @border-subtle;
|
|
padding: 0 @padding-content;
|
|
|
|
&.header-chrome {
|
|
background-color: @background-color-light;
|
|
border: 0;
|
|
box-shadow: inset 0 -1px 3px rgba( 0, 0, 0, 0.08 );
|
|
}
|
|
}
|
|
|
|
.minerva-header {
|
|
.navigation-drawer .toggle-list__toggle {
|
|
.cdx-mixin-button-layout-flush( 'start', true, 'large' );
|
|
}
|
|
|
|
.branding-box {
|
|
opacity: @opacity-icon-subtle; // T251135
|
|
|
|
a {
|
|
float: left;
|
|
margin-left: 5px;
|
|
font-size: 1em;
|
|
text-decoration: none;
|
|
color: @color-base;
|
|
|
|
span {
|
|
line-height: 0;
|
|
font-size: inherit;
|
|
}
|
|
|
|
> * {
|
|
float: left;
|
|
}
|
|
|
|
sup {
|
|
color: @color-subtle;
|
|
display: none;
|
|
|
|
.beta & {
|
|
display: initial;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.search-box {
|
|
// Search box should grow to fill rest of header
|
|
flex: 1 0 auto;
|
|
display: none;
|
|
}
|
|
|
|
// Fix cursor for Safari
|
|
#searchInput { // stylelint-disable-line selector-max-id
|
|
cursor: text;
|
|
}
|
|
}
|
|
|
|
@media screen and ( min-width: @width-breakpoint-tablet ) {
|
|
.minerva-header {
|
|
.branding-box {
|
|
// Handle logos that are larger than the set branding box width
|
|
// This will also cause the searchbox overlay to be misaligned with the .minerva-heading searchbox
|
|
min-width: @width-branding-box;
|
|
width: auto;
|
|
}
|
|
|
|
.search-box {
|
|
display: block;
|
|
width: @width-search-box;
|
|
max-width: @width-search-box;
|
|
}
|
|
}
|
|
}
|