title: Sass undefined variable HEROKU Rails Application
body: <p>I am using Rails 4.2.1 the problem is when I run in heroku I get the error : Sass::SyntaxError: undefined variable: “$text2-font”. I have fonts in /app/assets/font.css.</p>
  
  <p>The fonts.css</p>
  
  <pre><code>@import url('https://fonts.googleapis.com/css?family=Crafty+Girls');
  @import url('https://fonts.googleapis.com/css?family=Raleway:400,500,700,300');
  @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,300');
  </code></pre>
  
  <p>The application.css</p>
  
  <pre><code>@import 'fonts.css';
  @import 'font-awesome.css';
  @import 'project.css';
  </code></pre>
  
  <p>The project.css.css</p>
  
  <pre><code>@import 'fonts.css';
  
  $default-font: Raleway;
  $text2-font: 'Open Sans';
  $text-default-font: ff2;
  $price-font: ff4;
  $members-font: ff5;
  $idea-font: ff6;
  
  .tm {
    font-family: $text2-font;
    font-size: 0.9em;
  }
  …
  </code></pre>
  
  <p>Production.rb</p>
  
  <pre><code>Rails.application.configure do
    config.cache_classes = true
    config.eager_load = true
    config.consider_all_requests_local       = false
    config.action_controller.perform_caching = true
    config.serve_static_files = ENV['RAILS_SERVE_STATIC_FILES'].present?
    config.assets.js_compressor = :uglifier
    config.assets.digest = true
    config.log_level = :debug
    config.i18n.fallbacks = true
    config.active_support.deprecation = :notify
    config.log_formatter = ::Logger::Formatter.new
    config.active_record.dump_schema_after_migration = false
    config.assets.css_compressor = :sass
    config.assets.compile = true
    config.assets.precompile &lt;&lt; /\.(?:svg|eot|woff|ttf)$/
  end
  </code></pre>
  
  <p>If I run the application locally I have no problem, but if I run in heroku I am getting the error that I mentioned before.</p>