Empty css using sass-rails

Question

I'm trying to use sass-rails plugin in my first app, so I can learn and practice with .sass indented files. I have installed the gem, and renamed my application.css.scss to application.css.sass. This is the content of this file:

@import bootstrap_and_overrides

body
  background-color #eee
  padding 20px
  margin 0 -20px

The fact is that when I inspect the generated css file, all the styles in the @import clause are added to the resulting css file, but not the ones added after the @import ones. I guess it's some how working ok because if I delete the import line, I see my app with no styles at all, and the resulting css file is empty.

Does anyone know why my styles are not added to the resulting css file? Is there a better way of using indented .sass files as default styles? I'm using rails 3.2.3 by the way.

Thank you very much in advance!

Stefan · Accepted Answer · 2012-07-13 10:57:14Z

1

You have to add a : after each attribute:

body
  background-color: #eee
  padding: 20px
  margin: 0 -20px

answered Jul 13, 2012 at 10:57

Stefan

115k14 gold badges157 silver badges234 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

bigardone Over a year ago

Yes! you're right! I didn't noticed the wrong syntax of my file! Thank you very much!

Collectives™ on Stack Overflow

Empty css using sass-rails

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related