More than 5 years have passed since last update.

scss内でimageを参照したいとき

Posted at 2012-02-29

background-imageで画像を参照したいとき、sass-railsが提供するヘルパーを使うと簡単に書ける。

app/assets/stylesheets/application.css.scss

span.naoty {
  background-image: image-url("naoty.png") //=> url(/assets/naoty.png)
  // or backgroud-image: url(image-path("naoty.png"))
}