Template:If mobile/sandbox/styles.css: Difference between revisions
Appearance
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;
}