Media query with \0 causing parsing issues with node-sass and LESS

[jraadt]

Because of the f376178 commit, which includes a \0 after the media definition, applications using LESS and importing the generated CSS file with the less option to have access to classes and such within LESS no longer work. LESS doesn't support the \0 media query hack. Import example:

@import (less) 'angular-material/angular-material.css';

When trying to compile LESS you get the following error:

media definitions require block statements after any features in file angular-material\angular-material.css line no. 654

[barryvdh]

Also having this issue. Had to split up my vendor + app styling, but not ideal.

[larsRedia]

I think I have a similar problem using SASS:

Error: Invalid CSS after "...a screen\\0  and": expected "{", was "-width: 599px) ..."
    on line 1286 of stdin
    >> @media screen\0  and (max-width: 599px) {
   -------^

[enghen10]

@jraadt I also ran into the same with less, and I see that you found the same feature/bug in the less repo as I did. less/less.js#1538

Seems like this could be made to be supported with less anyway by a small modification to that media query?

[kouak]

Same issue using node-sass (which uses libsass under the hood).

[johnsheldon]

I can confirm the issue in node-sass as well. It's breaking everything since the angular-material.css module is not building when we deploy to our server.

[idoo]

same problem, when i try deploy to heroku
Related #6360

[Sayene]

+1

[stalinb87]

+1

[a-boertien]

+1

[simonh1000]

+1

[jcmccormick]

+1