[HTML]SASS, @use 문법

SASS, @use 문법


CSS를 사용하다 보면 계속 사용하는 파일들을

복사 붙여넣기 하기 귀찮을 때,다른 파일에 있는 내용을 가져오고 싶을 때사용하는 방법

 

새로운 .scss 파일을 하나 만들어준다

etc-image-0

그리고 파일 안에 기본적으로 적용할 파일들을 넣어준다

작성해준 파일을 불러오는 방법은 @use'파일경로' 의 형태로 작성을 해준다

etc-image-1

CSS 파일을 확인하면 상단에 'defalut'에 작성한 내용이 들어가 있는 것을 확인 할 수 있다

@minxin. $변수도 가져와서 재활용 할 수 있다

 

etc-image-2

다른 파일 안에 있는 @mixin 을 사용하기 위해서는

@include mixin이름 앞에 파일명을 적어주면된다

etc-image-3