메로그

@mixin, @include 가장 많이 사용되는 기능 중 하나로, 선언 시 @mixin, 적용 시 @include 를 사용합니다. 재사용 함으로써 자원을 줄일 수 있음. $: 변수, @mixin: 함수, @include: 함수 호출 이라고 생각하면 편할 거 같습니다. scss $marginBottom: 30px; $left: left; $solid: 1px solid; @mixin mbottom { margin-bottom: $marginBottom; } @mixin test { width: 100px; height: 100px; border: 1px solid red; } @mixin clear { &:after { content: ""; display: block; clear: both; } } ...