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

変数: flattenProperty ​

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

ベータ

flatten-@property PostCSS プラグインを作成します。

スタイルシート内のすべての @property at-rule を走査し、各 initial-value ディスクリプタを抽出し、at-rule を削除し、抽出したすべての宣言を含む単一の injectSelector { --name: value; … } ルールを先頭に挿入します。 削除後に残る空のルールや @layer ブロックは破棄されます。

Type Declaration ​

パラメーター ​

options? ​

FlattenPropertyOptions

FlattenPropertyOptions.

戻り値 ​

Plugin

PostCSS の プラグイン。

postcss ​

postcss: true

必須の PostCSS プラグインマーカー。

例 ​

:root へのデフォルト注入

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

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

:scope に注入（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