Main menu

SASS 강좌 | 변수 선언하고 사용하기

변수 선언하기

$variable-name: variable-value;

예를 들어

$jb-color: red;

와 같이 하면 jb-color라는 변수에 red라는 값을 저장합니다.

변수 사용하기

사용하고자 하는 곳에

$variable-name

를 넣으면 됩니다.

예제

SASS

$jb-font: "Times New Roman";
$jb-size: 20px;
$jb-color: #444444;
h1 {
  font-family: $jb-font;
  font-size: $jb-size;
  color: $jb-color;
}

CSS

h1 {
  font-family: "Times New Roman";
  font-size: 20px;
  color: #444444;
}
Category

Created on 2015-09-10 | Updated on 2017-06-01

이 글을 공유하기

Kakao