title: @import not working in SASS file in subfolder
body: <h2>Setting the stage</h2>
  
  <p>I have the following stylesheet structure:</p>
  
  <pre><code>/stylesheets   
   |
   |-- /subfolder
   |    |
   |    + styles.css.scss
   |
   + application.css.scss 
  </code></pre>
  
  <p><strong>application.html.haml</strong></p>
  
  <pre><code>  = stylesheet_link_tag "application", media: "all"
    = stylesheet_link_tag "subfolder/styles", media: "all"
  </code></pre>
  
  <p><strong>application.css.scss</strong></p>
  
  <pre><code>@import "styleguide";
  @import "styleguide/base/_all";
  @import "styleguide/modules/_all-no-grid";
  // Omitting rules not relevant to the problem
  </code></pre>
  
  <p><strong>styles.css.scss</strong></p>
  
  <pre><code>@import "styleguide";
  @import "styleguide/grid/_grid";
  @import "styleguide/modules/_all-grid";
  // Omitting rules not relevant to the problem
  </code></pre>
  
  <p>The styleguide files live in a gem which serves the assets from <code>vendor/stylesheets</code> with help of a RoR engine.</p>
  
  <h2>The Problem</h2>
  
  <p>When I run my application in production with pre-compiled assets I am encountering problems pointing to the <code>@import</code> for the styleguide.</p>
  
  <pre><code>File to import not found or unreadable: styleguide.
  Load path: 
   Sass::Rails::Importer([omitted]/app/assets/stylesheets/local/styles.css.scss)
   (in [omitted]/app/assets/stylesheets/local/styles.css.scss)
  </code></pre>
  
  <h2>The Workaround</h2>
  
  <p>There is no problem with the styleguide itself, because as soon as I import the <code>subfolder/styles.css.sccs</code> file from the <code>application.css.scss</code> file everything is working as expected.</p>
  
  <p><strong>application.html.haml</strong></p>
  
  <pre><code>  = stylesheet_link_tag "application", media: "all"
  </code></pre>
  
  <p><strong>application.css.scss</strong></p>
  
  <pre><code>@import "styleguide";
  @import "styleguide/base/_all";
  @import "styleguide/modules/_all-no-grid";
  @import "subfolder/styles"
  // Omitting rules not relevant to the problem
  </code></pre>
  
  <p><strong>styles.css.scss</strong></p>
  
  <pre><code>// Same as above, included for completeness
  @import "styleguide";
  @import "styleguide/grid/_grid";
  @import "styleguide/modules/_all-grid";
  // Omitting rules not relevant to the problem
  </code></pre>
  
  <h2>Solutions</h2>
  
  <p>Has anyone ran into something like this before? Are there any known issues that could cause this to happen?</p>