이번 포스트에서는 모듈의 재사용을 위한 @use 룰의 사용법에 대해 알아보자. @use는 크게 2가지 용법으로 사용된다. 여러 stylesheet에 선언된 css들을 하나로 합쳐서 사용할 때 @use의 첫 번째 용도는 여러 stylesheet에 선언된 css들을 하나로 합쳐서 사용하는 경우이다. basic 경로에 미리 작성된 _code.scss와 _lists.scss 파일이 있다고 생각해보자. 그리고 이 2개의 파일은 06_use.scss에서 사용하려는 경우 @use가 사용된다. _code.scss와 _lists.scss는 모두 순수하게 css 로만 구성되어있다. 이를 가져오는 use.scss의 결과는 다음과 같다. code { padding: 0.25em; line-height: 0; } ul,ol {..
[SCSS] 05. At-Rules -05.@use
이번 포스트에서는 모듈의 재사용을 위한 @use 룰의 사용법에 대해 알아보자. @use는 크게 2가지 용법으로 사용된다. 여러 stylesheet에 선언된 css들을 하나로 합쳐서 사용할 때 @use의 첫 번째 용도는 여러 stylesheet에 선언된 css들을 하나로 합쳐서 사용하는 경우이다. basic 경로에 미리 작성된 _code.scss와 _lists.scss 파일이 있다고 생각해보자. 그리고 이 2개의 파일은 06_use.scss에서 사용하려는 경우 @use가 사용된다. _code.scss와 _lists.scss는 모두 순수하게 css 로만 구성되어있다. 이를 가져오는 use.scss의 결과는 다음과 같다. code { padding: 0.25em; line-height: 0; } ul,ol {..
2022.11.10