Now that you know the basics of Sass, it’s time to put these new skills to work in the best way possible. Learning the ‘best practices’ for writing Sass will gain you admiration among your peers.
There are three sections in this new course:
We will dive into file management and importing that won’t steer you wrong. We will also use Source Maps to help debug our code and remind us where we put all these files.
Advanced Variables, Mixins, Functions, and Placeholders
You have mastered DRY and that is awesome! But now let’s look at how we can take all these variables, mixins, functions and placeholders to make some rock solid modular code. We will also look at advanced naming conventions with nesting features, how !default works and how to DRY up our variable naming conventions using list maps.
Functions are amazing and there are multiple examples out there that illustrate how to better abstract away calculations and operations into individual functions that can be consumed into other functions, mixins or directly with CSS attributes. In this section we will look at how we can use functions to introspectively understand our code.
What you’ll learn.
Advanced variables, mixins, functions, and placeholders
Concepts on advanced functions
Sass in the Stack
Check out the full Advanced Sass course outline.
And also my book ‘Sass in the Real World‘