mediawiki-skins-Insurgency/resources/skin-responsive.less
Volker E 96d719b31c styles: Use mediawiki.mixins screen reader text mixin
Also
- import mixins separately from variables, those two should not be
mashed together
- change mobile navigation logic to work around the new mixin

Change-Id: I54ae992dd5627dd54a690dd064cf662b382761c1
2023-06-01 06:25:26 -07:00

24 lines
700 B
Text

@import 'variables.less';
@import 'mediawiki.mixins.less';
/**
* Styles for responsive version of MonoBook.
* IMPORTANT: These must not be merged with screen-common.less
* Doing so will confuse the LESS compiler and it will de-duplicate shared styles
* resulting in the breaking of responsive mode.
* See https://github.com/wikimedia/less.php/issues/69 for more information.
*/
@media screen {
// Must only apply when the skin-responsive class is on the body element.
body.skin--responsive {
// These styles are not used at mobile resolution.
@media ( min-width: 551px ) {
@import 'screen-desktop.less';
}
@media ( max-width: 550px ) {
@import 'screen-mobile.less';
}
}
}