pantoken / flatten-property
flatten-property
Béta
@pantoken/plugin-flatten-property — átalakítja az @property at-szabályokat egyszerű custom-property deklarációkká.
Az @property at-szabályok típusos CSS custom property-ket regisztrálnak syntax, inherits és initial-value leírókkal. Jelentős bájt-többletet jelentenek — kb. 60 bájt sablonkód tulajdonságonként —, és feleslegesek, ha a stíluslap egy önálló bundle, ahol a típusregisztráció nem nyújt futásidejű előnyt. Ez a bővítmény minden @property blokkot egy egyszerű --name: value deklarációra cserél egy kiválasztott szelektoron belül, visszanyerve az összes többletterhet.
Szemantikai megjegyzés: az @property eltávolításával elvész a CSS típusregisztráció. A típusos átmenetek/animációk, az @starting-style és a CSS Typed OM ettől függenek. Csak olyan bundle-öknél alkalmazza, ahol ezekre a szemantikákra nincs szükség.
Példa
import postcss from "postcss";
import { flattenProperty } from "@pantoken/plugin-flatten-property";
const out = postcss([flattenProperty()]).process(css, { from: undefined }).css;