SASS valeurs d'incrément multiples dans @For déclaration

Question

J'ai une boucle qui génère numéro à partir de 0-5, mais le voudrais également générer jusqu'à 20, mais en multiples de 5.

résultats escomptés seraient:

0, 1, 2, 3, 4, 5, 10, 15, 20

Est-ce possible dans une seule instruction @for?

Answer 1

@for $i from 0 through 20 { 
    @if $i < 5 and $i > 0 { 
    .number-#{$i} { 
      height:(#{$i}px); 
     } 
    } 
    @if $i % 5 == 0 { 
     .number-#{$i} { 
      height:(#{$i}px); 
     } 
    } 
} 

La sortie serait

.number-0 { 
    height: 0px; 
} 

.number-1 { 
    height: 1px; 
} 

.number-2 { 
    height: 2px; 
} 

.number-3 { 
    height: 3px; 
} 

.number-4 { 
    height: 4px; 
} 

.number-5 { 
    height: 5px; 
} 

.number-10 { 
    height: 10px; 
} 

.number-15 { 
    height: 15px; 
} 

.number-20 { 
    height: 20px; 
} 

La boucle passera par 0 à 20. Je vérifie 1-5 dans la première instruction if, le chèque divisible par 5.

module en utilisant II