Bonjour j'ai un pb pour une boucle en scss.

//Les variables couleurs
$c1: #80b92f;
$c2: #ff5a00;
$c3: #2fa1e4;
$c4: #f8c600;
$c5: #a552e8;
$c6: #cd0048;
                    @for $i from 1 through 6{
                   .couleur-puce-#{$i}{
                    width: 14px;
                    height: 14px;
                    // ici j'aimerais que chaque puce s'associent à sa couleur mais ça marche pas,
                    //problème de syntaxe j'imagine
                    background-color: $c#{$i};
                }
            }

Mon souci est ici background-color: $c#{$i}; j'aimerais que chaque puce s'associent à la couleur définie dans les variables.

Merci par avance pour votre aide

1 réponse


Grafikart
Réponse acceptée

Tu ne peux pas faire ça directement mais peut être ce sujet t'aidera :
http://stackoverflow.com/questions/7394405/create-a-collection-array-in-sass-for-use-in-for-loop