Extension:TemplateStylesExtender/en

The TemplateStylesExtender extension extends Extension:TemplateStyles with new selectors and matchers.

Features
Add support for:
 * CSS variables:
 * Example
 * and
 * media queries
 * and
 * media queries
 * media queries

Note CSS Vars
Currently using  selectors won't work due to template styles prepending.

One possible fix is to wrap the entire content into a 'div' element and adding the declarations to this, e.g. div#content-wrap { --padding: 10px }

.content { padding: var( --padding ) }

Wikitext The WikiText...

Unscoping of CSS
Example:  results in the CSS being scoped to   instead of.