CSS/SASS
[SCSS]@mixin / @function/@extend 차이
알찬 퍼블리셔
2022. 8. 1. 13:17
728x90
반응형
- @mixin 사용법
@mixin 믹스인이름(매개변수){
스타일;
}
@include 믹스인이름(매개변수); //정의된 내용만 사용
또는
@include 믹스인이름(매개변수){
스타일;
}; // 정의된내용 + 추가 스타일 적용
스타일의 묶음을 재사용할때 사용
- function
@function 함수이름(매개변수){
계산식
@return 결과값;
}
값을 반환한다
-@extend
@extend 선택자
@mixin과 @extend 의 차이 한방에 이해할수 있는 글
728x90
반응형