SCSS에는 반복문이 @each
도 있다. 이를 통해 @list
와 @map
을 순회할 수 있다.
$list: orange, royalblue, yellow;
@each $c in $list {
.box {
color: $c;
}
}
$map (
o: orange,
r: royalblue,
y: yello
);
@each $k, $v in $map {
.box-#{$k} {
color: $v;
}
}