재사용할 그룹을 지정하고@mixin, 사용하기@include

@mixin 재사용 스타일 그룹 지정

@mixin 믹스인 이름{        재사용 스타일 속성 }

 

 

@include 불러올때

선언할 class명{       @include 선언한 믹스인 이름 }

 

선언하고와서 불러오는 내용이기때문에

순서는 무조건 @mixin 부터 선언하고, 뒤에 @include를 써준다. 

 

믹스인은 따로 scss파일로 만들어서 빼주는것이 좋음.

 

 

@mixin에 인수(Arguments)사용

@mixin 믹스인이름($매개변수, $매개변수){     css속성: 인수1 인수2 인수3; } @include 믹스인 이름 (값1, 값2, 값3);

-> css를 여러개 사용할때 사용함

 

@mixin border-style($width, $style, $color){       border: $width $style $color; }

-> 매개변수를 선언해줌

 

.buttons{       &.approval{             @include border-style(2px, solid, blue);       }       &.refuse{             @include border-style(2px, dashed, red);       } }