title: Sass::SyntaxError Undefined Variable
body: <p>I'm new to the Asset Pipeline, so let me know if I'm doing things wrong.</p>
  
  <p>Using Rails 3.2 with SASS.  I have a configuration partial that defines a bunch of SASS variables that I want to use throughout my scss files.  Per <a href="http://guides.rubyonrails.org/asset_pipeline.html" rel="nofollow">this guide</a>, I import <code>configuration</code> first, then <code>bonus</code>.  However, I keep getting a <code>Sass::SyntaxError</code> saying <code>Undefined variable: "$darkRed"</code> in bonus.css.scss.  What am I doing wrong?</p>
  
  <p>application.css.scss</p>
  
  <pre><code>/*
   * This is a manifest file that'll be compiled into application.css, which will include all the files
   * listed below.
   *
   * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
   * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
   *
   * You're free to add application-wide styles to this file and they'll appear at the top of the
   * compiled file, but it's generally better to create a new file per style scope.
  */
  
  @import "configuration";
  @import "bootstrap";
  @import "bonus";
  </code></pre>
  
  <p>_configuration.css.scss</p>
  
  <pre><code>//colors
  $darkRed: #B94A48;
  $controlColor: #777;
  </code></pre>
  
  <p>bonus.css.scss</p>
  
  <pre><code>div.give-inline-help .help-inline
    {
    color: $darkRed;
    font-size: 15px;
    font-family: MuseoSans-300;
    padding-left: 0px;
  }
  </code></pre>