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