SASS는 변수를 사용할 수 있어서, 반복적으로 사용되는 코드를 변수에 저장하고 꺼내 쓸 수 있다.
수정할 때는 변수의 값만 변경하면 되므로 작업이 간단해진다.
변수 선언하기
$variable-name : variable-value;
예를 들어
$jb-color:red;
jb-color라는 변수에 red라는 값을 저장한다.
변수 사용하기
.box{
background-color:$jb-color;
}
See the Pen by seyoungjoy (@seyoungjoy) on CodePen.
반응형
'Frontend > CSS' 카테고리의 다른 글
[CSS] display : inline, block, inline-block (0) | 2021.09.23 |
---|---|
[SASS] 중첩과 특수 선택자 (0) | 2021.09.22 |
[CSS] 웹폰트 변환 사이트 (0) | 2021.09.22 |
[CSS] 브라우저 접두사/벤더 프리픽스/크로스 브라우징 (0) | 2021.09.22 |
[CSS] 캐스케이딩 스타일 시트 (0) | 2021.09.22 |