Support for "\0" media query reference (IE8 - 10)

@media screen and (min-width:0\0) & @media screen\0

Produces a syntax error, however, it’s a valid media query usage for targeting IE9 and IE10. (http://www.impressivewebs.com/ie10-css-hacks/)

Also, http://blog.keithclark.co.uk/wp-content/uploads/2012/11/ie-media-block-tests.php

Is there a work around for this or did I miss a fix/method on how to make this work?

Thanks, J

[radium-v]

This works:

@ie6-7: screen\9;
@ie8: \0screen;
@oldIE: ~"@{ie8}\,@{ie6-7}";
@ie9-10: ~"screen and (min-width:0\0)";
@mobile: ~"screen and (min-width: 640px)";
@mobile-with-oldIE: @mobile, @ie6-7;

@media @oldIE {}
@media @ie8 {}
@media @ie9-10 {}
@media @mobile, @ie6-7 {}

Outputs:

@media \0screen\,screen\9 {
}
@media \0screen {
}
@media screen and (min-width:0\0) {
}
@media screen and (min-width: 640px), screen\9 {
}
@media screen and (min-width: 640px), screen\9 {
}

[seven-phases-max]

Merging to #2207.