LESS CSS - 无法划分两个像素单位并返回无单位值

Question

我想（暂时）删除变量 @baseLineHeight 和 @baseFontSize 的单位，以便我可以将它们除以得到相对行高。这是我尝试过的：

@baseFontSize: 12px;
@baseLineHeight: 18px;
font: @baseFontSize~"/"@baseLineHeight/@baseFontSize sans-serif;

生成以下错误：

Object #<Object> has no method 'toCSS' (Less::ParseError)

首选输出：

font: 12px/1.5 sans-serif;

Answer 1

同时似乎有一个函数可以做到这一点：
http://lesscss.org/functions/#misc-functions-unit

这里评论中的代码，只是为了完整性。 （感谢 cfx）。

font: @baseFontSize~"/"unit(@baseLineHeight/@baseFontSize) sans-serif;

Answer 2

我错过了文档中有关 JavaScript 评估的部分。这似乎解决了我的问题：

font: @baseFontSize~"/"`parseInt("@{baseLineHeight}") / parseInt("@{baseFontSize}")` sans-serif;

Answer 3

其他答案似乎并没有实际作用。

根据 LESS 文档，unit() 函数 将删除或更改维度的单位。由于该函数仅接受单个维度作为参数（以及可选参数），因此您将使用以下内容：

unit((@baseLineHeight/@baseFontSize))

因为 严格数学，您会注意到上面的行可能需要用括号括起来，以便实际计算数学。

@baseFontSize: 12px;
@baseLineHeight: 18px;

p {
  font: @baseFontSize ~"/" unit((@baseLineHeight/@baseFontSize)) sans-serif;
}

上面的 LESS 将输出以下所需的结果：

p {
  font: 12px / 1.5 sans-serif;
}