less - sass の静的イメージ パス

Question

以下では、いつでもこれを行うことができます。画像パスの変数を作成すると、背景 URL に画像パスを挿入できます。SASSでこれを作成するにはどうすればよいですか?

@static-path:           "../../static";
background: url("@{static-path}/img/bg-header.jpg") repeat-x left bottom;

Answer 1

In SASS we define variables with $.

So define variable called path $img_path: "../../static";.

次に、補間と呼ばれるものを使用します（sass docs）：

background: url("#{static-path}/img/bg-header.jpg") repeat-x left bottom;

プロジェクトで COMPASS を使用している場合、COMPASS 構成ファイルからイメージ パスを取得する url() の代わりに image-url() を使用できます。