pantoken / flatten-property

flatten-property ​

Beta

@pantoken/plugin-flatten-property — @property at-rules öğelerini düz özel-değişken bildirimlerine dönüştür.

@property at-rules, syntax, inherits ve initial-value betimleyicileri ile yazılandırılmış CSS özel-değişkenlerini kaydeder. Bunlar önemli bir bayt yükü getirir — her özellik için yaklaşık 60 bayt boilerplate — ve stil sayfası, tür kaydının çalışma zamanı faydası sağlamadığı kendi kendine yeten bir paket olduğunda gereksizdir. Bu eklenti her @property bloğunu seçilen bir seçicinin içinde basit bir --name: value bildirimine dönüştürerek tüm bu yükü geri kazanır.

Anlamsal not: @property kaldırıldığında CSS tür kaydı kaybedilir. Yazılandırılmış geçişler/animasyonlar, @starting-style ve CSS Typed OM buna bağlıdır. Yalnızca bu semantiklerin gerekmediği paketlerde uygulayın.

Örnek ​

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

Arayüzler ​

Değişkenler ​