Ruby Sass uses indented syntax for .css files

[cvrebert]

The hack in question: http://browserhacks.com/#hack-a60b03e301a67f76a5a22221c739dc64

Example:

/* one.css */
@media screen and (min-width:0\0) {
    .bar {
        width: 12px;
    }
}

$ sass -v
Sass 3.4.13 (Selective Steve)
$ sass one.css 
Error: Invalid CSS after "...min-width:0\0) ": expected media query list, was "{"
        on line 1 of one.css
  Use --trace for backtrace.

$ sassc -v
sassc: 3.2.1
libsass: 3.2.4
sass2scss: 1.0.3
$ sassc one.css 
@media screen and (min-width: 0 \0) {
  .bar {
    width: 12px; } }

[xzyfer]

Thanks for the report @cvrebert. There some case where Libsass is more forgiving that Ruby Sass. It's important for us to be aware of these cases.

[xzyfer]

IMO Ruby Sass shouldn't error here since this is relatively common, and works in CSS. In either case we're producing the wrong output.

[cvrebert]

Yeah, I agree it would be preferable for Ruby Sass to not error out. I'm just not a Sass guru, so I thought I'd file a discrepancy report here to get some investigation rolling.

[xzyfer]

We appreciate it. I think it'd be worth opening an issue to Ruby Sass to see if the error case can be addressed upstream.

[cvrebert]

Okay, filed sass/sass#1726

[xzyfer]

Legend.

[cvrebert]

It appears that sass/sass#1726 was not read sufficiently carefully and was thus misunderstood & erroneously closed by the maintainer.

[cvrebert]

Okay, per sass/sass#1726 (comment) this does seem to be a SassC bug rather than a Ruby Sass bug.

[mgreter]

OK, we have no spec now (reverted) for this and if I run the original issue with latest ruby sass I get some output! Therefore it seems we should re-add the spec test and close this issue!

[cvrebert]

if I run the original issue with latest ruby sass I get some output!

@mgreter Hmm?

$ sass -v
Sass 3.4.16 (Selective Steve)
$ sass one.css 
Error: Invalid CSS after "...min-width:0\0) ": expected media query list, was "{"
        on line 2 of one.css
  Use --trace for backtrace.
$

[mgreter]

OK, I guess someone should point out that the error is about using the file-ending .css with scss content. Ruby sass seems to default to sass (indented) in that situation. Not sure if we can replicate that behavior easily, since we depend on sass2scss for this kind of syntax.

[mgreter]

Changing this is rather easy (at least on the "surface") and leads to a similar error:

Error: invalid property name
        on line 2 of foo.css
>> @media screen and (min-width:0\0) { {
   -----------------------------------^

The "strange" output (double bracket) is due to the processing by sass2scss!