ruby-on-rails - sass 内で image-url を使用して、イメージ アセット パスのハード コーディングを回避する

Question

Rails アセット パイプラインを使い始めたばかりで、フロントエンドを担当しています。パスをハードコードする必要がないように、sass ファイル内で image-url ヘルパーを使用しようとしています。

以下のSASS

.some-class
  background: image-url("image.png")

次のCSSを生成します

.some-class{
  background: url("asset/image.png");
}

image-url ヘルパーを使用して、画像パスをハードコーディングせずに次の css を生成するにはどうすればよいですか?

.some-class{
  background: url("asset/image.png") no-repeat 0 0 #fff;
}

Answer 1

あなたが使用することができます、

.some-class
  background-image: image-url("image.png")
  background-repeat: no-repeat;
  background-color: #fff;

等々。

また

 background: #fff image-url("image.png") no-repeat 0 0;

動作するはずです。