Sass变量

http://ionicframework.com/docs/v2/theming/sass-variables/

Sass变量可以让你只定义一次值，在多个地方使用。变量以$开头，与CSS属性类似。你可以在一个地方更改变量的值，所有用到这个变量的地方都会自动更改。例如，如果你想为两个不同的selector设置相同的高度，你可以创建一个名为$control-height的变量：

$control-height: 40px;

然后你可以在不同的地方使用它。简单起见，我们将$control-height设置到两个selector的height属性上：

.header { 
    height: $control-height; 
} 
.sub-header { 
    height: $control-height; 
}

转换成的CSS是这样的：

.header {
    height: 40px;
}
.sub-header {
    height: 40px;
}

这对要更改$control-height的值来说是非常有用的。不用搜索代码更改所有用到的地方，只需要更新$control-height变量即可。

Sass变量与Ionic共同开发。如果你使用某些CSS框架，你不得不创建新的样式表并覆写它们的样式，才能更改应用的样子。使用Ionic你可以直接修改Sass，CSS将会根据你的需求自动生成。