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.
Stop manually writing vendor prefixes. Learn how to use PostCSS and Autoprefixer to automate browser compatibility based on real-world usage data.
The objective is to establish a content configuration strategy that ensures all utility classes are captured during the build process without introducing scanner blind spots. Tailwind CSS generates the final CSS by scanning source files defined in the content array (v3) or via @source directives (v4). If a class is not found as a literal string within these
PostCSS utilizes an Abstract Syntax Tree (AST) to transform CSS through a sequential pipeline of plugins. In low-traffic or small-scale workloads, reducing build-time resource consumption often involves optimizing the plugin chain to minimize memory overhead during AST traversal. A conflict arises when implementing aggressive minification plugins alongside s
Bulma provides a comprehensive set of CSS classes for its 12-column Flexbox grid and various UI components. While using the Sass source allows for selective importing of specific modules, many projects rely on the pre-compiled CSS file for simplicity. Including the full compiled CSS file introduces a significant amount of unused styling into the production e