At first, we were skeptical too–another preprocessor? And for something as simple as CSS? Using Sass on large-scale applications, though, reveals one indispensable feature after another. Once we started modifying site-wide coloring via a single variable, or handling fluid-width percentage calculations directly in our stylesheets, we became hopelessly hooked.
Sass and its popular extension Compass have long been among our most requested topics, and we’re thrilled to announce the release of Assembling Sass, Part 1. In this course, we focus on the foundations of converting your CSS over to Sass, all without sacrificing the output quality. Levels include:
- Foundation – an introduction to Sass, imports, comments, and nesting
- Variable – creation and use of recallable data
- Mixin – writing reusable chunks of style with optional arguments
- Extend – managing CSS class reuse and inheritance on the stylesheet side
- Directive – programmatic additions via Sass, including functions and each/for/while
- Math + Color – performing arithmetic and color alterations directly to values
- Responsive – simplify and optimize your responsive design workflow with Sass tools
Once you’re through Part 1, which covers the major functionality points for getting started, keep on the lookout for Part 2 later this year. The additional levels will expand on the basics a bit and largely focus on the wonders of Compass. We hope you learn to love Sass as much as we do!