Extension:TemplateStylesExtender: Difference between revisions

**MediaWiki extensions manual**
TemplateStylesExtender; Release status: stable
Implementation	Parser extension
Description	Extends Extension:TemplateStyles with new selectors
Author(s)	Octfxtalk
Latest version	1.1.0 (2022-09-30)
MediaWiki	1.35+
PHP	7.2+
Composer	octfx/template-styles-extender
License	GNU General Public License 2.0 or later
Download	GitHub: project page; git repository URL [help]; commit history; ; Note:; No localisation updates are; provided by translatewiki.net.
	Parameters $wgTemplateStylesExtenderEnablePrefersColorScheme;
	Hooks used EditPage::attemptSave; ParserFirstCallInit; TemplateStylesPropertySanitizer; TemplateStylesStylesheetSanitizer;

Content deleted Content added

Inline

Revision as of 08:12, 26 November 2022

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

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.
Done – Navigate to Special:Version on your wiki to verify that the extension is successfully installed.

Key	Description	Example	Default
$wgTemplateStylesExtenderEnablePrefersColorScheme	Flag to enable `@media (prefers-color-scheme: dark/light)` media queries	false	true
$wgTemplateStylesExtenderEnableCssVars	Flag to enable css vars	false	true

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>

@@ Line 44: / Line 44: @@
 }}
-{{anchor|Configuration}}
 <translate>
 == Configuration == <!--T:5-->

TemplateStylesExtender Release status: stable
Implementation	Parser extension
Description	Extends Extension:TemplateStyles with new selectors
Author(s)	Octfx^talk
Latest version	1.1.0 (2022-09-30)
MediaWiki	1.35+
PHP	7.2+
Composer	octfx/template-styles-extender
License	GNU General Public License 2.0 or later
Download	GitHub: project page git repository URL ^{[help ]} commit history Note: No localisation updates are provided by translatewiki.net .
Parameters $wgTemplateStylesExtenderEnablePrefersColorScheme
Hooks used EditPage::attemptSave ParserFirstCallInit TemplateStylesPropertySanitizer TemplateStylesStylesheetSanitizer