Extension:TemplateStylesExtender

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

Configuration
{| class="wikitable" ! Key ! Description ! Example ! Default
 * $wgTemplateStylesExtenderEnablePrefersColorScheme
 * Flag to enable selectors won't work due to template styles prepending.
 * Flag to enable 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.