CDN CSS is perfect for lessons and spikes; production teams often install Bulma via npm, import Sass partials, and override variables before compile—primary hue, radius, spacing, and family fonts.
Workflow
- Create an entry SCSS file that sets variables (
$primary,$link, etc.) then@use "bulma/bulma";(Bulma 1.x module syntax). - Compile with your bundler (Vite, Laravel Mix, webpack) so only needed CSS ships.
- Document tokens for designers—mirror the discipline from Sass and Bootstrap customization tracks.
CSS variables in Bulma 1.x
Bulma 1 exposes CSS custom properties (e.g. --bulma-primary) so runtime theming is easier. Prefer compile-time Sass when you need smaller bundles; use CSS variables when themes switch at runtime (dark mode toggles).
Important interview questions and answers
- Q: CDN vs npm Bulma?
A: CDN is fast to try; npm + Sass gives version pinning, variable overrides, and tree-shake-friendly pipelines. - Q: Can you theme without Sass?
A: Yes—override CSS variables or add a thin custom stylesheet, but you lose compile-time pruning of unused components.
Self-check
- Why set variables before importing the Bulma bundle?
- Name one Bulma 1.x feature that helps runtime theming.