The CSS in my SASS files aren't reflecting in my browser?

Hi - I'm having a similar problem, except when I view page source, I can find the SASS code, it just doesn't affect what I see on my browser. Any ideas why it's not showing up?

Thanks

Run the rails server, go to localhost 3000, right click the page and do View Page Source or something similar to see the order in which your css/scss files are loaded and whether your own file is loading at all. It is possible that they are not included in the stylesheet list or that something else is overwriting your styles (they are CASCADING :) ).

Figured it out! The new SASS files automatically created by Rails for my todo list and my todo items were not getting loaded into the application.html.erb.

Here is the proper code for loading in those separate files (todo_lists.css.scss and todo_items.css.scss):

<%= stylesheet_link_tag "todo_items", media: "all", "data-turbolinks-track" => true %>
<%= stylesheet_link_tag "todo_lists", media: "all", "data-turbolinks-track" => true %>

In theory, instead of modifying the application.html.erb, you should list the files in proper order in the app/assets/stylesheets/application.css file like this:

*= require todo_items

*= require todo_lists

Preferably at the very end, so that they get loaded last. See if that works, because it is the recommended way to do it (it's called the asset pipeline and treehouse even has a separate course for that at http://teamtreehouse.com/library/the-rails-asset-pipeline-and-styling ).

Hi there,

I had the same problem. Unfortunately, I don't know how exactly I fixed it, even though I just copy-pasted index.html.erb from jasons files to my files (to see if there is error, which somehow was). Probably some wrong class/id or something.

I am having the same problem as spalak above. Stylesheet seems to load, but is not affecting browser view. I tried the proposed fixes from others in this thread and neither worked.