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