재사용의 출발점은 아마도 변수의 활용일 것이다. CSS에서는 동일하게 사용되어야 하는 값이 있을 때 변수를 적용할 수가 없었다. 따라서 변경이 필요할 때 모든 값을 일일이 변경해줘야 하는 번거로움이 있었다. 이번 포스트에서는 SCSS에서의 변수 활용에 대해서 살펴보자. 변수의 사용 $를 이용한 변수의 선언 및 사용 SCSS에서 변수의 선언은 $ 기호를 사용한다. 변수를 선언할 때는 위치에 따라 stylesheet의 root에 선언하는 전역 변수와 style 블록 내부에서 사용되는 지역 변수로 나뉠 수 있다. // 전역 변수 $base-color: blue; .variable { // 지역 변수 $sub-color: rgba($base-color, 0.5); @warn $base-color $sub-col..