Im assuming here that you cannot just edit mediawiki:common.css
What you are looking for is TemplateStyles. This is not enabled on english
wikipedia yet, but should be coming there soon (I think). It would allow
you to use @media styles for your pages. See
https://www.mediawiki.org/wiki/Help:TemplateStyles for more details.
Templatestyles does not let you use css variables (the properties starting
with -- and the var() css function), but the example css you used could
easily be rewritten to not use that feature.
--
bawolff
On Saturday, September 16, 2017, Kaartic Sivaraam <
kaarticsivaraam91196(a)gmail.com> wrote:
I thought of using the 'layout-grid' Material
design component on my user
page
to make the userboxes respond to different screen sizes. It requires
custom CSS
styles that have to be loaded when my user page is loaded. Where should I
place
the CSS styles so that they get loaded each time my use page gets loaded?
N.B. : I can't place them inline, see for yourself [2].
[1]:
https://material.io/components/web/catalog/layout-grids/
[2]:
https://en.wikipedia.org/wiki/User:Kaartic/common.css
---
Kaartic
_______________________________________________
Wikitech-l mailing list
Wikitech-l(a)lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l