LESS mixin for＆＃34; Calc＆＃34;值

Question

我想写一个轻松的mixin来轻松插入calc值

.calc-mixin(@property, @operation)     
{
  @{property}: -webkit-calc(@operation);
  @{property}:    -moz-calc(@operation);
  @{property}:         calc(@operation);
}

.a {
  .calc-mixin(width,'100% + 2px');
}

这不是一个有效的CSS，因为它的输出是：

.a {
  width: -webkit-calc('100% + 2px');
  width: -moz-calc('100% + 2px');
  width: calc('100% + 2px');
}

请，如何删除＆＃34; ''＆＃34;最终输出中的字符？

Answer 1

您可以使用CSS escape这样的功能：

@{property}: calc(e(@operation));