scss !global variable 변수선언

지역 범위에서 전역 변수의 값을 변경하려면?

 

!global 플래그를 사용해서 변수에 값을 할당하면 해당 값은 지역변수에 선언했지만 전역 범위에 할당이 된다.

 

SASS(SCSS)

$color: green;
$font-size: 30px;

.content2 {
  $color : blue !global;
  color: $color;
  font-size: $font-size;
}

.footer {
  color: $color;
  font-size: $font-size;
}

 

CSS

.content2 {
  color: blue;
  font-size: 30px;
}

.footer {
  color: blue;
  font-size: 30px;
}