ruby - Sencha Touch - Compass コンパイルでの未定義 mixin 'experimental'

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

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