title: File to import not found or unreadable: susy
body: <p>I just can't figure out what is wrong with my setup with Susy. 
  I am on OS X 10.7.4</p>
  
  <p>I have followed along here: <a href="http://susy.oddbird.net/guides/getting-started/" rel="noreferrer">http://susy.oddbird.net/guides/getting-started/</a></p>
  
  <p>Error</p>
  
  <pre><code>Syntax error: File to import not found or unreadable: susy.
  Load paths:
  Users/simon/Websites/wpsvntree/trunk/sass
  /Users/simon/.gem/ruby/1.8/gems/compass-0.11.7/frameworks/blueprint/stylesheets
  /Users/simon/.gem/ruby/1.8/gems/compass-0.11.7/frameworks/compass/stylesheets
              Compass::SpriteImporter
  on line 2 of /Users/simon/Websites/wpsvntree/trunk/sass/_base.sass
  from line 2 of /Users/simon/Websites/wpsvntree/trunk/sass/screen.sass
  </code></pre>
  
  <p>My installed Gems:</p>
  
  <pre><code>*** LOCAL GEMS ***
  
  chunky_png (1.2.6, 1.2.5)
  compass (0.12.2, 0.11.7)
  compass-boilerplate-plugin (0.1.0)
  compass-h5bp (0.0.5, 0.0.2)
  compass-rails (1.0.3)
  fssm (0.2.9, 0.2.8.1)
  html5-boilerplate (2.1.0)
  sass (3.2.1, 3.1.15)
  susy (1.0.3)
  </code></pre>
  
  <p>My config.rb file which is sitting in the root of the project</p>
  
  <pre><code>require 'susy' 
  # Require any additional compass plugins here.
  
  # Set this to the root of your project when deployed:
  http_path = "/"
  css_dir = "stylesheets"
  sass_dir = "sass"
  images_dir = "images"
  javascripts_dir = "javascripts"
  
  # You can select your preferred output style here (can be overridden via the command line):
  # output_style = :expanded or :nested or :compact or :compressed
  
  # To enable relative paths to assets via compass helper functions. Uncomment:
  relative_assets = true
  </code></pre>
  
  <p>_base.scss</p>
  
  <pre><code>// ---------------------------------------------------------------------------
  // Imports
  @import "susy";
  
  /* GRID SETUP
  ----------------------------------------------------------------------------------*/
  
  $total-columns  : 12;
  $column-width   : 4em;
  $gutter-width   : 1em;
  $grid-padding   : $gutter-width;
  $show-grid-backgrounds  : true;
  /* SECTION
  ----------------------------------------------------------------------------------*/
  </code></pre>
  
  <p>screen.scss</p>
  
  <pre><code> @import "base";
   .container {
    @include container;
    @include susy-grid-background;
   }
  </code></pre>
  
  <p>I ran this command from the directory wpsvntree: <code>compass create trunk -r susy -u susy</code> 
  <strong>with success</strong>.</p>
  
  <p>then <code>compass watch trunk/</code></p>
  
  <p>Viewing my project I see the first above error.</p>
  
  <p>I can't see where I have gone wrong. </p>
  
  <p>Thanks.</p>