mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-25 06:36:32 +00:00
17a3b5b6b0
Fixed it by adding a new media query for <720px and defining `default` for MobileOptions regardless of screen width. Bug: T202557 Change-Id: I11deac1a36d9ab02ccfbce639490a95ca176f136
37 lines
842 B
Plaintext
37 lines
842 B
Plaintext
@import '../../minerva.less/minerva.variables';
|
|
|
|
.ns-special {
|
|
#content {
|
|
background: @colorGray14;
|
|
.pre-content, form {
|
|
background: #fff;
|
|
}
|
|
}
|
|
}
|
|
|
|
// T202557: This media query is for mobile devices (less wide than tablet)
|
|
// It overrides default special page style to center the header and content properly.
|
|
// Also it adds a 1px horizontal line as a seperator beetwen header and content
|
|
@media all and ( max-width: ( @width-breakpoint-tablet - 1px ) ) {
|
|
.ns-special #content .pre-content {
|
|
margin: 0;
|
|
#section_0 {
|
|
padding: 34px 16px 0;
|
|
}
|
|
.tagline {
|
|
margin-bottom: 1px;
|
|
// This is needed because tagline needs to be positioned correctly
|
|
padding: 0 16px 16px;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media all and ( min-width: @width-breakpoint-tablet ) {
|
|
.ns-special .pre-content {
|
|
.tagline,
|
|
h1 {
|
|
margin: 0 @contentMargin;
|
|
}
|
|
}
|
|
}
|