ruby - Sencha Touch - 指南针编译时未定义的混合“实验”

Question

当我尝试编译我的 sass 代码时，compass compile出现以下错误：

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

Answer 1

Adding @import "compass/css3/shared"; to the project's app.scss resolves the error. This import needs to be added before the sencha imports.

For subsequent errors I also had to add:

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

Versions: Sencha Touch: 2.4.1, Compass 1.0.1, Sass 3.4.9, Ruby 1.9.3

References: http://hugogiraudel.com/2013/03/25/compass-extensions/, http://compass-style.org/reference/compass/css3/box/,

Complete import to resolve the error:

@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 -->