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

前端之家收集整理的这篇文章主要介绍了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;
}
原文链接:https://www.f2er.com/css/427141.html

猜你在找的CSS相关文章