[SCSS] 변수의 !global 전역설정

WEB/SASS,SCSS

자바칩 프라푸치노 2021. 4. 19. 21:57

!global 플래그를 사용하여 변수의 유효범위를 전역으로 설정할 수 있다.

[SCSS] 변수 유효 범위 / 변수 재할당

변수의 유효범위 변수는 사용 가능한 유효범위가 있다. 선언된 블록({}) 내에서만 유효범위를 가진다. 2021.04.19 - [WEB/SASS,SCSS] - [SCSS] @at-root 중첩 벗어나기 [SCSS] @at-root 중첩 벗어나기 중첩을 사용..

sso-feeling.tistory.com

이전 글에서 보았듯이

변수는 {} 안에서만 유효하다

하지만 !global을 지정해주었기에 다른 곳에서도 쓸 수 있다.

기존에 선언된 값이 있고 또 같은 변수명으로 또 선언을 다른 값으로 해주었다면

나중에 쓴 값으로 덮여진다.

728x90