SASS是用來幫助撰寫css檔的工具,利用ruby環境有效把原本為stylesheet的css設定檔,用4大特性(1.Variables 2.Nesting 3. Mixins 4. Selector Inheritance)幫助撰寫者有效的快速開發。
環境:ubuntu 12.04
- apt-get install ruby-full
- apt-get install rubygems
- gem install sass
- ln -s /var/lib/gems/1.8/bin/sass /usr/bin/sass # 變成執行指令
sass所需要的lib會安裝在 /var/lib/gems/1.8/gems/sass-3.1.1, /var/lib/gems/1.8/bin/sass 下。
使用方法:
- vim project.sass
123456table.hl {margin: 2em 0;td.ln {text-align: right;}} - sass –watch project.sass:project.css # 把sass檔即時編譯成css檔
詳細的使用方式可以參考SASS網站!