pantoken / flatten-property

flatten-property ​

Beta

@pantoken/plugin-flatten-property — menukar @property at-rules kepada pernyataan custom-property biasa.

@property at-rules mendaftar sifat tersuai CSS berjenis dengan penerangan syntax, inherits, dan initial-value. Ia membawa beban bait yang ketara — ~60 bait boilerplate setiap sifat — dan tidak diperlukan apabila helaian gaya adalah bundel yang berdiri sendiri di mana pendaftaran jenis tidak memberi manfaat semasa masa larian. Pemalam ini menggantikan setiap blok @property dengan satu pernyataan --name: value ringkas di dalam pemilih yang dipilih, mengembalikan semua beban itu.

Nota semantik: mengalih keluar @property menyebabkan kehilangan pendaftaran jenis CSS. Peralihan/animasi berjenis, @starting-style, dan CSS Typed OM bergantung padanya. Gunakan hanya pada bundel di mana semantik tersebut tidak diperlukan.

Contoh ​

ts
import postcss from "postcss";
import { flattenProperty } from "@pantoken/plugin-flatten-property";
const out = postcss([flattenProperty()]).process(css, { from: undefined }).css;

Antaramuka ​

Pembolehubah ​