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

Biến: flattenProperty ​

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

Beta

Tạo plugin PostCSS flatten-@property.

Duyệt tất cả các at-rule @property trong stylesheet, trích xuất mỗi mô tả initial-value, xóa the at-rule đó, và chèn trước một quy tắc injectSelector { --name: value; … } duy nhất chứa tất cả các khai báo đã trích xuất. Các quy tắc rỗng và khối @layer còn lại sau khi xóa sẽ bị bỏ.

Type Declaration ​

Tham số ​

options? ​

FlattenPropertyOptions

FlattenPropertyOptions.

Trả về ​

Plugin

Một Plugin cho PostCSS.

postcss ​

postcss: true

Ký hiệu bắt buộc của plugin PostCSS.

Các ví dụ ​

Chèn mặc định vào :root

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

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

Chèn vào :scope (dùng bên trong các khối 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