In this lesson, you will learn how to iteratively generate CSS selectors and attributes using Sass loops. We will create a gradient of 100 elements, each with 1% darker colour using only a couple of lines of Sass.

 

@for $i from 1 through 100 {
     .block#{$i} {
       background: darken(white, $i);  }}