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
#268 Sass Basics - RailsCasts
body { margin: 0; padding: 0; background-color: #FFF; font-family: verdana; font-size: 14px; } #header { background-color: #03507B; color: #FFF; padding: 4px 100px; border-bottom: solid 5px #00395A; } #header h1 { font-size: 30px; } a { color: #03507B; text-decoration: none; } a:hover { text-decoration: underline; } .new_project { background-color: #03507B; color: #FFF; padding: 5px 12px; margin:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
