본문 바로가기
Frontend/CSS

[SASS] 변수 선언하고 사용하기

by joy_95 2021. 9. 22.

SASS는 변수를 사용할 수 있어서, 반복적으로 사용되는 코드를 변수에 저장하고 꺼내 쓸 수 있다.

수정할 때는 변수의 값만 변경하면 되므로 작업이 간단해진다.

 

변수 선언하기


$variable-name : variable-value;

예를 들어 

$jb-color:red;

jb-color라는 변수에 red라는 값을 저장한다.

 

변수 사용하기


.box{
	background-color:$jb-color;
}

 

 

 

See the Pen by seyoungjoy (@seyoungjoy) on CodePen.

 

 

 

반응형