4

私は使っている

@include keyframes(small) {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.small {
  @include animation(small 1s infinite);
}

そしてレールは私に次のエラーを与えます:

Sass::SyntaxError at /
Undefined mixin 'keyframes'. (or 'animation')

アニメーションをサポートする最新の SASS と compass --pre (alpha) を使用しています。

4

2 に答える 2

0

GemFile で次の gem の組み合わせを使用してみてください。

gem "sass", "~> 3.2.19"
gem 'sass-rails', '~> 4.0.4'
gem "compass", "~> 0.12.7"
gem 'compass-rails', '~> 2.0.0'

次に、scss ファイルの先頭に次の行があることを確認します。

@import "compass";
@import "compass/css3";
于 2014-11-19T16:05:07.283 に答える
0

次のgemfileの更新でそれができるはずです...

# compass 1.0 needed to use keyframe mixin
# but compass 1.0 needs Sass 3.3 (further below)
gem "compass", "~> 1.0" 
gem 'compass-rails'

# use sass-rails ~>5.0 to get Sass ~>3.3 
# needed for compass ~>1.0 
# which is needed for keyframes mixin
gem 'sass-rails', "~>5.0"
于 2015-02-11T13:44:50.197 に答える