Rails 3.2 and Sass not rendering Application.css

The appropriate format for the tag is:

<%= stylesheet_link_tag 'application' %>

Rails automatically compiles the .scss file into a .css file -- then it automatically imports the correct file. It's all take care of for you.

If you don't append an extension to stylesheet_link_tag, .css will be appended automatically. I do not know why it's appending the extension when you are specifying .scss, however.

I'm also not sure why you don't just use <%= stylesheet_link_tag 'application' %>, which should be all that's necessary.

See the documentation for stylesheet_link_tag here for more info.

I think the "default" way to do this in Rails 3.2 using Sprockets is to have file called application.css (not application.css.scss) that contains your Sprockets manifest code. Which should look something like this...

application.css (app/assets/stylesheets)

/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *= require_self
 *= require main_scss_file
*/

There should be at least two lines one should be the require_self which adds the content inside itself and the require some_other_file which is a reference to your main scss file.The default behavior of rake assets:precompile is to compile your application.js and application css

production.rb coded generated by Rail generators specifies that application.css is compiled by default. (config/environments)

  # Precompile additional assets (application.js, application.css, and all non-JS/CSS are already added)
  # config.assets.precompile += %w( search.js )
  config.assets.precompile += %w( home.js )

application.erb

<%= stylesheet_link_tag 'application' %>