[SCSS] @mixin 단어 정리
scss
//인수 기본값 설정 가능
@mixin box($size: 80px, $color: tomato) {
// $size 매개변수
width: $size;
height: $size;
background-color: $color;
}
.container {
//200px, red 인수
@include box(200px, red);
.item {
//$color: green 키워드 인수
@include box($color: green);
}
}
컴파일된 css
.container {
width: 200px;
height: 200px;
background-color: red;
}
.container .item {
width: 80px;
height: 80px;
background-color: green;
}
Author And Source
이 문제에 관하여([SCSS] @mixin 단어 정리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@yomu85/scss-mixin-단어-정리저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)