Extension:TemplateStylesExtender/ru

From mediawiki.org
This page is a translated version of the page Extension:TemplateStylesExtender and the translation is 8% 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 General Public License 2.0 или позднее
Скачать

  • $wgTemplateStylesExtenderEnablePrefersColorScheme

Проверьте использование и версию.

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

Features

  • 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

Installation

  • Download и распакуйте файл(ы) в папку с названием TemplateStylesExtender в вашей папке extensions/.
  • Добавьте следующие строки в конец файла $LocalSettings:
    wfLoadExtension( 'TemplateStyles' );
    wfLoadExtension( 'TemplateStylesExtender' );
    
  • Configure as required.
  • Yes Готово – Перейдите на страницу Special:Version на своей вики, чтобы удостовериться в том, что расширение успешно установлено.

Configuration

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

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>

См. также