Question

Everything looked beautiful until I deployed to Heroku, assets got precompiled, and now the ui is a horrible mess.

In my application.css I have:

 *= require_self
 *= require_tree .

In my app.css.scss I have:

$gridColumns: 14;
$gridColumnWidth: 70px;
.. etc ..

@import "bootstrap";
@import "font-awesome";

Why do the variable changes work in development but not in production? Debugging with firebug shows that the widths are based on the old grid system.

How can I get the values to be overwritten with precompiled assets?

Answer 1

I simply ran

$ RAILS_ENV=production bundle exec rake assets:precompile

and then committed to version control, deployed again, and it worked. Doesn’t make sense, but I guess precompiling them yourself is different than what Heroku does.