title: When using SASS how can I import a file from a different directory?
body: <p>In SASS, is it possible to import a file from another directory?  For example, if I had a structure like this:</p>
  
  <pre><code>- root_directory
      - sub_directory_a
          - _common.scss
          - template.scss
      - sub_directory_b
          - more_styles.scss
  </code></pre>
  
  <p>template.scss could import _common.scss using <code>@import "common"</code> but is it possible for more_styles.scss to import _common.scss?  I tried a few different things including <code>@import "../sub_directory_a/common"</code> and <code>@import "../sub_directory_a/_common.scss"</code> but nothing seems to work.</p>