====== SassとCompass ======

===== 準備 =====

==== rubyのインストール ====

[[http://rubyinstaller.org/|ここ]]からダウンロードしてrubyのインストール

確認

  C:\>ruby -v
  ruby 2.0.0p451 (2014-02-24) [x64-mingw32]

==== gemの更新 ====
<code>
C:\>gem update --system
Updating rubygems-update
Fetching: rubygems-update-2.2.2.gem (100%)
Successfully installed rubygems-update-2.2.2
Parsing documentation for rubygems-update-2.2.2
......
RubyGems system software updated
</code>

==== Sassのインストール ====

Compass 0.12.4はSassの最新版で動作しません。\\
以下のようにバージョンを指定してインストールします

  gem install sass
  gem install sass --version 3.2.18

==== Compassのインストール ====

  gem install compass

==== sassのバージョン ====

Compass 0.12.4はSassの最新版で動作しません。\\
なので、Gemfileに以下のように書くことでSass 3.2.18がインストールされるはずです。((gem 'sass', '~> 3.2.18と書いても良いようです))

  gem 'compass', '~> 0.12.4'

===== 参考 =====

[[http://liginc.co.jp/designer/archives/11623|CSSの常識が変わる！「Compass」、基礎から応用まで！]]

[[http://cappee.net/coding/sublime-scss-compass-emmet|Sublime Text 2 + Sass + Compass + Emmet 最強説！導入方法と自動アップロードの設定まとめ]]

[[http://codezine.jp/article/detail/7695|CSSを効率よく記述する「Sass」の主な機能]]

[[http://codezine.jp/article/detail/7772|CSSフレームワーク「Compass」の基礎]]