Sass Mastery
Learn scalable stylesheet architecture and advanced Sass patterns.
Intermediate
Mixins & Functions
Create reusable style blocks with mixins and compute values with functions — the building blocks of scalable Sass architecture.
Inheritance & Extend
Share styles between selectors with @extend and placeholder selectors — understand when to extend versus mixin for optimal output.
Operators & Control Flow
Use Sass math, string operators, and control directives (@if, @for, @each, @while) to generate dynamic, data-driven stylesheets.
Sass in Frameworks
Customize CSS frameworks with Sass — override Bootstrap variables, build component systems, and create themeable design libraries.
Tooling & Workflow
Set up a productive Sass development workflow with CLI tools, bundler integration, live reloading, and linting.
Advanced
Advanced Features
Master Sass maps, lists, interpolation, and module system for building sophisticated, data-driven stylesheet architectures.
Architecture & Organization
Structure large Sass projects with the 7-1 pattern, naming conventions, and scalable folder organization that teams can maintain.
Performance & Output
Optimize Sass compilation and CSS output size — choose the right output style, manage source maps, and avoid common bloat patterns.
Migration & Modern CSS
Navigate the transition from Sass to modern CSS — migrate variables to custom properties, evaluate PostCSS alternatives, and decide when Sass still adds value.