Railsの周辺環境とか

なんかCSSのDMLでRubyで実装されたSassってのがあるらしい
今日は早速触ってみた

まずは説明とか。
SassはSyntactically Awesome StyleSheetsの略で
「かっこいい構文のスタイルシート」らしい
CodingEdgeの記事に書いてあった。

→ Coding Edge - @IT SassでCSSの弱点を克服しよう

基本文法は、

ネストで親子関係を表す
「&」が親セレクタ
「:」は後じゃなく先につける
「;」はいらない
「-」のついた属性はネストで繋げてちょっと省略可能
定数が使える
色、文字列（単位）、数字の演算が可能
グループ化して複数の場所に埋め込める（Mixins）


この辺が基本か？

使い方はRubyGemsを使って
gem install haml
でおｋ

hamlの中に入ってるのでこれでインストール可能
コマンドラインで
sass -v
って打ち込んでhamlのバージョンが出れば成功

Sassは「.sass」の拡張子で保存して、
sass input.sass output.css
でコンパイルしたらCSSが生成される

Ruby on RailsでSassを使うには、
コマンドラインで
haml --rails xxxx/xxxx/xxx/xxx
とするとSassがプラグインとしてインストールされる

config/environment.rbで一番下に
Sass::Plugin.options[:style] = :compressed
で、CSSの出力形式を指定。

出力形式はファイルサイズが大きくて可読性が高い順に
大 <- :expanded, :nested, :compact, :compressed <- 小

基本的に読むのはSass形式で十分だし、
CSSファイルは実行時にしか必要ないから:compressedでおｋ
:compressedだともはや人間が読むもんじゃないです
ファイルサイズ小さいけど

プラグインとしてインストールすると、
public/stylesheets/xxx.css
が呼ばれたときに
public/stylesheets/sass/xxx.sass
が自動でコンパイルされて、CSSファイルになる

RailsじゃなくてもMixinsや定数が使えるCSSってことで普通に優秀。
コンパイルが面倒ですがまぁそれはスクリプトでも組めばいいし