在LESS中使用字符串内的函数

Question

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

例如，我已经定义了一个变量，并想为一个盒子阴影减轻它。例如，这就是我想做的事情：

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

显然这不起作用。在没有为lighten(@green, 10%)定义特定变量的情况下，实现此目的的正确方法是什么？

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;
}