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

Variable: flattenProperty ​

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

Beta

Crea el connector PostCSS flatten-@property.

Recorre totes les at-rules @property del full d'estils, extreu cada descriptor initial-value, elimina la at-rule i anteposa una única regla injectSelector { --name: value; … } que conté totes les declaracions extretes. Les regles buides i els blocs @layer deixats enrere després de l'eliminació es descarten.

Type Declaration ​

Paràmetres ​

options? ​

FlattenPropertyOptions

FlattenPropertyOptions.

Retorna ​

Plugin

Un connector de PostCSS.

postcss ​

postcss: true

Marcador requerida del connector de PostCSS.

Exemples ​

Injecció per defecte a :root

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

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

Injecta a :scope (per a ús dins de blocs de 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