LESS mixin - 输出不带引号的值答案

【问题标题】：LESS mixin - Output values without quotesLESS mixin - 输出不带引号的值
【发布时间】：2013-10-27 04:26:40
【问题描述】：

我正在尝试为 CSS 转换编写具有多个输入参数值的 LESS 混合。输入值是要完成的转换类型以及与转换关联的值。

例如，考虑下面给出的代码：

.transform(@type; @value){
}

如果我输入type='rotateY' 和value='360deg'，输出应该是transform: rotateY(360deg)。我已经尝试了以下选项，但它们似乎都没有工作（输出作为评论提到）。

transform: "@{type}(@{value})"; /* Output: "rotateY(360deg)" */
transform: @{type}(@{value}); /* Output: Compiler error */
transform: @type(@value); /* Output: rotateY 360deg */

我应该如何编码以获得所需的输出？请帮忙。

注意：mixin 代码还有很多其他项目，我只发布了需要修复的行。

【问题讨论】：

标签： css less

【解决方案1】：

只需使用~ 转义字符串，如下所示。这样做可以确保引号不会打印在输出 CSS 中。

输入代码：

transform: ~"@{type}(@{value})";

或

transform: e("@{type}(@{value})");

混音调用：

.transform(rotateY;360deg);

输出 CSS：

transform: rotateY(360deg);

【讨论】：

谢谢你，哈利。做到了:)