Sass(Scss) Shadowing 그림자 효과

Scss 지역 변수는 전역 변수와 같은 이름으로 선언 할 수 도 있다. 이 경우에는 같은 이름을 가진 두 개의 다른 변수 가 존재하고 하나는 지역 변수이고 다른 하나는 전역 변수 이다.

따라서 동일한 파일에서 작업하는 여러 개발자들이 있고 전역 변수 이름을 인식하지 못하고 같은 이름으로 지역 변수를 선언하는 경우 SassScript 실패에 대해 걱정할 필요가 없다. 

 

SCSS(SASS)

$variable: global value;

.content {
  $variable: local value;
  value: $variable;
}

.sidebar {
  value: $variable;
}

 

CSS

.content {
  value: local value;
}

.sidebar {
  value: global value;
}

 

이렇게 선언 하면 같은 변수 이름을 사용하지만 특정 범위에서는 다른 값을 가지게 된다.

 

 

 

 

 

 

출처 : https://sass-lang.com/documentation/variables