LESS で日本語の変数名を使うパッチ

CSS / Less

CSS 拡張言語 LESS で、日本語の変数名を使えたら視認性が良くなりそうだったので改造した。
最新版の LESS 1.6.0 に対するパッチも作った。

npm でインストールした node_modules/less に対して適用できる。

[path/to/node_modules]% patch -p1 < less-1.6.0-jvariable.patch

使用例

わかりやすい！

@charset "UTF-8";

@共通画像パス: "/img";
@通常文字色: #333;
@全体背景色: #fff;

body {
	color: @通常文字色;
	background: @{全体背景色} url("@{共通画像パス}/bg.jpg") repeat;
}

関連

自動化ツール Grunt から LESS を使うための grunt-contrib-less からの利用も問題ない。