ruby-on-rails - Rails SASS 编译器不知道 compass 动画

Question

我在用

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

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

而 rails 给了我以下错误:

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

我正在使用最新的 SASS 和 compass --pre (alpha)，它应该支持动画。

Answer 1

尝试在您的 GemFile 中使用以下 gems 组合:

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";