pantoken / flatten-property

flatten-property ​

Bêta

@pantoken/plugin-flatten-property — trosi @property at-rules i ddatganiadau syml o briodweddau-cwstom.

@property at-rules yn cofrestru priodweddau CSS mathiedig gydag syntax, inherits, a initial-value disgrifiadau. Maent yn cario lefel uchaf o ormod o bytiau — tua 60 byte o fwll-pluen ydoedd fesul priodwedd — ac nid ydynt yn angenrheidiol pan fo'r taflen arddull yn gyfansoddiad hunan-gyfyngedig lle nad yw'r cofrestro math yn cynnig budd amser-rhedeg. Mae'r ategyn hwn yn disodli pob bloc @property gyda datganiad syml --name: value o fewn dewiswr a ddewiswyd, gan adfer yn ôl yr holl ormod hwn.

Nodyn semantig: wrth dynnu @property collir cofrestriad math CSS. Mae trosiadau/animiadau mathiedig, @starting-style, a'r CSS Typed OM yn dibynnu arno. Defnyddiwch hyn ond ar gronfeydd lle nad oes angen y semantigau hynny.

Enghraifft ​

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

Rhyngwynebau ​

Newidynnau ​