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

Variável: flattenProperty ​

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

Beta

Criar o plugin PostCSS flatten-@property.

Percorre todas as at-rules @property na folha de estilo, extrai cada descritor initial-value, remove a at-rule e antepõe uma única regra injectSelector { --name: value; … } contendo todas as declarações extraídas. Regras vazias e blocos @layer deixados para trás após a remoção são descartados.

Type Declaration ​

Parâmetros ​

options? ​

FlattenPropertyOptions

FlattenPropertyOptions.

Retorna ​

Plugin

Um Plugin do PostCSS.

postcss ​

postcss: true

Marcador obrigatório do plugin PostCSS.

Exemplos ​

Injeção padrão em :root

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

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

Injetar em :scope (para uso dentro de blocos de escopo)

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