我想要一个变量,该变量包含CSS文件中所有图像的根路径。我不太确定这是否可以在纯Sass中实现(实际的Web项目不是RoR,因此不能使用asset_pipeline或任何花哨的爵士乐)。
这是我的示例不起作用。在编译时,它会在后台url属性中使用("Invalid CSS after "..site/background": expected ")")的变量的第一个实例中执行操作。
"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;