SCSS - 반복문

SCSS에서도 반복문을 지원한다.

반복문에 사용되는 변수를 이용 가능하다.

 

예시

// 1 부터 10 까지 반복
@for $i from 1 through 10 {
    // 번호를 명시하는 방법
    // 보간법 사용
    .box:nth-child(#{$i}) {
        width: 100px * $i;
    }
}