Explication mixin sass

Par mackean, il y a 10 ans


Les bases HTML/CSS

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

Astor, il y a 10 ans

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