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

वैरिएबल: flattenProperty

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

बीटा

flatten-@property PostCSS प्लगइन बनाएं।

स्टाइलशीट में सभी @property at-rules पर चलता है, प्रत्येक initial-value विवरण निकालता है, हटाता है at-rule, और सभी निकाले गए घोषणाओं को समाहित करने वाला एक एकल injectSelector { --name: value; … } नियम अग्र-संलग्न करता है। हटाने के बाद बचने वाले खाली नियम और @layer ब्लॉकों को हटा दिया जाता है।

Type Declaration

पैरामीटर

options?

FlattenPropertyOptions

FlattenPropertyOptions.

वापसी

Plugin

एक PostCSS Plugin।

postcss

postcss: true

आवश्यक 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