目次

SassとCompass

準備

rubyのインストール

ここからダウンロードしてrubyのインストール

確認

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

gemの更新

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

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がインストールされるはずです。1)

gem 'compass', '~> 0.12.4'

参考

CSSの常識が変わる!「Compass」、基礎から応用まで!

Sublime Text 2 + Sass + Compass + Emmet 最強説!導入方法と自動アップロードの設定まとめ

CSSを効率よく記述する「Sass」の主な機能

CSSフレームワーク「Compass」の基礎

1)
gem 'sass', '~> 3.2.18と書いても良いようです