LESS CSS - Nie można podzielić dwie jednostki pixel i zwracają wartość jednostkową mniej

Question

Chciałbym (tymczasowo) usuwać jednostki moich zmiennych @baseLineHeight i @baseFontSize, tak, że mogę podzielić je, aby uzyskać względną line-height . To co próbowałem:

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

generuje następujący błąd:

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

Preferowany wyjściowego:

font: 12px/1.5 sans-serif; 

Answer 1

Tymczasem wydaje się, że funkcja: http://lesscss.org/functions/#misc-functions-unit

Oto kod z komentarzem, po prostu dla kompletności. (dzięki cfx).

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

Answer 2

brakowało mi część dokumentacji dotyczącej oceny JavaScript. To wydaje się rozwiązać mój problem:

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

Answer 3

Inne odpowiedzi wydają się nie działać.

Zgodnie z LESS documentation, unit() function usunie lub zmieni jednostkę wymiaru. Ponieważ funkcja przyjmuje tylko jeden wymiar jako parametr (a opcjonalnym parametru), należy użyć następujących:

unit((@baseLineHeight/@baseFontSize)) 

powodu strict math, można zauważyć, że linia powyżej may konieczności być owinięte w nawias, tak aby matematyka była faktycznie oceniana.

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

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

słabiej powyżej wyjściem będzie następujące, pożądane rezultaty:

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