pantoken / flatten-property

flatten-property ​

Beta

@pantoken/plugin-flatten-property — konvèti @property at-rules an deklarasyon pwopriyete-custom deklarasyon.

@property at-rules anrejistre pwopriyete koutim CSS tipifye ak deskriptè syntax, inherits, ak initial-value. Yo pote yon chaj konsiderab nan octets — ~60 bytes nan kod boilerplate pou chak pwopriyete — epi yo pa nesesè lè fichye stil la se yon pake tèt ansanm kote anrejistreman tip pa bay okenn benefis nan tan kouri. Plugin sa a ranplase chak blòk @property ak yon senp deklarasyon --name: value andedan yon selektè chwazi, rekipere tout chaj sa a.

Remak semantik: retire @property fè w pèdi anrejistreman tip CSS. Transisyon/animasyon tipifye, @starting-style, ak CSS Typed OM depann sou li. Aplike sèlman sou pake kote semantik sa yo pa nesesè.

Egzanp ​

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

Entèfas ​

Varyab ​