pantoken / flatten-property

flatten-property ​

Beta

@pantoken/plugin-flatten-property — muunna @property at-säännöt tavallisiksi custom-property määritelmiksi.

@property at-säännöt rekisteröivät tyypitetyt CSS-custom-propertiet käyttäen syntax, inherits ja initial-value kuvauksia. Ne tuovat merkittävän tavumäärän yleiskuluja — ~60 tavua boilerplate‑koodia per ominaisuus — ja ovat tarpeettomia, kun tyylitaulukko on itsenäinen paketti, jossa tyyppirekisteröinnillä ei ole ajoitusajan hyötyä. Tämä plugin korvaa kukin @property lohkon yksinkertaisella --name: value määrittelyllä valitun valitsimen sisällä, palauttaen kaiken tuon ylikuorman.

Semanttinen huomautus: @property poistaminen poistaa CSS-tyyppien rekisteröinnin. Tyyppitetyt siirtymät/animoinnit, @starting-style ja CSS Typed OM ovat riippuvaisia siitä. Käytä vain paketeissa, joissa näitä semantteja ei tarvita.

Esimerkki ​

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

Rajapinnat ​

Muuttujat ​