emberfeather/less.js-middleware

CCS3 - Calc (100% - 80px) translates to Calc(100% - 80%) with less

mikedavies-dev opened this issue · 1 comments

I'm trying to use the new calc method in CSS3 to subtract a number of pixels from the 100% height:

height: -webkit-calc(100% - 80px);
height: -moz-calc(100% - 80px);
height: calc(100% - 80px);

The less compiler attempts to evaluate this expression and generates:

height: -webkit-calc(20%);
height: -moz-calc(20%);
height: calc(20%);

Is there a way to disable this for that specific function or can this be fixed somehow?

Thanks

This isn't something to do with less-middleware, it's something to do with less itself. There is a way to do it, though I forget exactly how. Either way, though, this isn't a less-middleware issue so it'd be better to find a forum or something for less. I'd recommend checking stack overflow. ... for example, a very quick google search revealed this: http://stackoverflow.com/questions/17904088/disable-less-css-overwriting-calc