我想将 Sencha Touch 应用程序的默认蓝色更改为绿色。我遵循的步骤如下:
gem update --system
gem install compass
compass create myfile
复制一个
.scss
文件并将其粘贴到touch-2.2.1/resources/sqss/
目录中。将以下代码粘贴到该文件中并将其命名为
happy.css
:$base-color: #709e3f; @import 'sencha-touch/default/all'; @include sencha-panel; @include sencha-buttons; @include sencha-sheet; @include sencha-tabs; @include sencha-toolbar; @include sencha-list; @include sencha-layout; @include sencha-loading-spinner;
compass compile happy.scss
替换了
happy.scss
页面中app.html
的名称。运行应用程序,我收到以下错误:
语法错误:未定义变量:“$font-family”。\a 在 /Applications/XAMPP/xamppfiles/htdocs/touch-2.2.1/resources/themes/stylesheets/sencha-touch/default/src/_Class 的第 2 行。 scss\a 来自 /Applications/XAMPP/xamppfiles/htdocs/touch-2.2.1/resources/themes/stylesheets/sencha-touch/default/src/_all.scss\a 来自 /Applications/XAMPP/ 第 1 行的第 1 行xamppfiles/htdocs/touch-2.2.1/resources/themes/stylesheets/sencha-touch/default/_all.scss\a 来自 /Applications/XAMPP/xamppfiles/htdocs/touch-2.2.1/resources/sass/ 的第 3 行happy.scss\a\a 1: /Applications/XAMPP/xamppfiles/htdocs/touch-2.2.1/resources/sass/happy.scss
我该如何解决这个问题?