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

Breytur: flattenProperty ​

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

Beta

Búðu til flatten-@property PostCSS viðbót.

Fer í gegnum öll @property at-rules í stílsíðunni, tekur út hvern initial-value lýsanda, fjarlægir at-regluna og setur fremst eina injectSelector { --name: value; … } reglu sem inniheldur allar fundnar yfirlýsingar. Tómar reglur og @layer kubbar sem eftir verða eftir fjarlægingu eru hent.

Type Declaration ​

Færibreytur ​

options? ​

FlattenPropertyOptions

FlattenPropertyOptions.

Skilar ​

Plugin

PostCSS viðbót.

postcss ​

postcss: true

Krafist merkis fyrir PostCSS-viðbót.

Dæmi ​

Sjálfgefin innsprauting í :root

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

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

Innsprauta í :scope (til notkunar innan scope-blokka)

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