Sass的图像路径中有变量吗？

Question

我想要一个变量，该变量包含CSS文件中所有图像的根路径。我不太确定这是否可以在纯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%; }

任何帮助，将不胜感激。

Answer 1

您是否尝试过插值语法？

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