Extension:TemplateStylesExtender

The TemplateStylesExtender extension extends Extension:TemplateStyles with new selectors and matchers. TemplateStylesExtender is developed based on Css-sanitizer 5.5.0, which is being used by MediaWiki 1.43 .

• Declare CSS custom properties/variables
• Use CSS custom properties/variables in most properties
• Implement additional properties and values as listed below

• Download and place the file(s) in a directory called TemplateStylesExtender in your extensions/ folder.
• Add the following code at the bottom of your LocalSettings.php file:

  wfLoadExtension( 'TemplateStyles' );
  wfLoadExtension( 'TemplateStylesExtender' );
  

• Configure as required.
• Yes Done – Navigate to Special:Version on your wiki to verify that the extension is successfully installed.

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>

Example: ‎<templatestyles src="Foo/style.css" wrapclass="mediawiki" /> results in the CSS being scoped to .mediawiki instead of .mw-parser-output.

• Extension:TemplateStyles

• Stable extensions
• Parser extensions
• Extensions supporting Composer
• ParserFirstCallInit extensions
• TemplateStylesPropertySanitizer extensions
• TemplateStylesStylesheetSanitizer extensions
• GPL licensed extensions
• Extensions in GitHub version control
• All extensions
• Extensions included in Canasta
• Extensions included in Miraheze
• Extensions included in MyWikis
• Extensions included in ProWiki
• Extensions included in Telepedia
• Extensions included in Weird Gloop
• Extensions included in wiki.gg

• Extensions without an image
• Extensions with master compatibility policy