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@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].
Kaartic
Wikitech-l mailing list Wikitech-l@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/wikitech-l