更新 macOS Sierra 之後 compass 指令不見

昨天更新 macOS Sierra 之後，執行 compass 出現 Operation not permitted - /usr/bin/compass，後來找到了一個方式，就是先切換成 root，再安裝:

sudo su

sudo gem install -n /usr/local/bin compass

不過要小心，在你更新完作業系統的之後，也請你先更新 xcode，再來處理這些 compass 路徑的問題。xcode 的安裝試試在 cli 執行 xcode-select --install，或是打開你的 App Store 找到他，然後更新，再來處理 compass 的安裝。


若這個解法不適合你，或者你是使用 homebrew 在安裝的話，你可以參考: Compass install fails on OS X 10.11 due to new rootless mode #2018。祝你也順利 :)

Compass 編譯的 Warning: DEPRECATION WARNING on line ..._deprecated-support.scss:

在跑 Gulp Compass 編譯 scss 時，一直出現這個 Warning 讓我覺得很焦躁，雖然是可以不管他。

詳細的錯誤訊息是:

DEPRECATION WARNING on line 92 of 
XXXX/compass/css3/_deprecated-support.scss: #{}
interpolation near operators will be simplified
in a future version of Sass. To preserve the current behavior, use quotes:

unquote('"$ie6-"#{$legacy-support-for-ie6} 
"$ie7-"#{$legacy-support-for-ie7} "$ie8-"#{$legacy-support-for-ie8}')

You can use the sass-convert command to automatically fix most cases.

然後我找到了一個 github 上 issue 的解法，請尋找 mrpatricko 的回答，方法是要我們去修改你的那隻 _deorecated-support.scss，第 87 行，當然你也要對照一下是不是那一行，然後把那幾行利用雙引號刮起來，原本的單引號再變成雙引號。

建議是先備份一支起來，再做修改，以免改錯，不知如何還原.. 。改這種 source 我總覺得怕怕的，但很成功的 warning 被趕走了 :)

結論: 不過就是要改一行 scss 而已，花了好久把環境備好..

安裝 Compass

compass簡介：

Compass 使用 Sass，而 sass 是一種 Css Preprocessor / Css Extension，
Compass & Sass 都是需要 Ruby 編譯
Compass 是一個 css 編寫 Framework (css authoring framework)
(題外話，像 Sass 這種透過編譯的方式就可以產出 Css 的 通常稱之為 CSS 預處理器(css preprocessor)，當然世界上不止 Sass，很多人也聽過 less, stylus 等等的，可以看看 8 CSS preprocessors to speed up development time)

通常大家都會 Sass 搭配 Compass 做使用，為什麼？因為 Sass 搭配 Compass 更強大，這也是為什麼很多網路上的教學都會把這兩個一起做教學。

比方說 Compass 讓我覺得最主要的功能是 @import ，比方說我們需要用到 border-shawow，會幫你寫好所有的 css 前綴，像這樣：

@import 'compass/css3/box-shadow'
h1
    @include box-shadow(3px)

而編譯後會得到的結果是：

h1 {
  -moz-box-shadow: 3px;
  -webkit-box-shadow: 3px;
  box-shadow: 3px;
}

要開始用 Compass 以及想要擁有 import, sprites 等等的功能，你必須要有可以編譯 compass 的環境，或者是一些現成的工具，以下是介紹用 CLI 安裝 Compass。
compass 有很多很神奇之處，之後再聊 :) 我歡迎有人陪我一起學習。

Setup Compass Environment

• 主旨：說明如何安裝 Compass
• 需要 Ruby環境
• 我的作業系統是 Mac
• compass 官網的 install 說明