title: Include all scss files in a folder
body: <p>Im developing a project using Sencha Touch (not sure if this is an important fact) and I want to include in the CSS file generated with compass all the SCSS files in a folder.</p>
  
  <p>So given this project structure:</p>
  
  <pre><code>index.html
  resources
      css
          app.css (generated file)
      sass
          app.scss
          config.rb (sass config file)
  ux
      ExamplePlugin1
          style.scss
      ExamplePlugin2
          style.scss
  </code></pre>
  
  <p>That I want is to include all the scss files into the 'ux' folder into the final app.css file.</p>
  
  <p>To generate app.css, compass reads the config.rb file in the sass folder. I modified that file to achieve this, but that didnt work. This is the content of the config.rb file:</p>
  
  <pre><code># Get the directory that this configuration file exists in
  dir = File.dirname(__FILE__)
  
  # Load the sencha-touch framework automatically.
  load File.join(dir, '..', '..', 'resources', 'themes')
  
  # MODIFIED LINE TO INCLUDE THE UX FOLDER
  load File.join(dir, '..', '..', 'ux')
  
  # Compass configurations
  sass_path = dir
  css_path = File.join(dir, "..", "css")
  
  # Require any additional compass plugins here.
  images_dir = File.join(dir, "..", "images")
  output_style = :compressed
  environment = :production
  </code></pre>
  
  <p>Another possible solution is to include all the individual files into the app.scss, but that didnt work also. I added this line to app.scss:</p>
  
  <pre><code>@import 'ux/ExamplePlugin1';
  </code></pre>
  
  <p>But this gives me and error when compass try to compile it :(</p>
  
  <p>I hope that this explanation is enough to solve the problem. If someone needs more information, just ask! :P</p>
  
  <p>Thanks!</p>