scss入门

可以使用koala工具进行编译scss文件
使用sublime text不支持scss语法高亮，可以下载一个插件
https://codeload.github.com/MarioRicalde/SCSS.tmbundle/legacy.zip/SublimeText2

解压完之后放到sublime Text的安装目录的Data\Packages目录下，然后重启sublime text

语法介绍
变量的支持使用美元符

$toolbar-size: 52px;
.toolbar{
	position:fixed;
	left:50%;
	bottom:5px;
	margin-left:-$toolbar-size / 2;
}

相同的css可以抽取成一个方法，使用@mixin语法

@mixin hbk($left,$right){
	&:hover {
		margin-left:$left;
		margin-right:$right;

	}
}
.top{
	@include hbk(-200px,300px);
}

并使用@include加载，编译之后的代码为

.toolbar {
  position: fixed;
  left: 50%;
  bottom: 5px;
  margin-left: -26px; }

.top:hover {
  margin-left: -200px;
  margin-right: 300px; }

引入其他的scss文件，使用@import
比如我们要引入一个hello.scss

@import "hello";

koala工具还支持代码压缩，挺好用的