I built a lightweight runtime for FSCSS property shorthands (with a JS API)

Описание и применение

fscss-props — легковесный рантайм, расширяющий сокращения FSCSS в браузере, позволяющий управлять стилями через небольшое API без полной компиляции.

Задача

Full FSCSS is heavy when only simple property shorthands are needed in the browser.

Результат

fscss-props enables lightweight, property‑only runtime expansion of FSCSS shorthands, keeping DOM updates fast and avoiding large CSS files.

Рабочий процесс

• Include fscss-props.min.js early in <head>
• Use el.fscssProp.property = value to set shorthands
• Use el.fscssPropText = 'stack: 12px; p: 16px' to bulk set shorthands
• Set el.fscssProp.property = null to clear owned longhands

Доказательства

fscss-props: a properties-only runtime. It expands those shorthands at runtime and exposes a small DOM API.

Источник

It does not parse advanced FSCSS features, so it stays fast even when the DOM is large.

Источник