Sassの画像パスに変数がありますか？

CSSファイル内のすべての画像へのルートパスを含む1つの変数が必要です。純粋なSassでこれが可能かどうかはわかりません（実際のWebプロジェクトはRoRではないため、asset_pipelineやその派手なジャズは使用できません）。

これが機能しない私の例です。コンパイルすると、バックグラウンドのurlプロパティの変数の最初のインスタンスで（"Invalid CSS after "..site/background": expected ")"）と表示されます。

パスを返す関数を定義する：

//Vars
$assetPath : "/assets/images";

//Functions
@function get-path-to-assets($assetPath){
  @return $assetPath;
}

関数の使用：

body {
  margin: 0 auto;
  background: url($get-path-to-assets/site/background.jpg) repeat-x fixed 0 0;
  width: 100%; }

任意の助けいただければ幸いです。

補間構文を試しましたか？

background: url(#{$get-path-to-assets}/site/background.jpg) repeat-x fixed 0 0;

関数は必要ありません：

$assetPath : "/assets/images";

...

body {
  margin: 0 auto;
  background: url(#{$assetPath}/site/background.jpg) repeat-x fixed 0 0;
  width: 100%; }

詳細については、補間のドキュメントを参照してください。

同じ質問への答えを探していましたが、私はより良い解決策を見つけたと思います： http //blog.grayghostvisuals.com/compass/image-url/

基本的に、config.rbでイメージパスを設定でき、image-url（）ヘルパーを使用します

上記の正解に何かを追加します。私はnetbeans IDEを使用していますが、url(#{$assetPath}/site/background.jpg)この方法を使用するとエラーが表示されます。これは単なるnetbeansエラーであり、sassコンパイルのエラーではありませんでした。しかし、このエラーにより、NetBeansおよびコードでのコードのフォーマットが壊れて醜くなります。しかし、以下のように引用符の中で使用すると、不思議に見えます！

url("#{$assetPath}/site/background.jpg")

絶対パスの代わりに相対パスを使用できます。

$assetPath: '~src/assets/images/';
$logo-img: '#{$assetPath}logo.png';
@mixin logo {
  background-image: url(#{$logo-img});
}

.logo {
    max-width: 65px;
    @include logo;
 }