pantoken / plugins/postcss/props-minify/src / flattenProperty

Variable: flattenProperty ​

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

Bêta

Créer le plugin PostCSS flatten-@property.

Parcourt toutes les at-rules @property dans la feuille de style, extrait chaque descripteur initial-value, supprime l'at-rule, et préfixe une unique règle injectSelector { --name: value; … } contenant toutes les déclarations extraites. Les règles vides et les blocs @layer laissés après suppression sont supprimés.

Type Declaration ​

Paramètres ​

options? ​

FlattenPropertyOptions

FlattenPropertyOptions.

Renvoie ​

Plugin

Un Plugin PostCSS.

postcss ​

postcss: true

Marqueur requis pour le plugin PostCSS.

Exemples ​

Injection par défaut dans :root

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

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

Injecter dans :scope (pour utilisation à l'intérieur des blocs scope)

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