$map : (
o : orange,
r : red,
b : blue
);
.box:nth-of-type(1){
background-color: map-get($map, o);
}
.box:nth-of-type(2){
background-color: map-get($map, r);
}
.box:nth-of-type(3){
background-color: map-get($map, b);
}
map-get(오브젝트, 필드이름) 으로 값에 접근할 수 있다.
이거 말고도 많음. 맵 모든 값 return, 모든 key return, 해당 키가 있는지 true or false 등
https://homzzang.com/b/sass-13
'프론트엔드-코드 > SCSS' 카테고리의 다른 글
@mixin 변경 및 추가 (0) | 2023.09.14 |
---|---|
배열 (0) | 2023.09.14 |
데이터 타입 (0) | 2023.09.14 |
@import scss에서 scss import (0) | 2023.09.13 |
색상 내장 함수 (0) | 2023.09.12 |