我正在尝试向我的应用程序添加一个新的自定义主题，但是当我在 Compass 上编译时它会引发以下错误：
_Class.scss：未定义变量：“$font-family”
我试图将html,body字体更改_Class.scss为$font-family，但它不起作用。我的 Sencha Touch 版本是 2.2.1。我该如何解决这个问题？
// Let's start with the basics
$base - color: #CC0000;
$active - color: #850000;
// Buttons
$button-gradient: 'bevel';
// Lists
$list-bg-color: # eee;
$list - color: #333;
$list-pressed-color: # ddd;
$list - active - gradient: 'recessed';
$list - header - bg - color: #990000;
$list-header:white;
$list-header-gradient: 'bevel';
// Tabs
$tabs_dark_color: #000;
@import 'sencha-touch/default/all';
@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;
@include sencha-msgbox;
@include sencha-loading-spinner;
@include sencha-button-ui('action', #ffc801);
@include sencha-button-ui('decline', desaturate(darken(#b8a7a7, 10%), 5%));
.x-tabbar-dark .x-tab {
color: white;
}
.x-list-header {
color: white !important;
}
.x-list-round .x-list-header {
color: #777 !important;
}
.x-tabbar-dark.x-docked-bottom .x-tab .x-button-icon {
background: white !important;
}