[SCSS]작성법 5 - 반복문 이용하기 (@for)

2019/05/07 - [퍼블리싱/SASS] - [SCSS]작성법 4 - 조건문 사용하기 (@if)

 

@for 키워드를 사용한 반복문으로 코드를 작성합니다.

@for $i from 1 through 5 {

  .text-#{$i} { font-size : $i*10px; }

}

 

이 코드는 아래와 같습니다. 

.text-1 {font-size : 10px;}

.text-2 {font-size : 20px;}

.text-3 {font-size : 30px;}

.text-4 {font-size : 40px;}

.text-5 {font-size : 50px;}

 

 

2019/05/07 - [퍼블리싱/SASS] - [SCSS]작성법 6 - 배열을 이용해 맵핑하기 (@each)