LESS, compile issues

Question

I'm using Visual Studio 2012 and Web Essential 2012 and Less generates the css not as, as expected

//style.less

 .selector{
     max-height: calc(100vh - 200px)
 }

In the style.css it's generates something like this

//style.css
.selector{
      max-height: calc(-100vh);
}

Any ideas?

Possible duplicate of [Less Aggressive Compilation with CSS3 calc](http://stackoverflow.com/questions/11972084/less-aggressive-compilation-with-css3-calc) — Harry, Feb 08 '16 at 13:36
your answer also duplicated [link](http://stackoverflow.com/questions/17904088/disable-less-css-overwriting-calc) — Ruben.sar, Feb 08 '16 at 14:44
You can check the dates to see which is a duplicate of which. That comment to which you linked says that the thread you linked is a dupe of the one I linked. — Harry, Feb 08 '16 at 14:46

score 0 · Answer 1 · edited May 23 '17 at 12:32

0

You have to use "escape" function as suggested in this answer to a similar question.

.selector{
     max-height: calc(100vh ~"-" 200px);
}

edited May 23 '17 at 12:32

Community

answered Feb 09 '16 at 08:26

Luca Detomi

1 Answers1