프로젝트에서 공통적으로 사용되는 스타일을 믹스인을 사용하여 정의할 수 있다.
1. 믹스인 안에서도 &를 사용해 상위 요소를 참조할 수 있고, include를 사용하는 시점에서 &가 가리키는 요소가 결정된다.
See the Pen jOBMoxm by KimDovi (@ddonni0426) on CodePen.
2. 가변인수를 통해 공통된 스타일 속성을 다양하게 적용시킬 수 있다.
See the Pen eYvdaoK by KimDovi (@ddonni0426) on CodePen.
3. @content 키워드를 사용해서 일부분만 스타일 블록을 전달할 수 있다.
See the Pen poeEXeZ by KimDovi (@ddonni0426) on CodePen.
'Web > SCSS' 카테고리의 다른 글
SCSS 중첩 벗어나기 - @at-root (0) | 2021.05.18 |
---|---|
[Sass로 디자인하라 : 양용석] - Scss 6가지 핵심 기능 요약 (0) | 2020.06.25 |