Erweiterung:TemplateStylesExtender

MediaWiki-Erweiterungen

TemplateStylesExtender Freigabestatus: stabil
Einbindung	Parser-Erweiterung
Beschreibung	Extends Extension:TemplateStyles with new selectors
Autor(en)	OctfxDiskussion
Letzte Version	1.2.0 (2023-07-19)
MediaWiki	1.39+
PHP	>=8.0
Composer	octfx/template-styles-extender
Lizenz	GNU General Public License 2.0 oder neuer
Herunterladen	GitHub: Projektseite Git-Repositorium-URL [Hilfe ] Änderungsgeschichte Hinweis: No localisation updates are provided by translatewiki.net .
Parameter $wgTemplateStylesExtenderEnablePrefersColorScheme $wgTemplateStylesExtenderEnableCssVars $wgTemplateStylesExtenderEnableUnscopingSupport
Verwendete Hooks EditPage::attemptSave ParserFirstCallInit TemplateStylesPropertySanitizer TemplateStylesStylesheetSanitizer

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

Features

Add support for:

• CSS variables:

  Example color: var( --color-base )

• image-rendering
• ruby-position
• ruby-align
• scroll-margin-* and scroll-padding-*
• @media (prefers-color-scheme: dark/light) media queries
• mask-image
• clamp
• revert / revert-layer
• aspect-ratio

Installation

• Die Download und die Datei(en) in ein Verzeichnis namens TemplateStylesExtender im Ordner extensions/ ablegen.
• Folgenden Code am Ende deiner LocalSettings.php -Datei einfügen:

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

• Konfiguriere nach Bedarf.
•  Erledigt – Navigiere zu Special:Version in deinem Wiki, um zu überprüfen, ob die Erweiterung erfolgreich installiert wurde.

Konfiguration

Key	Beschreibung	Beispiel	Default
$wgTemplateStylesExtenderEnablePrefersColorScheme	Flag to enable @media (prefers-color-scheme: dark/light) media queries	false	true
$wgTemplateStylesExtenderEnableCssVars	Flag to enable CSS vars	false	true
$wgTemplateStylesExtenderEnableUnscopingSupport	Flag to enable unscoping of CSS by users with editinterface permissions	true	false

Note 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>

Unscoping of CSS

Example: results in the CSS being scoped to .mediawiki instead of .mw-parser-output.

Including such a call in a page essentially limits editing to users with the editinterface right. You can alternatively include a call to a template that includes the styles.

Siehe auch

• Erweiterung:TemplateStyles