Skip to content

pantoken / flatten-property

flatten-property

Beta

@pantoken/plugin-flatten-property — pretvori @property at-rules v preproste deklaracije z lastnostmi po meri.

@property at-rules registrirajo tipizirane CSS lastnosti po meri z opisniki syntax, inherits in initial-value. Prenašajo pomembno bajtno režo — približno 60 bajtov splošne kode na lastnost — in niso potrebne, kadar je slogovna datoteka samostojen paket, kjer registracija tipa ne prinaša run-time koristi. Ta vtičnik zamenja vsak blok @property s preprosto --name: value deklaracijo znotraj izbranega selektorja in tako povrne vso to režo.

Semantična opomba: odstranjevanje @property pomeni izgubo registracije CSS tipov. Tipizirani prehodi/animacije, @starting-style in CSS Typed OM so od tega odvisni. Uporabljajte le pri paketih, kjer te semantike ne potrebujejo.

Primer

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

Vmesniki

Spremenljivke