Beibehaltung von Leerzeichen in LESS, die für calc-Operanden in CSS3 maskiert werden
Ich möchte das folgende CSS in LESS ausdrücken:
.a {
min-height: calc(2em + 4px);
}
Um zu verhindern, dass LESS eine Berechnung durchführt, habe ich den Ausdruck mit LESS geschriebenSyntax zu entkommen:
.a {
min-height: ~'calc(2em + 4px)';
}
Die Minimierungs-Engine von LESS entfernt jedoch die Leerzeichen und gibt Folgendes aus:
.a{min-height:calc(2em+4px);}
Dies ist problematisch, da das Webkit nicht ordnungsgemäß berechnet werden kann2em+4px
, wohingegen2em_+_4px
Funktioniert einwandfrei (zur Verdeutlichung wurden Unterstriche hinzugefügt). Es scheint, dass der eigentliche Fehler hier im Webkit liegt, da ich hoffe, dass die Syntax von CSS3 calc keine Leerzeichen zwischen den Token zulässt.