Sass 变量


变量用于存储一些信息,它可以重复使用。


Sass 变量可以存储以下信息:


字符串
数字
颜色值
布尔值
列表
null 值


Sass 变量使用 $ 符号:


列:

$myFont: Helvetica, sans-serif;

$myColor: red;

$myFontSize: 18px;

$myWidth: 680px;

body {
  font-family: $myFont;
  font-size: $myFontSize;
  color: $myColor;
}

#container {
  width: $myWidth;
}