Sencha build - app.scss崩溃

时间:2013-06-06 19:05:48

标签: css ruby extjs sencha-touch-2 sass

我试图遵循这个例子:

http://extdesenv.com/theming/adding-custom-font-icons-to-sencha-touch-2-2/

其中介绍了如何设置应用以使用iconmoon字体。

他们究竟解释了什么并且没有用。我对Ruby,css或scss没有任何好处,所以这可能是一个愚蠢的错误。

以下是错误报告: Error Report

这是我的config.rb文件:

# Get the directory that this configuration file exists in
dir = File.dirname(__FILE__)

# Load the sencha-touch framework automatically.
load File.join(dir, '..', '..', 'touch', 'resources', 'themes')

# Compass configurations
sass_path = dir
css_path = File.join(dir, "..", "css")
fonts_path = File.join(dir,"..","fonts")

# Require any additional compass plugins here.
images_dir = File.join(dir, "..", "images")
output_style = :compressed
environment = :production

这是我的app.scss文件

@import 'sencha-touch/default';
@import 'sencha-touch/default/all';

@include icon-font('Test', inline-font-files(
  'Test/Test.woff', woff, 
  'Test/Test.ttf', truetype,
  'Test/Test.svg', svg
));

@include icon("airplane", "t", "Test");

那是我的目录 Directory

请注意,使用的iconmoon字体位于Resources文件夹的Font文件夹中。

1 个答案:

答案 0 :(得分:1)

有人刚刚在另一个论坛上回答了我的问题。

答案是

将iconmoon字体放在Ressources / Sass / stylesheet / font文件夹中 不要修改config.rb 使用正确的FontName

将这些行添加到app.scss
//Load font
@include icon-font('FontName', inline-font-files('fontname/fontname.woff', woff, 'fontname/fontname.ttf', truetype,'fontname/fontname.svg', svg));

//Generate icon's class
@include icon('cps-icon-arrow-right','CHARACTERSelected','FontName');
.............