[Sass] Sass 변수

변수(Variables)

변수를 설정할 때 변수 이름의 항상 $ 기호를 넣어 시작합니다.

반복되는 목적의 속성 값을 하나의 변수에 관리하여 여러 곳에 값을 할당하여 줄 수 있습니다.

변수에 사용 가능한 값은 문자열은 숫자, 색상, 불리언, 리스트, null 입니다.

변수를 정의하는 문법은 $변수명: 값;의 형태를 가지고 있습니다.

 

변수의 유효 범위(Variables Scope)

전역 변수와 지역 변수로 나눠집니다.

 

전역 변수

문서의 최상위에서 바로 작성한 변수를 전역 변수라고 부릅니다.

어떠한 규칙에도 포함되지 않으며, 문서 어디서나 사용 가능합니다.

 

지역 변수

문서의 최상위가 아닌 class 또는 id가 선언된 블록 코드 {} 내에서만 유효 범위를 가집니다.

지역 변수는 정의된 블록의 상위 부모 블록에서 사용할 수 없습니다.

하지만 지역 변수에 !global 플래그를 사용하면 전역 변수로 사용할 수 있습니다.