title: Sass::SyntaxError when using Bootstrap in Rails application on Heroku
body: <p>I installed twitter bootstrap by copying the files into my assets directory as per the instructions here: <a href="http://www.erikminkel.com/2013/09/01/twitter-bootstrap-3-in-a-rails-4-application/" rel="nofollow">http://www.erikminkel.com/2013/09/01/twitter-bootstrap-3-in-a-rails-4-application/</a></p>
  
  <p>After following the instructions exactly as presented and executing "rake assets:precompile RAILS_ENV=development", I am able to use bootstrap 3 in my development rails server.</p>
  
  <p>However, when I try to execute "heroku run rake assets:precompile RAILS_ENV=production", I get this error:</p>
  
  <pre><code>Sass::SyntaxError: Invalid CSS after "...ss","sources":[": expected "|", 
  was ""less/theme.les..." (in /app/app/assets/stylesheets/application.css) (sass):444
  </code></pre>
  
  <p>I am not sure what this means. When I open "application.css" in the assets/stylesheets folder, I can't even find a line 444. I do have some scaffold files left over after running "rails g scaffold ..." commands -- could that be causing this problem? And obviously, the deployed heroku app looks like a non-bootstrap app when I view it from the heroku page and throws a "resource not found" error.</p>
  
  <p>In public/assets/application-mydigest.ccs, I found the following line of code that causes the error:</p>
  
  <pre><code>{"version":3,"file":"bootstrap-theme.css","sources":["less/theme.less","less/mixins/vendor-prefixes.less","bootstrap-theme.css","less/mixins/gradients.less","less/mixins/reset-filter.less"],"names":[],"mappings":"AAeA;;;;;;EAME,0CAAA;EC+CA,6FAAA;EACQ,qFAAA;EC5DT;AFiBC;;;;;;;;;;;;EC0CA,0DAAA;EACQ,kDAAA;EC7CT;AFqCC;;EAEE,wBAAA;EEnCH;AFwCD;EG/CI,0EAAA;EACA,qEAAA
  </code></pre>
  
  <p>However, it seems odd that this would only happen on production. Moreover, the CSS syntax looks fine.</p>