Invalid CSS after "... @media all": expected "{", was

[YamiOdymel]

input.scss [FAILED]

foo {
  @media all -webkit-device-pixel-ratio {
    a: b;
  }
}

input.scss [FAILED]

foo {
  @media hello -webkit-device-pixel-ratio {
    a: b;
  }
}

input.scss [PASSED]

foo {
  @media not -webkit-device-pixel-ratio {
    a: b;
  }
}

Error

Module build failed:
            @media all -webkit-device-pixel-ratio
                  ^
      Invalid CSS after "...     @media all": expected "{", was "-webkit-device-pixe"

version info:

$ node-sass --version
node-sass       3.14.0-0 (Wrapper)       [JavaScript]
libsass         3.3.6    (Sass Compiler) [C/C++]

---

Relates to #2095 perhaps?

[xzyfer]

According to the grammar the first 2 cases are not valid CSS.

media_query_list
 : S* [media_query [ ',' S* media_query ]* ]?
 ;
media_query
 : [ONLY | NOT]? S* media_type S* [ AND S* expression ]*
 | expression [ AND S* expression ]*
 ;
media_type
 : IDENT
 ;
expression
 : '(' S* media_feature S* [ ':' S* expr ]? ')' S*
 ;
media_feature
 : IDENT
 ;

The last case is valid because not -webkit-device-pixel-ratio matches NOT IDENT.

I believe Ruby Sass is incorrect for not erring in this case. I have opened in issue with Ruby Sass to confirm sass/sass#2198