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

Spremenljivka: flattenProperty ​

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

Beta

Ustvari PostCSS vtičnik flatten-@property.

Pregleda vse @property at-pravila v slogu, izlušči vsak initial-value opis, odstrani to at-pravilo in predhodno doda eno injectSelector { --name: value; … } pravilo, ki vsebuje vse izluščene deklaracije. Prazna pravila in bloki @layer, ki ostanejo po odstranitvi, so zavrženi.

Type Declaration ​

Parametri ​

options? ​

FlattenPropertyOptions

FlattenPropertyOptions.

Vrne ​

Plugin

PostCSS vtičnik.

postcss ​

postcss: true

Zahtevana oznaka PostCSS vtičnika.

Primeri ​

Privzeta injekcija v :root

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

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

Vstavi v :scope (za uporabo znotraj scope blokov)

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