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

Variable: flattenProperty ​

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

Beta

Erstelle das flatten-@property PostCSS-Plugin.

Durchläuft alle @property-At-Regeln im Stylesheet, extrahiert jeden initial-value-Deskriptor, entfernt die At-Regel und fügt eine einzelne injectSelector { --name: value; … }-Regel ein, die alle extrahierten Deklarationen enthält. Leere Regeln und zurückgebliebene @layer-Blöcke nach der Entfernung werden verworfen.

Type Declaration ​

Parameter ​

options? ​

FlattenPropertyOptions

FlattenPropertyOptions.

Rückgabe ​

Plugin

Ein PostCSS-Plugin.

postcss ​

postcss: true

Erforderliches PostCSS-Plugin-Kennzeichen.

Beispiele ​

Standardinjektion in :root

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

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

In :scope injizieren (zur Verwendung innerhalb von Scope-Blöcken)

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