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

Değişken: flattenProperty

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

Beta

flatten-@property PostCSS eklentisini oluştur.

Stil sayfasındaki tüm @property at-kurallarını gezer, her initial-value tanımlayıcısını çıkarır, at-kuralını kaldırır ve tüm çıkarılan bildirimleri içeren tek bir injectSelector { --name: value; … } kuralını başa ekler. Kaldırma işleminden sonra geride kalan boş kurallar ve @layer blokları atılır.

Type Declaration

Parametreler

options?

FlattenPropertyOptions

FlattenPropertyOptions.

Döndürür

Plugin

Bir PostCSS Eklentisi.

postcss

postcss: true

Gerekli PostCSS eklentisi işareti.

Örnekler

:root'a varsayılan enjeksiyon

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

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

:scope içine enjekte et (scope blokları içinde kullanım için)

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

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

Preserve