MENO CSS - Impossibile dividere due unità pixel e restituire un valore unitario-less

Question

mi piacerebbe (temporaneamente) rimuovere le unità delle mie variabili @baseLineHeight e @baseFontSize, in modo che possa dividerli per ottenere un parente line-height . Questo è quello che ho provato:

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

genera il seguente errore:

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

uscita preferita:

font: 12px/1.5 sans-serif; 

Answer 1

Nel frattempo sembra che ci sia una funzione per quel: http://lesscss.org/functions/#misc-functions-unit

Ecco il codice dal commento, solo per completezza. (grazie a cfx).

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

Answer 2

ho perso la parte della documentazione per quanto riguarda la valutazione JavaScript. Questo sembra risolvere il mio problema:

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

Answer 3

Le altre risposte sembrano non funzionare.

In base allo LESS documentation, lo unit() function rimuove o modifica l'unità di una quota. Dal momento che la funzione accetta solo una sola dimensione come parametro (e un parametro opzionale), si può usare il seguente:

unit((@baseLineHeight/@baseFontSize)) 

A causa di strict math, si noterà che la linea sopra può bisogno di essere racchiuso tra parentesi in modo che la matematica sia effettivamente valutata.

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

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

meno al di sopra di uscita volontà, i seguenti risultati desiderati:

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