This page has moved to http://stylus-lang.com/
Stylus + Nib を使ってみた Sass の Compass インスパイアードな Stylus のライブラリ Nib を使ってみました。よく使うベンダープリフィックスやグラデーション、clearfix 等の便利な mixin の詰め合わせです。インストールについてはこちら(Stylus, Nib, node-canvas をインストール)。 Stylus って何?という方は公式(LearnBoost/stylus - GitHub, Stylus - Expressive, dynamic, robust CSS)や Kyosuke hamalog (Sass と LESS 以外の選択肢 Stylus) 等をどうぞ。 この記事は Less & Sass Advent calendar 2011 に触発されて書きました。Less, Sass(, Stylus) についての面白くって為
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; } このように基本的に括弧やセミコロン、コロンなどは省略
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く