在LESS中如何在字符串中使用函数

Question

我搜索了文档和SO，但无法找到我的问题的答案。在LESS中将函数的结果包含在字符串中的正确方法是什么？

例如，我定义了一个变量，并想要让它变浅以用于阴影效果。以下是我想要做的事情：

.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px lighten(@green, 10%)");

显然，这种方法不可行。那么在不定义特定变量 lighten(@green, 10%) 的情况下，正确的实现方式是什么？

- BenM

Answer 1

把它放在字符串外面应该就可以工作了。

@green: #0f0;
.box-shadow(@def) { box-shadow: @def; }

p {
  .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px" lighten(@green, 10%)) 
}

编译成

p {
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px #33ff33;
}

- Nick