Sass学习笔记（三）

变量 $

变量以$开头，变量是有块级作用域的，如：

$variable: 50px;

在区块中定义的变量只可以在此区块中使用，称为局部变量；不在区块中定义的变量在任意区块中都可以使用的是全局变量；局部变量可以通过!global转换为全局变量；

/* 全局变量 */
$varHeight: 100px;
.wrapper {
  $variable: 50px !global;
  /* 局部变量 */
  width: $variable; 
  height: $varHeight;
}

.desc {
  width: $variable;
  height: $varHeight;
}