扩展:TemplateStylesExtender

This page is a translated version of the page Extension:TemplateStylesExtender and the translation is 100% complete.
Other languages:
MediaWiki扩展手冊
OOjs UI icon advanced-invert.svg
TemplateStylesExtender
发布状态: 稳定版
实现 解析器扩展
描述 Extends Extension:TemplateStyles with new selectors
作者 Octfx讨论
最新版本 1.0.2 (2021-09-06)
MediaWiki 1.35+
PHP 7.2+
许可协议 GNU通用公眾授權條款2.0或更新版本
下载

  • $wgTemplateStylesExtenderEnablePrefersColorScheme

检查使用和版本矩阵。

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

功能

  • Add support for CSS variables
    • Example color: var( --color-base )
  • Add support for image-rendering
  • Add support for ruby-position
  • Add support for ruby-align
  • Add support for scroll-margin-* and scroll-padding-*
  • Add support for @media (prefers-color-scheme: dark/light) media queries

安装

  • 下载文件,并将其放置在您extensions/文件夹中的TemplateStylesExtender目录内。
  • 将下列代码放置在您的LocalSettings.php的底部:
    wfLoadExtension( 'TemplateStyles' );
    wfLoadExtension( 'TemplateStylesExtender' );
    
  • 根据需要配置。
  •   完成 – 在您的wiki上导航至Special:Version,以验证已成功安装扩展。

配置

描述 例子 默认
$wgTemplateStylesExtenderEnablePrefersColorScheme Flag to enable @media (prefers-color-scheme: dark/light) media queries false true
$wgTemplateStylesExtenderEnableCssVars Flag to enable css vars false true

注意CSS变量

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>

参见