Skip to content

pantoken / flatten-property

flatten-property

Behta

@pantoken/plugin-flatten-property — geavahit @property at-rule-t simple custom-property-deklarasjonaide.

@property at-rule-t registrerear typed CSS custom-properties syntax-, inherits- ja initial-value-deskriptoraide gaskkas. Dat dárbušii buot byte-overhead — ~60 byte boilerplate bearjadaga property-n neamdde — ja dat leat ivnna gos stylesheeta lea earábuktin bundel mii type-registrering ii leat runtime-buorre. Dát plugin válddejuvvá beroštit buot @property blokkijat simple --name: value deklarasjonaide vuolá selekteraš selector-is, ja doarrá ovttas leat overhead.

Semanttihkka oahpahus: veahkehit @property vuođđu CSS tipe-registrering. Typed transitions/animations, @starting-style, ja CSS Typed OM berohtit dako. Geavahit doarvái das bundel-ainnaid mii dan semantihkkan ii leat szüksá.

Exempel

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

Interfáčat

Variáblat