pantoken / flatten-property

flatten-property ​

Beta

@pantoken/plugin-flatten-property — konvertera @property at-regler till vanliga custom-property deklarationer.

@property at-regler registrerar typade CSS-custom properties med syntax, inherits och initial-value-beskrivningar. De medför en betydande byte-överhead — ~60 byte boilerplate per egendom — och är onödiga när stylesheeten är ett självständigt paket där typ-registrering inte ger någon körningstidnytta. Detta plugin ersätter varje @property-block med en enkel --name: value-deklaration inuti en vald selektor, och återvinner all den overheaden.

Semantisk notering: att ta bort @property innebär förlust av CSS-typregistrering. Typade övergångar/animationer, @starting-style, och CSS Typed OM är beroende av detta. Använd endast på paket där dessa semantiker inte behövs.

Exempel ​

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

Gränssnitt ​

Variabler ​