[B! sass] myokoymのブックマーク

[sass][scss][css][Rails3] SassでCSSをシンプルに - プログラマ憧れプログラマ日記

はじめに Railsは3.1からSassがサポートされました。今回はSassに加えて、Sassからの派生であるSCSSについて簡単にまとめてみます。 SassとSCSS Sass - Syntactically Awesome Stylesheets http://sass-lang.com/ Sassは元々Hamlと供に開発されてきた経緯があって、スペース2つでネストしたり、文末のセミコロンが不要となっています。一方、SCSSはCSSのシンタックスを活かしたまま、Sassの機能を再実装したもの。CSSシンタックスに近いので学習コストが少なくてすみそう。このサイトがよくまとまっていて、分かりやすいです。 Sass、そしてSassy CSS (SCSS) http://hail2u.net/documents/sass-and-sassy-css.html どうやらSassとSCSSはシ

myokoym 2012/05/26

リンク

Rails3.1 Sass(SCSS)を使ってみたメモ - 130単位

Sass: Syntactically Awesome Style Sheets SassはCSSを簡潔かつ柔軟に記述するための記法で、SCSSはその派生でCSSとの互換性もある新しめな記法です。ともにセレクタをネストして記述できることがわかりやすい特徴のひとつです。ソースを追ったわけではないので細かい動作まではわかりませんが、処理の流れや嵌りポイントなどはある程度把握できたのでそのメモです。環境 Mac OS X 10.6.7 Ruby 1.9.2p290 Rails 3.1.0.rc5 Pow 0.3.1 sass 3.1.5 sass-rails 3.1.0.rc5 RailsでのSassコンパイルの仕組み app/views/layouts/application.html.erb <%= stylesheet_link_tag "application" %> app/ass