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

Փոփոխական: flattenProperty

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

Բետա

Ստեղծել flatten-@property PostCSS խմբակը:

Քայլել բոլոր @property at-կանոնների միջով ոճերի թերթում, հանել յուրաքանչյուր initial-value նկարագիր, հեռացնել at-կանոնը, և նախածանցել մեկ injectSelector { --name: value; … } կանոն, որ պարունակում է բոլոր հանված հայտարարությունները: Դատարկ կանոնները և @layer բլոկներ, որոնք հեռացման հետևում մնացել են, գցվում են:

Type Declaration

Պարամետրեր

options?

FlattenPropertyOptions

FlattenPropertyOptions.

Վերադարձվող արժեք

Plugin

PostCSS Plugin:

postcss

postcss: true

Պահանջվող PostCSS plugin նշիչ:

Օրինակներ

Կանխադրված ներարկում :root-ի մեջ

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

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

Ներարկել :scope-ի մեջ (շամ blocks-ի ներսում օգտագործման համար)

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

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

Preserve