pantoken / flatten-property

flatten-property ​

Beta

@pantoken/plugin-flatten-property — konverter @property at-reglar til vanlege custom-property-deklarasjonar.

@property at-reglar registrerer typa CSS custom properties med syntax, inherits, og initial-value-descriptorar. Dei fører med seg eit betydeleg byte-overhead — om lag 60 byte med boilerplate per property — og er unødvendige når stilarket er eit sjølvstendig bundle der typeregistrering ikkje gir nokon kjøretidsfordel. Denne pluginen erstattar kvar @property blokk med ei enkel --name: value deklarasjon innanfor ein vald selektor, og tek bort heile det overheadet.

Semantisk merknad: fjerning av @property fjernar CSS-typeregistrering. Typa overgangar/animasyonar, @starting-style, og CSS Typed OM er avhengige av dette. Bruk berre på bundle som ikkje treng desse semantikkane.

Døme ​

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

Grensesnitt ​

Variablar ​