CSS/SASS
[SCSS]작성법 6 - 배열을 이용해 맵핑하기 (@each)
알찬 퍼블리셔
2019. 5. 7. 09:58
728x90
반응형
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; }
728x90
반응형