css – 使用LESS字符串内的函数

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

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

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

显然这不起作用.如果没有为减轻特定变量定义(@green,10％),实现此目的的正确方法是什么？

最佳答案

它应该只是把它放在字符串之外.

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

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

编译成

p {
  Box-shadow: inset 0 1px 1px rgba(0,0 0 2px #33ff33;
}