我正在尝试为 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 中。
输入代码:
transform: ~"@{type}(@{value})";
或
transform: e("@{type}(@{value})");
Mixin 调用:
.transform(rotateY;360deg);
输出 CSS:
transform: rotateY(360deg);
关于css - LESS mixin - 不带引号的输出值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19614621/