Twitter Bootstrap便利ですよねー 細かいところいちいち調整しなくて済む (:hoverとか)
色の変更や大雑把な要素の変更程度なら公式のCustomize variablesや他のGenerator(StyleBootstrap.info)でも十分だが、それ以上の細かいカスタマイズはできない。結局自分でCSSいじるしかない。
しかしBootstrapはOOCSS(Object-Oriented CSS)な記述がされているので、1ヶ所変更するために、複数個所を書き換える必要があったり、はてしなく面倒くさい。(参考)
まぁ要素ごとに独自クラス作成して上書きしてもいいんですが、OOCSSの考えからは離れてしまう。
そこでCSS拡張メタ言語。LESSとかSCSS(Sass)が有名である。SCSSはRuby, LESSはJavascriptで利用できるようだ。Rubyは使ったことがないので Ruby on Railsの構築から始めないといけない。今はその時ではない…。
参考：CSS拡張メタ言語「SCSS(Sass)」と「LESS」の比較 – (DxD)∞
Twitter BootstrapもLESSによって構築されているようなので今回はLESSを利用してみた。なのでメモ書きを残してみる