ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Frameworks & web · #bulma
Stop duplicating selectors to restyle Bulma components. Learn how to override the framework's exposed CSS custom properties from a single :root block while keeping the cascade predictable.
Learn how to control Bulma's theme colors and CSS bundle size by setting Sass variables before import and loading only the components you need.
Learn how to integrate Bulma using a selective Sass pipeline to reduce CSS payload, apply brand-specific tokens, and maintain a strict boundary between presentation and behavior.
Patching .button.is-primary after Bulma compiles creates order- and specificity-fragile CSS. Set Sass tokens like $primary before import instead, then verify the hex value propagated to buttons, links, and focus rings.
How to build a responsive card grid with Bulma's Flexbox columns system, handle version-sensitive gap controls, and avoid common markup pitfalls.
When a Bulma modal fails to open, stays open, shows a broken overlay, lets the page scroll, or loses focus, the root cause is usually a missing or mis‑toggled .is‑active class or conflicting CSS. Follow the ordered checks to isolate and fix each symptom.
Decide when to use Bulma's built‑in visibility helper classes versus writing your own media queries, with a comparison table, trade‑offs, and a code example you can test in the browser.
Learn how to use Bulma’s 12‑column grid with breakpoint modifiers to create responsive layouts that adapt from mobile to desktop.
Learn how to use Bulma's 12-column Flexbox grid to create responsive layouts that automatically adapt from mobile stacks to desktop grids without complex CSS math.
sass