css column-count with vendor prefixes causes issues with Less and Grunt

Question

When I have

-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;

in my less files Grunt would die

Running "recess:bootstrap" (recess) task
FATAL ERROR: JS Allocation failed - process out of memory

It appears the dashes are causing problems. Am I doing it wrong?

PS: I'm working on a Bootstrap fork.

Answer 1

Very interesting. I don't think it's a vendor prefix, but it is easily reproducable with column-count. I tried some other styles and didn't encounter the issue.

If you simply put the -webkit-column-count before the -moz-column-count, it works, but I'm not sure why.

    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;