新しいカスタマイズされたテーマをアプリに追加しようとしていますが、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;
}