sass - 创建默认文件夹位置以供快速参考...使用 mixins？

Question

我不确定这是否可以通过 mixins 来实现，但是嘿，这就是我在这里的原因。

我是最近转换为 sass 的人，我正在一个路径名称很长的网站上工作。例如' http://mysite.com/sites/mysite.com/themes/mytheme/images ...'

如果我试图将背景图像添加到类中，则必须键入或复制并粘贴这个长路径名可能会变得乏味。所以我真的希望有一种方法可以创建一个 mixin，或者一些其他的 sass goodness，可以让我做如下的事情；

.class_name {
    background: url(image_folder('image_name.png'));
}

这不仅可以为我节省大量时间，而且我正在处理的网站有多个图像文件夹位置，所以如果我可以设置几个不同的文件夹位置，那就太好了。

正如我提到的，我对 sass 很陌生，所以我不知道从哪里开始

Answer 1

通过对 sass 的更多研究，我遇到了Interpolation，它提供了我正在寻找的确切功能。

我现在这样使用它：

$image_folder: "http://mysite.com/sites/mysite.com/themes/mytheme/images";
.class_name {
    background: url(#{$image_folder}/'image_name.png');
}