railsにBootswatchを導入

色々とはまってしまったので、メモっておきます。

Bootswatchとはtwtterbootstrapのテンプレートで、デフォルトで使用するとbootstrap使ってる！って一発でバレてしまうので、今回はBootswatchを導入します。

gemなどもあるらしいのですが、今回はlessをどうしても使用したかったので、自力で入れることにしました。（twitter-bootstrap-railsを導入していたという事情もあります。）

手順は以下のサイトを参考にしております。
（というかまんまですね・・・）
http://bobonrails.com/post/29340795516/customizing-twitter-bootstrap-on-rails-3

1. app/assets/stylesheetsにbootswatchという名称でディレクトリを追加します。

2. http://bootswatch.com/ からBootswatchを拾ってきます。
variables.lessとbootswatch.lessをDLしてください。

3. 先ほど作ったbootswatchディレクトリに入れます。

4. bootstrap_and_overrides にファイルをインポートさせます。
（もちろんbootstrapを読み込んだあとです。）

@import "./bootswatch/variables";
@import "./bootswatch/bootswatch";

5. application.cssを変更します。
require_treeはstylesheet以下のlessファイル全てをコンパイルしてしまうので、「bootstrap_and_overrides」だけコンパイルするようにします。

*= require_tree .
↓
*= require "bootstrap_and_overrides"

以上！