SCSS 变量

sass 让人们受益的一个重要特性就是它为 css 引入了变量。可以把反复使用的css属性值 定义成变量，然后通过变量名来引用它们，而无需重复书写这一属性值。

sass使用 $符号 来标识变量，比如 $bg-color 和 $box-width。

变量声明

sass变量的声明语法 ： $变量名称:值

$bg-color: #FF0000;

使用变量

凡是 css 属性的标准值（比如说1px或者bold）可存在的地方，变量就可以使用。css生成时，变量会被它们的值所替代。之后，如果你需要一个不同的值，只需要改变这个变量的值即可。

/* 定义变量与值 */
$bg-color: #FF0000;

/* 使用变量 */
.test-box {
  background-color : $bg-color;
}