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

Muuttuja: flattenProperty ​

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

Beta

Luo flatten-@property PostCSS-laajennus.

Käy läpi tyylitiedoston kaikki @property at-säännöt, poimii jokaisen initial-value-kuvauksen, poistaa tämän at-säännön, ja lisää alkuun yhden injectSelector { --name: value; … }-säännön, joka sisältää kaikki poimitut määrittelyt. Poiston jälkeen jäljelle jääneet tyhjät säännöt ja @layer-lohkot poistetaan.

Type Declaration ​

Parametrit ​

options? ​

FlattenPropertyOptions

FlattenPropertyOptions.

Palauttaa ​

Plugin

PostCSS Lisäosa.

postcss ​

postcss: true

Vaadittu PostCSS-lisäosan tunniste.

Esimerkit ​

Oletusarvoinen injektointi :rootiin

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

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

Injektoi :scopeen (käytettäväksi scope-lohkojen sisällä)

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