Sass::SyntaxError after @import "bootstrap" in application.css.scss

Question

My rails (with bootstrap-sass gem) application.css.scss looks like this:

/*
 * ...boilerplate application.css.scss comments
 *= require_tree .                                                              
 *= require_self                                                                
 */                                                                             
@import 'bootstrap'

.container-fixed {                                                              
  margin: 0 auto;                                                               
  max-width: 970px;                                                             
}

Viewing any page gives me a Sass:SyntaxError like this Invalid CSS after "...ort 'bootstrap'": expected selector or at-rule, was ".container-fixed {". I don't see a problem with the .container-fixed snippet. Elsewhere I see that this error can be caused by a file imported before the line that Sass complains about. However, there is no other CSS in this project (apart from bootstrap itself). What am I doing wrong?

Also, rename your application.css to application.css.scss if you haven't. — Vageesh Bhasin, Feb 20 '14 at 14:06
@Cinammon if you add an answer I'll delete mine and mark yours correct. — iftheshoefritz, Feb 21 '14 at 06:45

iftheshoefritz · Accepted Answer · 2014-02-23T14:06:47.130

6

As per Cimmanon's comment, the issue is fixed by adding a semi-colon at the end of the @import line, as shown in the bootstrap-sass docs.

edited Feb 23 '14 at 14:06

answered Feb 21 '14 at 06:43

iftheshoefritz

5,829
2
34
41

Sass::SyntaxError after @import "bootstrap" in application.css.scss

1 Answers1