SASS 여러 증분 값

Question

나는 0-5에서 번호를 생성하는 루프를 가지고, 또한 20까지 생성을 싶지만, 5

원하는 결과가 될 것이다의 배수로 :

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

단일 @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); 
     } 
    } 
} 

출력은 0 (20)에 I 5.

의해 if 문은 사용 탄성률 II 체크 나누어 제 통해 1-5 확인 통해

.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; 
} 

는 for 루프 갈 것