Rails: SassC::SyntaxError: Error: Invalid CSS after "...ia screen\\0 and": expected "{", was "(min-width:769px) {"

Question

I have metroic theme installed on rails application when I try to compile assets I get issues.

rake aborted!
SassC::SyntaxError: Error: Invalid CSS after "...ia screen\\0 and": expected "{", was "(min-width:769px) {"
        on line 17614 of stdin
>> @media screen\0 and (min-width:769px) {

   -------^

After debugging I found these issues are in following functions

@media screen\0 and (max-width:768px) {
    .m-grid.m-grid--ver-mobile.m-grid--mobile>.m-grid__item.m-grid__item--fluid,
    .m-grid.m-grid--ver-mobile.m-grid--mobile>.m-grid__item.m-grid__item--fluid-mobile {
        min-width: none
    }
}

@media screen\0 and (max-width:1024px) {
    .m-grid.m-grid--ver-tablet-and-mobile.m-grid--tablet-and-mobile>.m-grid__item.m-grid__item--fluid,
    .m-grid.m-grid--ver-tablet-and-mobile.m-grid--tablet-and-mobile>.m-grid__item.m-grid__item--fluid-tablet-and-mobile {
        min-width: none
    }
}

Can anyone explain why this function is unable to compile what is the issue?

It came from metronic theme, do you know what does that mean? — Vishal G, Aug 09 '19 at 07:46
checkout my answer: https://stackoverflow.com/a/73564234/445908 — Siwei, Sep 01 '22 at 07:27

leafeve · Answer 1 · 2019-12-24T02:11:58.837

1

In my case with temporary solution:

i changed application.scss to application.css. It was worked as expect

edited Dec 24 '19 at 02:11

answered Dec 23 '19 at 09:03

leafeve

150
2
8

Rails: SassC::SyntaxError: Error: Invalid CSS after "...ia screen\\0 and": expected "{", was "(min-width:769px) {"

1 Answers1