IT業界のすみっこ暮らし

ふと気がついたときの記録

css2less.net:CSSをLESSに変換

CSS to LESS

既存のCSSをLESSに移行する必要があったのでCSS⇒LESS変換ツールを使いました。 www.css2less.net

元のCSSの書き方に問題がなければ、LESS変換後、そのままコンパイル出来ます。

css2less.netの特徴

CSS内の色とフォント設定、背景色を最初に変数として宣言してくれます。
変数の宣言はこんな感じです。

@color_1: #fff;
@color_2: #000;
@font_family_1: arial, helvetica, sans-serif;
@background_color_1: #ffaa00;
@background_color_2: #666;

~以下、CSSをLESSに変換~

その他のツール

beautifytools.com CSSからLESSへの変換可能。
css2less.netみたいに変数の宣言はしてくれません。