昨日のエントリの続きになります。
やっぱりcompassも使いたいということで、こっそりと入れてみました。
compassはsassのfunctionやmixinなどが便利につまったフレームワークですね。
rails3.0.5のプロジェクトで使用します。
#{RAILS _ROOT}はrailsのアプリケーションルートに適宜読み替えてください。
まずは #{RAILS _ROOT}/app/assets/stylesheets下に環境を作ってみたいと思います。
まずはGemfileにgem ‘compass’を追記して bundle install
compassはsassに依存しているので、昨日のGemfileに記述したsassの行を削除してもいいかもしれません。
compassの環境を作ります。
|
|
コンソールに色々ファイルが出来たと思います。
デフォルトのファイル達は使わないので消しちゃいます。
|
|
config.rbを開いて修正します。
|
|
sass _dirがコンパイル対象のscssが置かれているパス。
css _dirがコンパイル後のcssの出力先ですね。
変更を監視して自動で変換してくれるようにコンソール上でwatchスタートします。
|
|
#{RAILS _ROOT}/app/assets/stylesheets/test.scssを作成してみます。
|
|
#{RAILS _ROOT}/public/stylesheets/test.cssを開いてみます。
|
|
できてます。
これでこっそりcompassが使えますね!
compassのリファレンスは公式を参照です。
http://compass-style.org/
※2013年1月23日追記
css
spriteの機能が使えない指定だったので、config.rb以下二つを直しました。
|
|
css spriteを使う場合には。
images _dirはどこにimagesがあるかを相対パスで指定し、generated _images _dirはどこに結合した画像を吐き出すかの指定です。