Css expressions dont compile right with grunt

1

Hi everybody,

I´m experiencing a problem when compiling my css. I have a css calc but it get compiled wrong on the final css file. The css is:

#slideshow{
   position: relative;
   width: 100%;
   height: 90%;
   height: ~"-webkit-calc(100% - 110px)";
   height: ~"-moz-calc(100% - 110px)";
   height: ~"-o-calc(100% - 110px)";
   height: ~"calc(100% - 110px)";

   background-color: #ff6600;
}

as you can see, I tried to escape the expression, but it still get calculated. the compiled css looks like this:

#slideshow {
position: relative;
width: 100%;
height: 90%;
height: -webkit-calc(-10%);
height: -moz-calc(-10%);
height: -o-calc(-10%);
height: calc(-10%);
background-color: #f60;
}

any suggestion on how to resolve this? anybody experiencing something like this? Any help or hint is more than appreciated! Thanks in advance.

2

This feature requires LESS 1.4 or greater. Roots up until 2 days ago used grunt-recess which runs an older version of LESS. Switch to grunt-contrib-less and you should be good to go.

3

Thanks chriscarr, I saw your answer and it did solve my problem. I was somehow unable to access the forum the last few days to thank you.

cheers!