ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Frameworks & web · #sass
Jeet's col() mixin replaces semantic grid classes with fraction-based widths declared beside your component styles. Learn how it works, a practical setup example, and the trade-offs before adopting it.
Stop bloating your CSS. Learn the critical difference between Sass mixins and functions to build a leaner, more maintainable design system.
When refactoring a growing Sass codebase, choosing between legacy @import and modern @use matters. This guide explains the trade‑offs, compares options in a compact table, and walks through a practical migration example that keeps build times under 2 seconds.
Replace @import with Sass modules to scope variables, deduplicate compiled CSS, and expose a single library entry point.
Learn how to override MaterializeCSS variables with Sass to create a consistent theme across your project. Follow a step‑by‑step guide, verify the changes, and recover if needed.
Learn how Jeet’s column‑span mixin lets you define element widths as a fraction of the grid while preserving gutters and breakpoint‑based responsiveness, with a concrete Sass example and notes on pitfalls.
Replace deprecated Sass @import with the @use and @forward module system to stop namespace collisions and prepare for removal.
Learn how to replace Sass @import with @use/@forward to get explicit namespaces, true encapsulation, and a cleaner stylesheet architecture.
Centralize design tokens in Sass maps, generate utilities with mixins, and use functions for fluid calculations — while keeping an eye on compiled CSS bloat.
jeet
materializecss