!global 플래그를 사용하여 변수의 유효범위를 전역으로 설정할 수 있다.
2021.04.19 - [WEB/SASS,SCSS] - [SCSS] 변수 유효 범위 / 변수 재할당
[SCSS] 변수 유효 범위 / 변수 재할당
변수의 유효범위 변수는 사용 가능한 유효범위가 있다. 선언된 블록({}) 내에서만 유효범위를 가진다. 2021.04.19 - [WEB/SASS,SCSS] - [SCSS] @at-root 중첩 벗어나기 [SCSS] @at-root 중첩 벗어나기 중첩을 사용..
sso-feeling.tistory.com
이전 글에서 보았듯이
변수는 {} 안에서만 유효하다
하지만 !global을 지정해주었기에 다른 곳에서도 쓸 수 있다.
기존에 선언된 값이 있고 또 같은 변수명으로 또 선언을 다른 값으로 해주었다면
나중에 쓴 값으로 덮여진다.
728x90
'WEB > SASS,SCSS' 카테고리의 다른 글
| [SCSS] @import / 여러 파일 가져오기 / 파일 분할 / 하나의 css로 컴파일 (0) | 2021.04.19 |
|---|---|
| [SCSS] 변수의 !default 초깃값 설정 / 변수 이름이 같을 때 초깃값을 사용하겠다. (0) | 2021.04.19 |
| [SCSS] 변수 유효 범위 / 변수 재할당 (0) | 2021.04.19 |
| [SCSS] 변수 $ /반복적으로 사용되는 값을 정의한다. (0) | 2021.04.19 |
| [SCSS] 중첩된 속성 (0) | 2021.04.19 |