Part 2
Advanced

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