MinervaNeue/skinStyles/mobile.special.mobileoption.../minerva.less

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;
}
}
}