どうも、中島です(嘘 この記事は CSS Preprocessor Advent Calendar 2012 の 6 日目として書かせていただきました。 CSS Preprocessor については詳しくありませんが、最近 Node を触ってる関係で Stylus に興味を持ち始めました。LESS や Sass が賑わっているそんな中でも「俺は人と違うことがしたい」的な天邪鬼な人もいるかと思います。 そんなアマノジャカーにお届けしますのが今回の記事。 Stylus を導入してみよう 導入方法はいくつかあります。 1. Codekit, LiveReload などのツールを使う Sass なら他に Scout, Compass.app など、LESS なら crunch, SimpLESS なんかがあるようですね。もしかすると Codekit、LiveReload 以外にもイカしたツールがあ
前回のつづき。Node.js(Express)で使えるSassは、1つ前の旧型のSassシンタックスで、現在最新のバージョン3形式での記述が出来なかったという話。これを改善する情報をいろいろ探し回った末、Stylusという新しいCSSテンプレートに出会ったぁ(ウルルン風に) 旧型Sass問題 Sassは、現在最新版のバージョン3でのシンタックスと、それ以前のシンタックスで微妙に書き方が違う。さらに、バージョン3からはSCSS形式も導入されたので、結構ややこしい。expressコマンドの-cオプションを使って、Sassを指定した場合に自動生成されるstyle.sassはこんな感じ。これは旧型のSassシンタックス。 body :padding 50px :font 14px "Lucida Grande", Helvetica, Arial, sans-serif a :color #00B
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く