Haml <<　◎　>> Ruby on Rails 入門(1)

旧サイト、WebSamplesからの移設記事です。

Sass

更新日時　2011-09-17　02:44:51+09:00

簡単スタイルシート　Sass

Railsのスタイルシートとして使用でき、単独のCSSも生成可能なHamlのCSS版。
Hamlと一緒にGemsで提供されている。
HamlをインストールするとSassも同時にインストールされている。

参考リンク→SassでCSSの弱点を克服しよう

HamlをRails用プラグインとして登録すると、SassをRailsの機能として利用できる。

インデントによってセレクタやプロパティを関連のあるブロックごとに表記できるため、視認性が非常によい。
表記の簡略化もインデントによって行われている。

表記が比較的わかりやすいことも魅力だが、プログラマー的に見ると定数が使えたり、演算できるというのは嬉しい。
定数が使えれば複数箇所の共通する数値の変更を一カ所で行える。
色も演算できるので、演算によって簡単なグラデーションを作ったり、演算による色変化も行え、一つのスタイルシートから簡単なバリエーション変化を持たせたスタイルシートが作れる。