Template:If mobile/styles.css: Difference between revisions

Change the selector to work with MobileFrontend changes
m (1 revision imported)
imported>DLynch (WMF)
(Change the selector to work with MobileFrontend changes)
 
Line 1: Line 1:
.ifmobile > .mobile:nth-child(2n) {
/* 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;
     display: none;
}
}
Line 7: Line 11:
     Overrides skin-based css for hiding the nomobile class, e.g. Timeless skin with screen size less than 850px.
     Overrides skin-based css for hiding the nomobile class, e.g. Timeless skin with screen size less than 850px.
*/
*/
.ifmobile > .nomobile {
body.skin-minerva .ifmobile > .nomobile {
     display: inherit; /* The fallback */
     display: inherit; /* The fallback */
     display: initial;
     display: initial;
}
}
Anonymous user