将SASS变量传递给图像URL

Question

我正在使用以下CSS代码在开发期间在我的网站上生成基线背景：

html { 
    background-image: url(http://basehold.it/i/24/777777);
}

我想将$base-line-height的SASS变量传递到URL中，所以它的工作原理如下：

html { 
    background-image: url(http://basehold.it/i/$base-line-height/777777);
}

但是我在编译时遇到错误。有没有办法可以做到这一点？

由于

麦克

Answer 1

使用Interpolation：

html { 
    background-image: url(http://basehold.it/i/#{$base-line-height}/777777);
}

Answer 2

您可以使用单引号或双引号：

html { 
    background-image: url('http://basehold.it/i/'+$base-line-height+'/777777');
}