JavaScriptベースのCSS preprocessorであるAbsurdJS を試してみる

2013-10-24

JavaScriptやJSONでCSSを書ける、というよりもCSS Preprocessorに近い感じのJSライブラリ AbsurdJS を試してみた。

AbsurdJSはサーバー、クライアントの両方で使用できる。
ビルドツールとしてGrunt-absurdが提供されているのでこれを使って試してみる。

Gruntの設定する。以下のようにした。

最終的に１つのファイルにまとめるためにコンパイルが必要とのことなので、import.jsというファイルをmanifestにした。

インポートの順序はcssと同じく、overwriteされるので重要。

ノーマル

ネスト記述もほかのpreprocessorと同じく利用可能

mixinににているけど、property - value のペアを定義

ほかのCSS preprocessorと遜色なく利用できそう。
まだ、複数の条件が合致するとそのままObjectが出力されたりするところもあるるみたいだけど、JavaScript(node)のみで使えるので、クライアント、サーバー両方で柔軟に使えるのでいいですね。