title: CSS doesn't work when deploy to Heroku
body: <p>CSS doesn't work when I deploy my rails application to Heroku.</p>
  
  <p>My <code>application.css.scss</code> has:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@import 'normalize';
  @import 'skeleton';
  @import 'animate.min';
  @import 'froala_editor.min.css';
  @import 'froala_style.min.css';
  @import 'font-awesome';
  
  @import 'plugins/char_counter.min.css';
  @import 'plugins/code_view.min.css';
  @import 'plugins/colors.min.css';
  @import 'plugins/emoticons.min.css';
  @import 'plugins/file.min.css';
  @import 'plugins/fullscreen.min.css';
  @import 'plugins/image_manager.min.css';
  @import 'plugins/image.min.css';
  @import 'plugins/line_breaker.min.css';
  @import 'plugins/table.min.css';
  @import 'plugins/video.min.css';</code></pre>
  </div>
  </div>
  </p>
  
  <p>I tried using gems like <code>rails_12factor</code>, <code>rails_serve_static_assets</code> and :</p>
  
  <pre><code> config.serve_static_files = true
  </code></pre>
  
  <p>Also:</p>
  
  <pre><code>RAILS_ENV=production bundle exec rake assets:precompile
  </code></pre>
  
  <p><a href="http://cl.ly/0c0z0M3H2v13" rel="nofollow" title="404">http://cl.ly/0c0z0M3H2v13</a>
  <a href="http://cl.ly/0G0z0S331c22" rel="nofollow" title="heroku logs">http://cl.ly/0G0z0S331c22</a></p>