如何使用LessHat变量的URL？

Question

我试着做一个这样的混合器：

.bgMixer(@image) {
  .gradient(~"url('@{image}') no-repeat center bottom, linear-gradient(0deg, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.7) 60%,rgba(0,0,0,0) 100%)");
}

(.gradient是LessHat的混合器)

结果不是你所期望的那样(没有图像)

这是我的Codepen，您可以在那里尝试修复它。

Answer 1

注意，LessHat的.gradient是通过background-image属性实现的，因此不能在那里使用no-repeat center bottom。您需要通过相应的属性(backround-postion等)来设置这些值。