Bye Bye Moore

猫マンション建築の野望を胸に零細事業主として資本主義の荒波に漕ぎ出したアラサー男の技術メモ

slimで複数のクラスを設定する

微妙に引っかかったのでメモ

想定する出力

<a class="menu highlight"></a>

方法

ドットで繋げる

単純にクラスを繋げるだけならこれで十分でしょう

a.menu.highlight

後ろにもう一個classをつける

a.menu class="highlight"

配列を渡す

a class=["menu","highlight"]

ハッシュとして渡す

ハッシュを渡す場合は*をつけます
これはクラスに限らないので色々な属性も設定可能です。

a.menu *{:class => [:highlight]}

まとめ

配列だのハッシュだのを渡せるので、スクリプト言語を書く感覚で記述できます。
<% ~ %>のような意味不明なタグも不要なので、気軽にデータを作って再利用できます。