SASS n'aime pas le fonctionnement variables en ligne et multiplier par 0

Question

J'espérais que je pouvais faire quelque chose comme cela, mais cela ne fonctionne pas pour deux raisons

• D'abord, il n'aime pas le i $ - 1 qui me donne « variable non valide »
• alors il n'aime pas multiplier 0 par 10

Je l'ai travail en déclarant une autre variable pour faire mon -1 alors une instruction if pour effectuer cette si ce n » t = 0 mais c'est devenu très vite moche!

@for $i from 1 through 10 
    .num-#{$i} 
    margin: 0 #{($i-1)*10}px 

Answer 1

Eh bien, cela fonctionne pour moi:

@for $i from 1 through 10 
    .num-#{$i} 
     margin: 0 #{($i * 10 - 10)}px 

Je multiplie d'abord et plus tard soustrait. Mais avez-vous essayé d'ajouter des espaces? Comme:

$i - 1 

au lieu de $ i-1

Parce que je pense SASS est interpretating comme une variable unique au lieu d'une opération.