title: Compass compile error on Sencha Touch 2.2.1, undefined $font-family value and mixin problems
body: <p>Using <a href="http://www.sencha.com/blog/an-introduction-to-theming-sencha-touch" rel="nofollow noreferrer">this tutorial</a> with Sencha Touch 2.2.1, I'm not able to compile my project because of an undefined <code>$font-family</code> variable:</p>
  <pre><code>error application.scss (Line 2 of _Class.scss: Undefined variable: &quot;$font-family&quot;.) 
  Sass::SyntaxError on line [&quot;2&quot;] of 
  /Users/mac/Sites/apps/MyApp/touch/resources/themes/stylesheets/sencha-
  touch/default/src/_Class.scss: Undefined variable: &quot;$font-family&quot;.
  </code></pre>
  <p>Does anyone have an idea how to solve this?</p>
  <p>Note: This was a <a href="http://www.sencha.com/forum/showthread.php?261710-font-family-variables-doesn-t-work-since-Touch-2.2" rel="nofollow noreferrer">bug</a> in the previous version (Sencha Touch 2.2).</p>
  <h1>application.scss</h1>
  <pre><code>  1 $base-color: #7A1E08;
    2 $base-gradient: 'glossy';
    3 
    4 @import 'sencha-touch/default/all';
    5  
    6  @include sencha-panel;
    7  @include sencha-buttons;
    8  @include sencha-sheet;
    9  @include sencha-picker;
   10  @include sencha-toolbar-forms;
   11  @include sencha-tabs;
   12  @include sencha-toolbar;
   13  @include sencha-carousel;
   14  @include sencha-indexbar;
   15  @include sencha-list;
   16  @include sencha-layout;
   17  @include sencha-form;
   18  @include sencha-loading-spinner;
  </code></pre>
  <p><strong>NOTE:</strong> I have Ruby 1.9.3p448 installed.</p>