最近はslimを押してますが、haml中のsassフィルタでインターポレーションを行う方法のメモです。

sassフィルタってのはこんなやつです。

haml>>
head
%style{type="text/css"}
:sass
body
background: #FFF
<<--

インターポレーションには#{ }を使いますが、これがhamlの記法とバッティングしてるので#をエスケープする必要があります。

haml>>
head
%style{type="text/css"}
:sass
@mixin opacity($a)
$A: $a * 100
opacity: $a
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#{'#'}{$A})"
filter: alpha(opacity=$A)
<<--

こんな感じです。

SCSSよりSASSが好きです。
時々SCSSのことをSASSと呼んでるものがあって紛らわしいですね。

Rails 3.1では config/application.rb に

ruby>>
config.sass.preferred_syntax = :sass
<<--

と記述すれば SASS をデフォルトで使ってくれるようです。

Let's prefer the SASS :)

SassをSinatraで使うときに、グローバルオプションとして
テンプレートファイルの場所を指定する場合、

ruby>>
set :sass, :load_paths => '/path/to/templates'
<<--

という感じに指定すると思っていたのですが、いつの間にか

ruby>>
set :sass, :views => '/path/to/templates'
<<--

と指定しないと認識しないようになっていた。

SinatraがテンプレートエンジンとしてTileを採用あたりから変わったのかもしれない。

Sassを使うようになって、属性とタグの区別がつきにくいなと感じていたので、シンタックスハイライトをする方法を探してみました。

• sass.vim

これを使うと、こんな感じになります。

だいぶ見やすくなりました。