Template:If mobile/styles.css

< Template:If mobile
Revision as of 17:56, 19 August 2023 by Deadfire (talk | contribs) (Creation)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
/* <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;
}