创建默认文件夹位置以便快速参考...使用mixins?

时间:2013-05-17 10:30:37

标签: sass mixins

我不确定这是否可以通过mixin特别实现,但是嘿,这就是我在这里的原因。

我最近转换为sass,而且我正在开发一个路径很长的网站。例如“http://mysite.com/sites/mysite.com/themes/mytheme/images ...

如果我正在尝试向类中添加背景图像,则必须输入或复制并粘贴此长路径名会变得乏味。所以我真的希望有一种方法可以创建一个mixin,或者其他一些sass善良,这样我就可以做类似下面的事情;

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

这不仅节省了我很多时间,而且我正在处理的网站有多个图像文件夹位置,所以如果我可以设置一些不同的文件夹位置,那就太棒了。

正如我所提到的,我对sass很新,所以我不知道从哪里开始

1 个答案:

答案 0 :(得分:0)

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

我现在正在使用它:

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