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

Μεταβλητή: flattenProperty

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

Βήτα

Δημιουργήστε το plugin PostCSS flatten-@property.

Διασχίζει όλες τις οδηγίες at-rule @property στο stylesheet, εξάγει κάθε περιγραφή initial-value, αφαιρεί την at-rule και προσαρτά στην αρχή έναν μοναδικό κανόνα injectSelector { --name: value; … } που περιέχει όλες τις εξαγόμενες δηλώσεις. Κενές κανόνες και μπλοκ @layer που απομένουν μετά την αφαίρεση διαγράφονται.

Type Declaration

Παράμετροι

options?

FlattenPropertyOptions

FlattenPropertyOptions.

Επιστρέφει

Plugin

Ένα PostCSS Πρόσθετο.

postcss

postcss: true

Απαιτούμενος δείκτης plugin PostCSS.

Παραδείγματα

Προεπιλεγμένη εισαγωγή στο :root

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

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

Εισαγωγή στο :scope (για χρήση μέσα σε μπλοκ scope)

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

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

Preserve