Ext4 Theme + SASS

[dmackerman]

EDIT:
Ignore this entire post and follow these instructions!
http://www.sencha.com/forum/showthre...pass-SCSS-Bugs

Is the new theme included in the developer preview? If not, that's fine. I'm wondering how I can get started playing around with SASS and the new CSS built into Ext4.

I followed the guide for Sencha Touch and SASS, but some of the elements must be different. I've installed all the "--pre" versions of the gems (haml, sass, and compass).

From looking at the screencast, it seems like there should be a /sass folder inside of the resources directory that contains config.rb and the ext.sass files. I don't see this there.

Where do I go from here?

EDIT:
I created the directories myself and pointed everything correctly, but I'm getting the following error when I run compass watch on my resources/sass directory:

ruby 1.9.2p180 (2011-02-18) [i386-mingw32]

C:\wamp\www\extjs-sandbox\ext-4.0-pr3\resources\sass>compass watch
>>> Change detected to: C:/wamp/www/extjs-sandbox/ext-4.0-pr3/resources/sass/application.scss
    error application.scss (Line 12: Undefined operation: "parsebox(3px, 1) gt parsebox(3px, 2)".)
Sass::SyntaxError on line ["12"] of C: Undefined operation: "parsebox(3px, 1) gt parsebox(3px, 2)".
Run with --trace to see the full backtrace
>>> Compass is polling for changes. Press Ctrl-C to Stop.
>>> Change detected to: C:/wamp/www/extjs-sandbox/ext-4.0-pr3/resources/sass/application.scss
    error application.scss (Line 12: Undefined operation: "parsebox(3px, 1) gt parsebox(3px, 2)".)
Sass::SyntaxError on line ["12"] of C: Undefined operation: "parsebox(3px, 1) gt parsebox(3px, 2)".

application.scss

@import '../themes/stylesheets/ext4/default/all';

/*structure*/
@include extjs-button;
@include extjs-form;
@include extjs-panel;
@include extjs-qtip;
@include extjs-toolbar;
@include extjs-window;

config.rb

# Delineate the directory for our SASS/SCSS files (this directory)
sass_path = File.dirname(__FILE__)
 
# Delineate the CSS directory (under resources/css in this demo)
css_path = File.join(sass_path, "..", "css")
 
# Delinate the images directory
images_dir = File.join(sass_path, "..", "img")
 
# Load the sencha-touch framework
load File.join(sass_path, '..', '..', '..', '..', 'resources', 'themes')
 
# Specify the output style/environment
output_style = :compressed
environment = :production

[amitkahan]

config.rb should be:

# Delineate the directory for our SASS/SCSS files (this directory)
sass_path = File.dirname(__FILE__)
 
# Delineate the CSS directory (under resources/css in this demo)
css_path = File.join(sass_path, "..", "css")
 
# Delinate the images directory
images_dir = File.join(sass_path, "..", "images")
 
# Load the sencha-touch framework
load File.join(sass_path, '..', 'themes')
 
# Specify the output style/environment
output_style = :compressed
environment = :production

I have a problem css file is generated but when I include in one of the example style is not rendered.