pantoken / flatten-property

flatten-property ​

Beta

@pantoken/plugin-flatten-property — breyta @property at-reglum í einfaldar yfirlýsingar um sérsniðnar breytur.

@property at-reglur skrá setta (typed) CSS sérsniðnar breytur með syntax, inherits og initial-value lýsingum. Þær bera verulegt bitaumburð — um ~60 bæti af grunnkóða fyrir hverja breytu — og eru óþarfar þegar stílsniðið er sjálfstæður pakkbundinn skrá þar sem tegund skráningar skilar engum keyrslutímaávinningi. Þetta viðbætur skipta hverjum @property blokk út fyrir einfalda --name: value yfirlýsingu innan valins veljara, og endurheimta allan þann umburð.

Merkingarnóta: að fjarlægja @property tapar CSS tegundaskráningu. Tegundaskilgreindar umbreytingar/hreyfimyndir, @starting-style, og CSS Typed OM treysta á það. Gildir aðeins fyrir pakka þar sem þessar merkingar eru ekki nauðsynlegar.

Dæmi ​

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

Viðmót ​

Breytur ​