Stylus入門 StylusはSASSやLESSのようなCSSメタ言語。某所で話題にあがったのでどんなことができるのか一通り触ってみました。 実行環境ですが通常はnode.jsなどのインストールが必要です。私の場合、CodeKitを利用しているので特になにもインストールせずに利用できました。 stylus用のファイルをstylus/○○.stylとして保存すると、css/○○.cssと書き出されます。それではざっくりと基本機能の紹介します。 Selectors(セレクタ) stylusはPythonようにインデントベースの記述を行います。 .hoge color blue font-weight bold と記述すると以下のようなCSSが出力されます。 .hoge { color: #00f; font-weight: bold; } このように基本的に括弧やセミコロン、コロンなどは省略
![Stylus入門](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)