How you've altered the import pathing for the sencha touch "compass extension" (http://compass-style.org/help/tutorials/extensions/)
Firstly, consider this path from the config.rb:
Within this directory one finds a file compass_init.rb.
// Points to the Sencha Touch theme
load File.join(sass_path, '..', 'themes')
The important points:
# This file registers the sencha-touch framework with compass
# It's a magic name that compass knows how to find.
dir = File.dirname(__FILE__)
require File.join(dir, 'lib', 'theme_images.rb')
# Include compass-recipes
require File.join(File.dirname(__FILE__), 'vendor', 'compass-recipes', 'config')
Compass::BrowserSupport.add_support('repeating-linear-gradient', 'webkit', 'moz', 'o', 'ms')
Compass::Frameworks.register 'sencha-touch', dir
@markwyner's original post is very helpful for understanding the development structure of the compass/sass element of touch. One should read the linked page at the top of my message on compass extensions as well as compass configuration (http://compass-style.org/help/tutori...ion-reference/) before making multiple changes to their config.rb file.
- "sencha-touch" becomes a registered framework extension for this project.
- images you've hard referenced via your config.rb file are originally included by this compass_init.rb and its referenced /themes/lib/theme_images.rb file.
- using as a framework extension makes "@import 'sencha-touch/default/all';" also work, and not require modification.