728x90
반응형
SASS, @use 문법
CSS를 사용하다 보면 계속 사용하는 파일들을
복사 붙여넣기 하기 귀찮을 때,다른 파일에 있는 내용을 가져오고 싶을 때사용하는 방법
새로운 .scss 파일을 하나 만들어준다
그리고 파일 안에 기본적으로 적용할 파일들을 넣어준다
작성해준 파일을 불러오는 방법은 @use'파일경로' 의 형태로 작성을 해준다
CSS 파일을 확인하면 상단에 'defalut'에 작성한 내용이 들어가 있는 것을 확인 할 수 있다
@minxin. $변수도 가져와서 재활용 할 수 있다
다른 파일 안에 있는 @mixin 을 사용하기 위해서는
@include mixin이름 앞에 파일명을 적어주면된다
728x90
반응형
'PROGRAMING📚 > WEB📑' 카테고리의 다른 글
[WEB]HTML, transform사용하기 (0) | 2023.09.06 |
---|---|
[HTML]HTML 안에 Video, Audio 적용하는 방법 (0) | 2023.09.06 |
[HTML]Sass, @Mixin 사용하기 (1) | 2023.09.05 |
[HTML]SASS 변수, Nesting, @Extend 문법사용하기 (0) | 2023.09.05 |
[HTML]SASS 셋팅하기 & 변수 값 지정하는 방법 (0) | 2023.09.05 |
댓글