Compass / SASS questions?
Not sure where to post Compass/SASS questions so let me know if there is a better place for this:
Trying to create an application.css file for my new Touch app...getting compass compile error about not finding the mixin 'sencha-panel' ...but really I think it can't find any of them. So probably don't have the config.rb setup properly, or I am completely missing the boat on something else.
I copied the whole resources dir 1.0.2 to a client specific folder off the root of c: (c:\themes\myclient\resources). So that file has all the directories and files from Touch resources dir.
I then cleaned out the resources\sass dir and placed my own config.rb and application.scss files in there, adjusted to my needs. These look like the following:
# 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 and environment
# For production use: :compressed
# For debug use: :expanded
output_style = :expanded
environment = :production
Then, from the scss directory at the command line I run "compass compile" and I get the error:
// Variable overrides
// Options: ‘matte’, ‘bevel’, ‘glossy’, ‘recessed’, and ‘flat’.
// Include Sencha Touch styles
// Custom controls
@include sencha-button-ui('yellow', #FEB729, 'glossy');
@include sencha-toolbar-ui('aqua', #6D98AB, 'glossy');
"error application.scss <line 9: Undefined mixin 'sencha-panel'.> Sass:: Syntax error on line ["9"] of C: Undefined mixin 'sencha-panel'."
What am I doing wrong?