TIL | SCSS $(변수)

2229 단어 scssscss

CSS

.box {
  width: 200px;
  margin-left: 200px;
  background-color: #E96900 url("assets/images/bg.jpg")
}

⬇️

SCSS

$color-primary: #E96900;
$url-images: "/assets/images/";
$w: 200px;

.box {
  width: $w;
  margin-left: $w;
  background-color: $color-primary url($url-images + "bg.jpg");
}

좋은 웹페이지 즐겨찾기