pantoken / flatten-property

flatten-property ​

Beta

@pantoken/plugin-flatten-property — konwertuje @property at-rules na zwykłe deklaracje właściwości niestandardowych.

@property at-rules rejestrują typowane niestandardowe właściwości CSS przy użyciu deskryptorów syntax, inherits i initial-value. Niosą one znaczący narzut bajtowy — ~60 bajtów boilerplate’u na właściwość — i są niepotrzebne, gdy arkusz stylów jest samodzielnym bundlem, w którym rejestracja typów nie przynosi korzyści w czasie wykonywania. Ten wtyczka zastępuje każdy blok @property prostą deklaracją --name: value wewnątrz wybranego selektora, odzyskując cały ten narzut.

Uwaga semantyczna: usunięcie @property powoduje utratę rejestracji typów CSS. Typowane przejścia/animacje, @starting-style oraz CSS Typed OM zależą od tego. Stosować tylko do bundli, w których te semantyki nie są potrzebne.

Przykład ​

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

Interfejsy ​

Zmienne ​