@for

For loops are extremely powerful, and can be very useful. In this introduction to them, I look at a nice example of using them to create a grid system that you could use on a site, using only a few lines of SCSS to output a large amount of CSS. As we go through the different videos, I look at the basic function of a @for loop, and slowly make it better and better, adding in math and variables to really make things shine.