title: Configure Compass within a CakePHP project
body: <p>I've been looking into Compass and the more I look, the more it feels like the way that CSS should be written. As a test case, I'd like to use it in one of my CakePHP projects. Unfortunately, I'm having some trouble with the initial configuration. Specifically, with getting the resources in the right place and referenced properly in the compiled CSS.</p>
  
  <p>I'm creating a <code>:stand_alone</code> project in my <code>/app</code> directory. Well, that's what I <em>want</em> to do. Compass doesn't seem to like that. In creating the project, I've told it where to put the css, images and js and those resources do, in fact, make it to the proper directory. Unfortunately, because I'm not creating the directory in the webroot, the resources are being referenced incorrectly when compiled.</p>
  
  <p>I'm creating the Compass project in my CakePHP <code>app/</code> directory with this command:</p>
  
  <pre><code>$ compass -f blueprint --sass-dir sass --css-dir webroot/css/ --images-dir webroot/img/ --javascripts-dir webroot/js/ --output-style compact .
  </code></pre>
  
  <p>The compiled CSS, though, wants to reference Blueprint's <code>showgrid.png</code> image as:</p>
  
  <pre><code>url('/webroot/img/grid.png?1264969358')
  </code></pre>
  
  <p>I suppose this is a pretty predictable result, but I can't figure out how to get the compiled CSS to reference the correct <code>/img/grid.png?whatever</code> path. Is that even possible? Am I forced to create my Compass project directly in my webroot?</p>
  
  <p>Thanks.</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Content of my <code>config.rb</code> file:</p>
  
  <pre><code># Require any additional compass plugins here.
  project_type = :stand_alone
  # Set this to the root of your project when deployed:
  http_path = "/"
  css_dir = "webroot/css"
  sass_dir = "sass"
  images_dir = "webroot/img"
  http_images_path = "/img"
  javascripts_dir = "webroot/js"
  output_style = :compact
  </code></pre>