我想要一个包含我 CSS 文件中所有图像的根路径的变量。我不太清楚这在纯 Sass 中是否可行(实际的 Web 元素不是 RoR,所以不能使用 asset_pipeline 或任何花哨的爵士乐)。
这是我的例子,但它不起作用。在编译时,它在背景 url 属性中的变量的第一个实例中犹豫不决,说(““..site/background”之后的无效 CSS:预期的“)”
)。
定义返回路径的函数:
//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%; }
如有任何帮助,我们将不胜感激。
最佳答案
您尝试过 Interpolation 吗?语法?
background: url(#{$get-path-to-assets}/site/background.jpg) repeat-x fixed 0 0;
关于css - Sass 中的图像路径有变量吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8608498/