[SCSS] 재활용 Mixins / 같은 코드를 정의해서 include로 재사용한다

재활용이라는 것은 같은 코드를 a부분에서도 사용하고 b부분에서도 사용하고 c부분에서도 사용하는 것이다.

그 내용을 정의 하는 것이 @mixin이고

사용하는 것이 @include이다.

@mixin으로 size라는 재활용 코드를 정의했다.

그리고 인수로 값을 넣으면 되는데

매번 같은 값을 가질라면 어떻게 해야하는가

 

기본값을 mixin에서 설정해주고

다음에 그 값을 쓸 때는 인수 없이 그냥 mixin명만 써주면 된다.

그리고 값을 변경하고 싶을때는 값을 적어주면 된다.

 

 

---