1. Docs
2. Guides
3. Marketing lite CSS

Marketing lite CSS 1.2.0

Build a smaller CSS subset for marketing pages. Pair with lazy Web Components / bootFromDOM instead of the full JS bundle. Deutsch

Build

velinstyle build --preset lite -o ./velinstyle-lite.css --minify

Layers: tokens, reset, base, layout, components, utilities. Or set preset: 'lite' in velinstyle.config.js.

Measure

After velinstyle build --preset lite --minify, compare output to dist/velinstyle.min.css. In 1.2.0 a typical minify result is ≈ 140 KB lite vs ≈ 162 KB full (~87%). The CLI prints both sizes and warns if lite is not smaller. Prefer runtime tree-shaking for JS.

Related

• Landing in 15 minutes
• CLI — build --preset lite, doctor, serve