pantoken / plugins/postcss/props-minify/src / flattenProperty

Змінна: flattenProperty ​

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

Бета

Створіть плагін PostCSS flatten-@property.

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

Type Declaration ​

Параметри ​

options? ​

FlattenPropertyOptions

FlattenPropertyOptions.

Повертає ​

Plugin

Плагін PostCSS Plugin.

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