Specs:
  1. Mac OSX Lion 10.7.4
  2. Compass version: Compass 0.12.1
  3. SASS version: 3.1.19
  4. sencha touch: sencha-touch-2.0.1.1
  5. sencha command: v2.0.2

Hey Sencha folks I was wondering if anyone could help me with this problem I am having. In terminal while watching and compiling I get this error:

Error:
error sass/app.scss (Line 2 of sass/../../sdk/resources/themes/stylesheets/sencha-touch/default/core/../_mixins.scss: File to import not found or unreadable: recipes/background.

This is preventing me from modifying or creating my own themes and have went through similar problems on the forums with out any luck. If anyone can please take a look at this problem I am having that will be greatly appreciated. I am also providing my config.rb, scss and a screenshot of my project structure. Seems like the tutorials on the sencha site have different folder structures than the framework that I downloaded.

config.rb code
Code:
# Get the directory that this configuration file exists in
dir = File.dirname(__FILE__)


# Load the sencha-touch framework automatically.
load File.join(dir, '..', '..', 'sdk', 'resources', 'themes')


# 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

Import from sass/app.scss:
Code:
@import '../../sdk/resources/themes/stylesheets/sencha-touch/default/all';
@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-toolbar-forms;
@include sencha-indexbar;
@include sencha-list;
@include sencha-layout;
@include sencha-carousel;
@include sencha-form;
@include sencha-msgbox;


// test
$base-color: #000;
$active-color: #CCC;


Project Structure:
project_structure.png