css not loading in rails production environment

Question

I found through chrome dev tools that the custom.css.scss below wasn't being used in production. Does anyone know why heroku wouldn't use some scss?

my custom.css.scss for index page

/* Masters index */ .masters { list-style: none; margin: 0; li { overflow: auto; padding: 10px 0; border-top: 1px solid $grayLighter; &:last-child { border-bottom: 1px solid $grayLighter; } } }

development index page

production index page

@Bubbles beautiful thank you if you want to put that as an answer I'll mark it as the answer. Thanks again. — monty_lennie
– monty_lennie, Commented Dec 14, 2013 at 21:43

Bubbles · Accepted Answer · 2013-12-14 22:11:34Z

In production mode, you have to run rake assets:precompile to serve up anything in your app/assets folder. In development, Rails constantly checks for updates to the files and serves them one-by-one.

This is great when you're developing, but is rather slow in production. So, to speed things up, Rails has you run a single, longer task that shrinks and combines a bunch of files in app/assets, speeding up page loading times and reducing server load.

Collectives™ on Stack Overflow

css not loading in rails production environment

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related