随着项目的加进，页面原来越多，功能需求也越来越多，关于css的代码也越来越多，未来统一规范的管理css代码，我决定使用sass来写css，方便之后的工作。
关于sass
Sass 是对 CSS 的扩展，让 CSS 语言更强大、优雅。 它允许你使用变量、嵌套规则、 mixins、导入等众多功能， 并且完全兼容 CSS 语法。 Sass 有助于保持大型样式表结构良好， 同时也让你能够快速开始小型项目， 特别是在搭配 Compass 样式库一同使用时。
sass的特色
- 完全兼容 CSS3
- 在 CSS 语言基础上添加了扩展功能，比如变量、嵌套 (nesting)、混合 (mixin)
- 对颜色和其它值进行操作的{Sass::Script::Functions 函数}
- 函数库控制指令之类的高级功能
- 良好的格式，可对输出格式进行定制
- 支持 Firebug
安装sass
安装sass需要ruby环境。之前我的电脑在安装jekyll的时候就已经安装了，现在直接安装sass即可。
gem install sass
gem install compass
安装完成后检查安装是否正确
sass -v
sass 3.x.x(bleeding edge)
compass -v
Compass 1.x.x (Polaris)
Copyright (c) 2008-2015 Chris Eppstein
Released under the MIT License.
Compass is charityware.
Please make a tax deductable donation for a worthy cause: http://umdf.org/compass
sass常用的更新，查看版本，sass命令帮助指令：
gem update sass
sass -v
sass -h
编译sass
sass編譯有很多種方式，如命令行編譯模式、sublime插件SASS-Build、編譯軟件koala、前端自動化軟件codekit、Grunt打造前端自動化工作流grunt-sass、Gulp打造前端自動化工作流gulp-ruby-sass等。
//单文件转换命令
sass input.scss output.css
//单文件监听命令
sass --watch input.scss:output.css
//监听多目录文件
sass --watch app/sass:public/stylesheets
命令行編譯sass有配置選項，如編譯過後css排版、生成調試map、開啓debug信息等，可通過使用命令sass -v查看詳細。我們一般常用兩種–style``–sourcemap。
//编译格式
sass --watch input.scss:output.css --style compact
//编译添加调试map
sass --watch input.scss:output.css --sourcemap
//选择编译格式并添加调试map
sass --watch input.scss:output.css --style expanded --sourcemap
//开启debug信息
sass --watch input.scss:output.css --debug-info
软件方式编译
市面上有很多编译器，我选择的是kolala&codekit，操作界面如下：
