Now we’ve gone through the basics of Sass, let’s move on to some of the more advanced features it offers:
First off, we’ll go through @extend, which helps clone attributes: Task 15, Keeping It Semantic: @extend.
Next, we’ve got Task 16, Keeping Code Clean with Mixins, a useful way to keep your style sheets clean. We’ll expand on mixins in the next task, Task 17, Taking Mixins Further with Variables.
Then we’ll look at how to debug your Sass in Task 18, Debugging.
We’ll see how you can simplify the Sass necessary to style for different browsers in Task 19, Generating Cross-Browser Rounded Borders, and Task 20, Using Cross-Browser Opacity.
We’ll learn how to dynamically generate your Sass code in Task 21, Interpolating.
Two more programmer-style functions are covered in Task 22, Stop Repeating Yourself with @each, and Task 23, Determining Conditions with @if. @each applies the same set of rules to a list, and @if allows conditions in your CSS.
And finally, want to change CSS layout depending on what device your user is using? Check out Task 24, Changing Looks with Nested @media.