[SCSS]작성법 6 - 배열을 이용해 맵핑하기 (@each)

2019/05/07 - [퍼블리싱/SASS] - [SCSS]작성법 5 - 반복문 이용하기 (@for)

 

맵핑할 배열 선언 

$colors: (color1: blue, color2: red, color3: green);



@each 키워드를 이용해 맵핑하기 
@each $key, $color in $colors {
  .#{$key}-text {color: $color;}
}

 

아래와 같은 의미를 갖는다 .

.color1-text { color : blue; }

.color2-text { color : red; }

.color3-text { color : green; }

 

2019/05/07 - [퍼블리싱/SASS] - [SCSS]작성법 7 - 반복문 사용하기 (@while)