pantoken / flatten-property

flatten-property ​

Beta

@pantoken/plugin-flatten-property — konverter @property at-regler til enkle custom-property-deklarasjoner.

@property at-regler registrerer typede CSS custom properties med syntax, inherits og initial-value beskrivelser. De medfører betydelig byte-overhead — ~60 byte med boilerplate per egenskap — og er unødvendige når stilarket er et selvstendig bundle hvor typeregistrering ikke gir noen kjøretidsfordel. Denne pluginen erstatter hver @property blokk med en simpel --name: value deklarasjon inne i en valgt selektor, og gjenvinner all denne overheaden.

Semantisk merknad: fjerning av @property fjerner CSS-typeregistrering. Typede overganger/animajsoner, @starting-style og CSS Typed OM er avhengige av dette. Bruk kun på bundler hvor disse semantikkene ikke er nødvendig.

Eksempel ​

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

Grensesnitt ​

Variabler ​