首先在一个文件夹中打开命令行,执行
compass create mysass //新建一个sass项目
在新建的sass根目录下打开命令行,执行
compass watch //监听项目内sass文件内后缀为scss文件的修改变化并编译
例如:
在scss文件中编写代码
$blue: #3bbfce;
$margin: 16px;
.content-navigation {
border-color: $blue;
color: darken($blue, 9%);
}
.border {
padding: $margin / 2;
margin: $margin / 2;
border-color: $blue;
}
监听到变化后,编译转换为css代码为
/* line 7, ../sass/print.scss */
.content-navigation {
border-color: #3bbfce;
color: #2ca2af;
}
/* line 12, ../sass/print.scss */
.border {
padding: 8px;
margin: 8px;
border-color: #3bbfce;
}