Pragmatic Guide to Sass

Part 2Advanced

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, ...