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

Változó: flattenProperty ​

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

Béta

A flatten-@property PostCSS bővítmény létrehozása.

Végigmegy a stíluslap összes @property at-szabályán, kinyeri az egyes initial-value leírókat, eltávolítja az at-szabályt, és elé szúr egyetlen injectSelector { --name: value; … } szabályt, amely tartalmazza az összes kinyert deklarációt. Az eltávolítás után hátrahagyott üres szabályok és @layer blokkok eldobásra kerülnek.

Type Declaration ​

Paraméterek ​

options? ​

FlattenPropertyOptions

FlattenPropertyOptions.

Visszatérési érték ​

Plugin

Egy PostCSS Plugin.

postcss ​

postcss: true

Kötelező PostCSS plugin jelölő.

Példák ​

Alapértelmezett injektálás a :root-ba

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

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

Injektálás a :scope-ba (scope blokkokon belüli használatra)

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