Cutting Bulma's CSS Bundle by 90% with Modular Sass Imports
Bulma's modular Sass lets you import only needed components (grid, button, card) cutting minified CSS from ~180 KB to ~15 KB. See a Vite example, breakpoint customization, and trade-offs.
ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Bulma's modular Sass lets you import only needed components (grid, button, card) cutting minified CSS from ~180 KB to ~15 KB. See a Vite example, breakpoint customization, and trade-offs.
Learn how Sass’s @use rule isolates styles, avoids duplicate code, and lets you configure modules without forking.
Guide to adopting Sass @use with explicit namespaces, forwarding, linting, and verification for a large frontend design system.
Jeet’s <code>column()</code> mixin turns manual width calculations into a single Sass call, automatically handling gutters and nested grids. Learn how to import Jeet, set a gutter, and use <code>column()</code> for clean, fluid layouts.
Learn why @use replaces @import in modern Sass, how to set up modules, and what pitfalls to avoid. A concrete example shows single‑load behavior, scoped namespaces, and public APIs for component libraries.
Stop fighting global namespace collisions in Sass. Learn how to use @use and @forward to encapsulate styles, eliminate duplicate CSS, and build a scalable UI library entry point.
Learn how to replace static CSS variables with a scalable design token system using Sass maps, functions, and mixins to reduce redundancy and simplify theme management.
Sass maps compile to flat CSS custom properties, enabling theme variable interoperability between preprocessor authoring and runtime stylesheets. A precise goal is to determine how map key resolution behaves when identical map definitions are processed through Dart Sass @use and Ruby Sass @import directives, particularly regarding the return value of map.get
Namespace Control vs. Refactor Effort A small web application currently utilizes the legacy @import system to distribute shared variables, mixins, and functions across multiple stylesheets. With Sass versions 1.45+ emitting deprecation warnings, there is a need to align the architecture with the modern module system to ensure long-term compatibility. The pri