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

Variable: flattenProperty ​

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

Beta

Crear el plugin PostCSS flatten-@property.

Recorre todas las at-reglas @property en la hoja de estilo, extrae cada descriptor initial-value, elimina a la at-regla, y antepone una sola regla injectSelector { --name: value; … } que contiene todas las declaraciones extraídas. Las reglas vacías y los bloques @layer que queden tras la eliminación se descartan.

Type Declaration ​

Parámetros ​

options? ​

FlattenPropertyOptions

FlattenPropertyOptions.

Devuelve ​

Plugin

Un Plugin de PostCSS.

postcss ​

postcss: true

Marcador requerido para el plugin de PostCSS.

Ejemplos ​

Inyección predeterminada en :root

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

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

Inyectar en :scope (para usar dentro de bloques 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