Question

我正在尝试为我的应用添加新的自定义主题，但是当我在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;
}

Answer 1

这是一个相当古老的帖子，但为了完整起见。我昨天遇到了这个问题。这是因为您没有导入默认主题变量。

你做了导入 sencha-touch / default / all，但这些都不是变量。变量驻留在sencha-touch / default

中

@import＆＃39; sencha-touch / default＆＃39 ;;应该解决这个问题。

Answer 2

创建名为stylesheets的文件夹，其中放置了config.rb

我创建了文件夹样式，其中我放置了config.rb文件

将文件夹字体从touch \ resources \ themes \ fonts复制到styles / stylesheets / folder

_Class.scss：Sencha Touch主题中的未定义变量“$ font-family”

2 个答案: