我不确定这是否可以通过mixin特别实现,但是嘿,这就是我在这里的原因。
我最近转换为sass,而且我正在开发一个路径很长的网站。例如“http://mysite.com/sites/mysite.com/themes/mytheme/images ...
如果我正在尝试向类中添加背景图像,则必须输入或复制并粘贴此长路径名会变得乏味。所以我真的希望有一种方法可以创建一个mixin,或者其他一些sass善良,这样我就可以做类似下面的事情;
.class_name {
background: url(image_folder('image_name.png'));
}
这不仅节省了我很多时间,而且我正在处理的网站有多个图像文件夹位置,所以如果我可以设置一些不同的文件夹位置,那就太棒了。
正如我所提到的,我对sass很新,所以我不知道从哪里开始
答案 0 :(得分:0)
随着对sass的更多研究,我遇到了Interpolation,它提供了我正在寻找的确切功能。
我现在正在使用它:
$image_folder: "http://mysite.com/sites/mysite.com/themes/mytheme/images";
.class_name {
background: url(#{$image_folder}/'image_name.png');
}