Jump to content

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

From Wikipedia, the free encyclopedia
Content deleted Content added
m Undid revision 1082906175 by Paine Ellsworth (talk) srv
sync with live
Line 1: Line 1:
/* Because of how TemplateStyles and MobileFrontend work, it's not possible to
.ifmobile > .mobile:nth-child(2n) {
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;

Revision as of 10:15, 13 January 2024

/* 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;
}