mirror of
https://github.com/octfx/mediawiki-extensions-TemplateStylesExtender.git
synced 2024-12-04 04:38:46 +00:00
ff9dd2ede6
NOTE: using `--var` as a substitute for a number is currently NOT supported. Implements #8
1.3 KiB
1.3 KiB
TemplateStylesExtender
Extends Extension:TemplateStyles by the following new matchers:
- CSS Variables:
- Example:
color: var( --example-var )
- Example:
image-renderingruby-positionruby-alignscroll-margin-*,scroll-padding-*pointer-eventsaspect-ratio
Installation
Download the zip file from the latest release page.
Extract the folder to extensions/TemplateStylesExtender.
Add the following to LocalSettings.php:
wfLoadExtension( 'TemplateStyles' )
wfLoadExtension('TemplateStylesExtender')
Configuration
$wgTemplateStylesExtenderEnablePrefersColorScheme
Default: true
Enables or disables @media (prefers-color-scheme) queries.
$wgTemplateStylesExtenderEnableCssVars
Default: true
Enables or disables css variable support.
Notes on CSS vars
Currently using :root selectors won't work due to template styles prepending .mw-parser-output.
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
<div id="content-wrap">
<div class=".content">
The WikiText...
</div>
</div>