廚老伯開槍中

compass SASS SCSS 建置記錄

Compass SASS 建置記錄

CSS 是個很煩的東西,不過有個方法讓 CSS 的產生更有組織、效率和更好追蹤

SASS/SCSS 都是用於產生 CSS 的語言,他們提供了使用語法建立 CSS 的可能性,實作上是建立一個類似 css 文件的 SCSS 文件並編譯成 .css 文件

compass 框架則可以讓 sass 的編譯、處理過程更方便&順暢
由於最後是產生出 CSS文件,所以 sass 與 compass 其實都是語言獨立的,也就是說無論使用的是 php、ror、asp.NET或 JSP 都可以用
不過由於 SASS/SCSS 和 compass 都是使用 ruby 撰寫,所以所用的機器上面需要有 ruby 環境,這算是 SASS/SCSS/compass 與 ruby 的唯一關係

安裝方法(mac
[http://blog.mukispace.com/compass-for-html-code-project/]
真的就跟部落格講的一樣簡單 XDD

語法介紹
[http://blog.visioncan.com/2011/compass-sass-your-css/]

幾個重點
使用 compass watch 可以簡化編譯動作
使用 compass init 可以在現有的專案中加入 compass

debug教學 [http://blog.visioncan.com/2011/sass-scss-your-css/#debug]
output_style = :compressed #css壓縮設定
sass_options = {:debug_info => true} #debug

comments powered by Disqus