@for - les boucles

@for vous permet d'exécuter une boucle.

Exemple :

@for $i from 1 through 3 {
  .item-#{$i} {width: 2em * $i;}
}

Résultat CSS après compilation :

.item-1 {width: 2em;}
.item-2 {width: 4em;}
.item-3 {width: 6em;}