Question

When a rails app is created with rails 3.1 or 3.2.0.rc2 it by default creates an app/assets/stylesheets/application.css file, however each controller/model created there after creates an app/assets/stylesheets/<controller or model name>.scss.

Why isn’t an application.scss created by default?

How do you properly incorporate an application.scss and get rid of the application.css entirely?

Answer 1

I would just rename it to application.scss and then you can import in your other .scss files like this:

// Inside application.scss

// HTML Reset
@import "reset.scss";

// Users CSS
@import "users.scss";

When you compile the SCSS, it will generate the application.css for you from all of the other imported files or CSS within that file.