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

6

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.

answered Dec 14, 2013 at 22:11

Bubbles

3,8051 gold badge26 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

css not loading in rails production environment

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related