Sencha Touch - Undefined mixin' experimental'在指南针编译

时间:2014-11-04 23:50:10

标签: ruby extjs sencha-touch sencha-touch-2 compass

当我尝试使用compass compile编译我的sass代码时,出现以下错误:

error app.scss (Line 42 of /MyProject/touch/resources/themes/stylesheets/sencha-touch/base/src/_ProgressIndicator.scss: Undefined mixin 'experimental'.)

我的sass代码非常正常,我有:

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

/* Rest of my css below */

我正在使用:
Sencha Touch 2.4 Compass 1.0.1 (Polaris) ruby 2.2.0dev Mac OSX Yosemite

1 个答案:

答案 0 :(得分:3)

@import "compass/css3/shared";添加到项目app.scss可解决错误。需要在sencha导入之前添加此导入。

对于后续错误,我还必须添加:

@import "compass/css3/box";
$experimental-support-for-pie:false;

版本: Sencha Touch:2.4.1,Compass 1.0.1,Sass 3.4.9,Ruby 1.9.3

参考文献: http://hugogiraudel.com/2013/03/25/compass-extensions/http://compass-style.org/reference/compass/css3/box/

完成导入以解决错误:

@import "compass/css3/shared";
@import "compass/css3/box";
$experimental-support-for-pie: false;
@import 'sencha-touch/default';
@import 'sencha-touch/default/all';

<-- The rest of your sass -->