Template:If mobile/styles.css

/*

Unashamedly stolen from https://enwp.org/Template:If mobile/styles.css on the English Wikipedia, 
under the CC BY-SA 4.0 <https://creativecommons.org/licenses/by-sa/4.0/deed.en> license.
See https://enwp.org/Special:PageHistory/Template:If mobile/styles.css for attribution.

Test: You're on {{If mobile||mobile|desktop}} 


*/



/* <noinclude>{{pp-template|small=yes}}</noinclude> *//* Because of how TemplateStyles and MobileFrontend work, it's not possible to
directly test for whether the mobile site is being used in a TemplateStyle. As
such we'll use Minerva as a proxy. This is imperfect. */

body:not(.skin-minerva) .ifmobile > .mobile {
    display: none;
}

/*
    Force nomobile element to display when present.
    Overrides skin-based css for hiding the nomobile class, e.g. Timeless skin with screen size less than 850px.
*/
body.skin-minerva .ifmobile > .nomobile {
    display: inherit; /* The fallback */
    display: initial;
}