pantoken / plugins/postcss/flatten-property/src / flattenProperty

Pembolehubah: flattenProperty

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

Beta

Buat pemalam PostCSS flatten-@property.

Menelusuri semua at-rule @property dalam helaian gaya, mengekstrak setiap penerangan initial-value, membuang at-rule itu, dan menyisipkan satu peraturan injectSelector { --name: value; … } yang mengandungi semua deklarasi yang diekstrak. Peraturan kosong dan blok @layer yang tinggal selepas penghapusan dibuang.

Type Declaration

Parameter

options?

FlattenPropertyOptions

FlattenPropertyOptions.

Mengembalikan

Plugin

Sebuah PostCSS Plugin.

postcss

postcss: true

Penanda plugin PostCSS yang diperlukan.

Contoh

Suntikan lalai ke dalam :root

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

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

Suntik ke dalam :scope (untuk digunakan di dalam blok skop)

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

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

Preserve