「 メモ 」一覧

Windows環境下でのbootstrap less編集とCSS出力

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を利用してみた。なのでメモ書きを残してみる

続きを読む

スポンサーリンク
レクタングル大 広告