mediawiki-skins-MinervaNeue/skinStyles/mobile.startup/Overlay.less
jdlrobson 734ac36f1e Correct feature phone threshold detection
max-width should actually be one smaller than the threshold

Additional changes:
* Also rename to  @width-breakpoint-mobile and
rename @width-breakpoint-desktop for desktop variable in
anticipation of T171365

Bug: T176286
Change-Id: Ia37bceb46a6b780f473828ff38749543bdfcc9f6
2017-10-04 13:51:19 -07:00

34 lines
538 B
Plaintext

@import 'minerva.variables';
@import 'minerva.mixins';
.overlay {
padding-top: @headerHeight;
.license {
.secondary-text();
}
.header-action {
a,
button {
height: @headerHeight;
}
}
.slider-button {
top: @headerHeight;
}
> ul, button {
width: @headerHeight;
}
}
@media all and ( min-width: @width-breakpoint-desktop ) {
.overlay-header {
// Make sure the close button and secondary button icon images are aligned
// with the content.
max-width: @contentMaxWidthTablet + ( 2 * @iconGutterWidth );
}
}