LESSでフロントエンド開発

lesscss.org

less.jsはクライアントサイドでも実行可能。

・javascriptで変数を変更

less.modifyVars({
    '@buttonFace': '#5B83AD',
    '@buttonText': '#D9EEF2'
});

配色を決めるような仕組みを作れそうな気がする。
ただ、変数の値をセットできるだけで、セレクターの追加等はできないみたい。

・インライン記述

<style type="text/less">
    @color: green; 

    #header{ color: @color; }
</style>

less形式で、インライン記述は使わないか。。。

・コメント

// .....

この形式でコメントを記述すると、CSSへのコンパイル時に削除される。

この形式のコメントは残る

/* ..... */