Sass의 변수 선언

Sass에선 $를 사용하여 값을 변수로 선언하고 그 변수를 값으로 사용 할 수 있다.

<-- 1.일반적인 코드  -->
div {
color : Red;
background-color : White;
border : 1px solid Black
}

<-- 2.변수를 선언하여 사용 -->
$fontColor : Red;
$backgroundColor : White;
$borderColor : Black

div {
color : $fontColor;
background-color : $backgroundColor;
border : 1px solid $borderColor;
}

이와 같이 값 대신 변수를 선언하여 사용이 가능하다.