Firefox: calc() valore di proprietà non valida

Question

Ho un elemento con una line-height set con calc():

line-height: calc(3rem/2); 

Demo: http://codepen.io/Ghodmode/pen/vLxZZd

Funziona bene in Chrome, ma Developer Tools di Firefox afferma che è un valore di proprietà non valido.

Sono sicuro che mi manca qualcosa che dovrebbe essere ovvio.

Solo per riferimento:

• https://developer.mozilla.org/en/docs/Web/CSS/calc
• http://caniuse.com/#search=calc

Grazie.

Answer 1

Questo è un problema noto. Firefox attualmente non supporta i valori calc() su proprietà che accettano sia lunghezze che numeri, di cui line-height è una proprietà di questo tipo. Vedi bug 594933.

Poiché 3rem/2 è esattamente 1.5rem, è possibile impostare semplicemente l'hardcode come soluzione alternativa.