StylusはCSSコードのプリプロセッサであり、テキストエディタでの作業をより簡単に行えるようにします。以下では、私がそう述べる理由を説明します。
これは私たちが知っているスタイルシートです：
body {font：12px Helvetica、Arial、sans-serif; } a.button {-webkit-border-radius：5px; -moz-border-radius：5px; border-radius：5px; }
そして、これはStylusで作成した同じスタイルシートです。
ボディフォント12pxHelvetica、Arial、sans-serif a.button -webkit-border-radius 5px -moz-border-radius 5px border-radius 5px
鍵はどこだ？セミコロンとコロンはどこへ行った？消え去った。スタイラスがそれをやってくれる。
CSSとHTMLを始めたばかりの方には、 Stylusの使用はおすすめしません。なぜなら、実際の仕組みを忘れてしまう可能性があるからです。しかし、この分野にある程度経験があり、コードを書く手間を省きたいのであれば、ぜひ使ってみてください。
Pythonプログラマーは、 Stylusを使い慣れた環境と非常によく似ていることに気づくでしょう。なぜなら、正しくインデントするだけで魔法のようなことが起こるからです。
インストール
Stylusを動作させるには、 CommunityブランチにあるNode.jsをインストールする必要があります。それでは、その手順を進めましょう。
$ sudo pacman -S nodejs
その後、Stylusをインストールします。 従来の方法は次のとおりです。
$ npm install -g stylus
正常にインストールされますが、私には機能しないため、AURからインストールする方がはるかに簡単です。
$ yaourt -S nodejs-stylus
スタイラスの使い方
さて、Node.jsとStylusをインストールしました。では、どのように使うのでしょうか？簡単です。例えば、次のようなファイルを含むディレクトリがあるとしましょう。
--dir --index.html --style.css
まず必要なのは、作業対象となるstyle.stylファイルを作成することです。そのファイルには、次のような内容を記述できます。
本体の背景-色#ffffフォント-サイズ12pxa。ボタンの色赤のパディング10px
保存したり変更を加えたりしても、何も起こりません。なぜなら、ファイルを「コンパイル」していないからです。コンパイルするには、ディレクトリ（style.stylファイルがある場所）でターミナルを開き、次のコマンドを実行します。
stylus -c style.styl
しかし、 style.stylファイルを保存するたびにコードを実行する必要がありましたが、幸いなことに、同じコマンドに-w (watch) パラメータを追加すると、次のようになります。
スタイラス-c-wstyle.stylウォッチング/usr/lib/node_modules/stylus/lib/functions/index.stylコンパイル済みstyle.cssウォッチングstyle.stylコンパイル済みstyle.cssコンパイル済みstyle.css
言い換えれば、ファイルは自動的にコンパイルされます..結果はどうなるでしょうか？
body {background-color：#fff; font-size：12px} a.button {color：＃f00; padding：10px}
ご覧のとおり、CSSコードを生成するだけでなく、不要なスペースも削除してくれるので、スタイルシートのサイズが軽くなります。
それだけでなく、Stylusを使えばCSSファイルを独自の形式に変換でき、その構文の使い方も非常に多岐にわたります。これはほんの一例にすぎません。ですから、もし興味があれば、ぜひStylusについてもっと詳しく調べてみてください。