Bonjour,

j'utilise Susy et j'aimerais comprendre un bout de code ( même si je pense que cela n'est pas lié uniquement a Susy ) :

@include nested(50) {
    @for $i from 1 through 50 {
        .cell--large-#{$i} {
            @include span($i no-gutter);
        }
    }
}

je ne comprends pas la syntaxe : @for $i from 1 through 50 et le calcul en fait car j'arrive à :

.cell--large-1 {
  width: 2%;
  float: left;
}

.cell--large-2 {
  width: 4%;
  float: left;
}

Merci d'avance

1 réponse


Hello,
En effet la boucle devrait aller jusqu'à 50. Je ne connais pas Suzy, mais faudrait voir ce que fait la mixin nested(50) :)