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

前端之家收集整理的这篇文章主要介绍了css – 使用LESS字符串内的函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

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

最佳答案
它应该只是把它放在字符串之外.

  1. @green: #0f0;
  2. .Box-shadow(@def) { Box-shadow: @def; }
  3. p {
  4. .Box-shadow(~"inset 0 1px 1px rgba(0,0 0 2px" lighten(@green,10%))
  5. }

编译成

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

猜你在找的CSS相关文章