Compass



Sass是一種"CSS預處理器",可以讓CSS的開發變得簡單和可維護。但是,只有搭配Compass,它才能顯出真正的威力。

Compass is an open-source CSS authoring framework which uses theSass stylesheet language to make writing stylesheets powerful and easy.

Compass是Sass的工具庫(toolkit)。

Sass本身只是一個編譯器,Compass在它的基礎上,封裝了一系列有用的模塊和模板,補充Sass的功能。它們之間的關係,有點像Javascript和jQuery、Ruby和Rails、python和Django的關係。

Compass是用Ruby語言開發的,所以安裝它之前,必須安裝Ruby。

Compass是Sass早期一個成熟的框架,有點類似於CSS中的(bootstrap,foundation)類似,裏面集成了一些功能與特性,比如說CSS3的前綴、合成sprites、Vertical Rhythm 等,當然底層也集合了一些Functions和常用的Mixins。但裏面我比較感興趣的也就合成sprites和Vertical Rhythm這兩個功能。
不過Compass對Sass版本匹配也有一定的要求,就Sass版本更新速度而言,那麼Compass 並不切合我們實際需求。所以我不建議在業務中使用Compass。爲什麼這麼說呢?

  1. CSS3前端有更好的處理方式替代,比如PostCSS、Autoprefixer
  2. 合成sprites有grunt、gulp這樣的前端自動化插件,而且目前的前端團隊基本上都用上了grunt或者gulp
  3. Vertical Rhythm這個功能,現在也有相關的Sass庫支持,比如:designbyjake/sassline · GitHub
  4. 而內置的Sass的mixins和functions,大家在實際中可以根據自己需要求,整理適合業務的mixins和functions:W3cplus/Sass-Resources · GitHub (這個Sass是我整理相關的mixin和function,感興趣的同學可以關注相關更新)

最爲重要的是,Sass有些新功能,Compass完全沒有合進去。在使用的時候完全也就在使用Sass,與其如此,還不如直接使用Sass。

如果您從示接觸Sass或者對Sass感興趣,不仿關注下面的內容:

  1. sass | 博客自由標籤
  2. Sass基礎入門_獨家IT技術培訓視頻



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章