连接字符串和var less css

Question

任何人都可以告诉我如何在LESS中连接var和一个字符串,所以我们之间没有空格？

我有以下代码:

.text(@size) {
    font-size: @size + px;
    line-height: (@size / 10) + em;
}

h1 {
   .text(16)
}

LESS输出的内容如下:

h1 {
    font-size: 12 px;
    line-height: 1.2 em;
}

我需要找到一种方法来删除空格.

谢谢皮特

Answer 1

如果有任何后来者发现这个帖子:

这有一个内置函数:

unit(@dimension, [@unit: ""]);

所以font-size: unit(@size, px);应该导致font-size: 12px.我测试了它.

http://lesscss.org/#reference

Answer 2

你可以使用这样的东西:

.text(@size) {
    @lineheight: @size / 10;
    font-size: ~"@{size}px";
    line-height: ~"@{lineheight}em";
}

但是在lesscss.org上是这样的:在少于1.3.1之前(〜"@ {name}")支持选择器类型.对此的支持将在不久的将来被删除.

我认为另一种解决方法是不可能的.

Answer 3

我认为最干净的方法（没有字符串插值）是将 0px 添加到变量中，例如@size + 0px.