[SCSS] 데이터 종류, @each
SCSS
$number: 1; // .5, 100px, 1rem
$string: bold; // relative, "../image/a.png"
$color: red; // blue, #ffff00, rgba(0,0,0,.1)
$boolean: true; // false
$null: null;
$list: orange, royalblue;
$map: (
o: orange,
r: royalblue,
y: yellow
);
@each $c in $list {
.list {
color: $c;
}
}
@each $k, $v in $map {
.box-#{$k} {
color: $v;
}
}
컴파일된 CSS
.list {
color: orange;
}
.list {
color: royalblue;
}
.box-o {
color: orange;
}
.box-r {
color: royalblue;
}
.box-y {
color: yellow;
}
Author And Source
이 문제에 관하여([SCSS] 데이터 종류, @each), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@yomu85/SCSS-데이터-종류-each저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)