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

Zmienna: flattenProperty ​

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

Beta

Utwórz wtyczkę PostCSS flatten-@property.

Przechodzi przez wszystkie @property at-rules w arkuszu stylów, wyodrębnia każdy deskryptor initial-value, usuwa at-rule i poprzedza pojedynczą regułą injectSelector { --name: value; … }, zawierającą wszystkie wyodrębnione deklaracje. Puste reguły i bloki @layer pozostawione po usunięciu są usuwane.

Type Declaration ​

Parametry ​

options? ​

FlattenPropertyOptions

FlattenPropertyOptions.

Zwraca ​

Plugin

PostCSS wtyczka.

postcss ​

postcss: true

Wymagany znacznik wtyczki PostCSS.

Przykłady ​

Domyślne wstrzyknięcie do :root

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

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

Wstrzyknij do :scope (do użycia wewnątrz bloków 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