Sass "For"と "Multiple Of"

Question

私はボックスのリストを持っています。 SASSで

#box-1 {} 
#box-2 {} 
#box-3 {} 

私が書きました：

@mixin boxnumerati($levels) 
{ 
    @for $i from 1 to $levels 
    { 
    #box-#{$i} 
    { 
     @if $i == 2 { 
     background: #ff0000; 
     height: 200px; 
     width:200px; 
     display: inline-block; 

     } @else { 
     background: #000; 
     height: 100px; 
     width:100px; 
     display: inline-block; 
     } 
    } 
    } 
} 

を、私は2のすべての複数のボックスが赤であることを望みます。 どうすればいいですか？

Answer 1

あなたは剰余演算子に％使用することができます。

@mixin boxnumerati($levels) 
{ 
    @for $i from 1 to $levels 
    { 
    #box-#{$i} 
    { 
     @if $i%2 == 0 { 
     background: #ff0000; 
     height: 200px; 
     width:200px; 
     display: inline-block; 

     } @else { 
     background: #000; 
     height: 100px; 
     width:100px; 
     display: inline-block; 
     } 
    } 
    } 
}