• 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30

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

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

   1  head
   2    %style{type="text/css"}
   3      :sass
   4        body
   5          background: #FFF

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

   1  head
   2    %style{type="text/css"}
   3      :sass
   4        @mixin opacity($a)
   5          $A: $a * 100
   6          opacity: $a
   7          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#{'#'}{$A})"
   8          filter: alpha(opacity=$A)

こんな感じです。

posted by Png genki on Fri 30 Nov 2012 at 22:54

Comments:

or Preview
Social Bookmarks
  • Delicious
  • B_entry2306
  • Clip_16_12_w
Services from s21g
twpro(ツイプロ)
Twitterプロフィールを快適検索
地価2009
土地の値段を調べてみよう
MyRestaurant
自分だけのレストラン手帳
Formula
ブログに数式を埋め込める数式コミュニティ