SASS forloop example

gistfile1.sass

/* @for - could really badass on lists if you needed them each to have unique styles (@while works similar) */
@for $i from 1 through 3 {
  .my-class-#{$i} { width: 2px * $i; }
}
 
/* compiles to */
.my-class-1 {
  width: 2px;
}
.my-class-2 {
  width: 4px;
}
.my-cass-3 {
  width: 6px;
}