pantoken / plugins/postcss/flatten-property/src / flattenProperty

Переменная: flattenProperty ​

const flattenProperty: {(options?): Plugin; postcss: true; }

Бета

Создать плагин PostCSS flatten-@property.

Проходит по всем at-правилам @property в таблице стилей, извлекает каждый дескриптор initial-value, удаляет соответствующее at-правило и добавляет в начало одно правило injectSelector { --name: value; … }, содержащее все извлечённые декларации. Пустые правила и блоки @layer, оставшиеся после удаления, отбрасываются.

Type Declaration ​

Параметры ​

options? ​

FlattenPropertyOptions

FlattenPropertyOptions.

Возвращаемое значение ​

Plugin

Плагин PostCSS плагин.

postcss ​

postcss: true

Обязательный маркер плагина PostCSS.

Примеры ​

Внедрение по умолчанию в :root

ts
import postcss from "postcss";
import { flattenProperty } from "@pantoken/plugin-flatten-property";

const out = postcss([flattenProperty()]).process(css, { from: undefined }).css;

Внедрять в :scope (для использования внутри блоков scope)

ts
import postcss from "postcss";
import { flattenProperty } from "@pantoken/plugin-flatten-property";

const out = postcss([flattenProperty({ injectSelector: ":scope" })]).process(css, { from: undefined }).css;
ts
Preserve