This is the 2nd tutorial in a series that show users how to code CSS using advanced features in Sass.

This tutorial covers the use of the Nth function to find values in lists. This example goes over the basics of Nth and then uses an @each statement to build gradually lighten a back background over 4 separate divs.

The code:
@each $p in (
one black,
two black + 20,
three black + 40,
four black + 60
) {
.#{nth($p,1)} { background:#{nth($p,2)}; }
}

1. How to Install Sass
2. The Basics of Variables in Sass
3. Nesting Your Sass
4. Using Mixins
5. Selector Inheritance
6. Creating Configurable Shapes Using Mixins
7. @Import & Parent Reference
8. Using Lists and @each
9. Nth Function In Lists
10. Built in Functions
11. Build Your Own Function
12. Build Your Own Function Part 2 - If Else
13. Build Your Own Function Part 3 - Total Automation with Lists
14. Output Style
15. For Loops
16. While Loops
17. Using Live Reload
18. Updating to Sass 3.2.1. Media Mark
19. Placeholder Selectors
20. @Content - Better Media Queries in Sass
21. Extending Sass and Writing a Config file
22. Installing and Using Sass Globbing
23. Installing Singularity Grid System
24. Creating and Using a Symmetrical Grid
25. Asymmetric Grids
26. Responsive Grids With Breakpoint
27. Adding Columns at Breakpoints
28. Selector Functions & Sass 3.4
29. Juice, Mixins for Life
30. Juice, Mixins for Life Part 2

A series of Sass tutorials showing the installing of, the basics, and using key features. The advanced series shows you more in depth features that Sass offers. The Compass series will cover how using Compass in your projects can save you time and extend Sass and CSS even further.

Some source files are located here: https://github.com/stolinski/Level-Up-Tuts---Sass-Tutorials