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

متغیر: flattenProperty

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

بتا

افزونه PostCSS با نام flatten-@property را ایجاد کنید.

تمام at-ruleهای @property را در stylesheet پیمایش می‌کند، هر توصیف‌گر initial-value را استخراج می‌کند، آن at-rule را حذف می‌کند و یک rule واحد injectSelector { --name: value; … } را که شامل همه деклараسیون‌های استخراج‌شده است، در ابتدا می‌افزاید. قوانین خالی و بلاک‌های @layer که پس از حذف باقی می‌مانند، حذف می‌شوند.

Type Declaration

پارامترها

options?

FlattenPropertyOptions

FlattenPropertyOptions.

مقدار بازگشتی

Plugin

یک پلاگین برای PostCSS.

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