React

CSS Module 파일 내에서 local or global 지정 방법

CSS Module 을 사용하고 있는 파일에서 클래스 이름을 고유화 하지 않고 전역적 클래스이름을 사용하고 싶다면 다음과 작성하면 됩니다.
:global .my-global-name { }
CSS
복사
만약 Sass 를 사용한다면 다음과 같이 할 수도 있겠죠.
:global { .my-global-name { } }
Scss
복사
반대로, CSS Module 을 사용하지 않는 곳에서 특정 클래스에서만 고유 이름을 만들어서 사용하고 싶다면 다음과 같이 할 수 있습니다.
:local .make-this-local { }
CSS
복사
Sass 라면 이렇게 표현 할수 있겠죠?
:local { .make-this-local { } }
Scss
복사