TIL | SCSS !global(전역 설정)

CSS

.box1 {
  background-color: #111;
}

.box2 {
  background-color: #111;
}

⬇️
SCSS

.box1 {
  $color:  #111 !global;
  background-color: $color;
}

.box2 {
  background-color: $color;
}

영역 내에 있는 변수만 사용 가능하였지만, !global(전역 설정)으로 모든 영역에서 사용 가능하다.