当使用关键帧动画的时候，提示 no mixin named keyframes

[thethreeonee]

你好，
我在我的 scss 文件里这么写：

@import "compass/css3";

@include keyframes(breatharrow) {
  0%    {@include opacity(0.2);}
  25%   {@include opacity(0.3);}
  50%   {@include opacity(0.4);}
  100%  {@include opacity(0.5);}
}

编译的时候提示
no mixin named keyframes

[qdsang]

估计是 使用的compass版本太旧了。 我更新下试试。
旧版本中貌似没有keyframes函数

[qdsang]

fex-team/fis-parser-sass#12
fex-team/fis-parser-sass#14
推测是 libsass 目前还不支持 compass 新版使用的sass语法

如果要用 keyframes 可以自己写一个函数

@mixin keyframes($animation-name) {
  @-webkit-keyframes $animation-name {
    @content;
  }
  @-moz-keyframes $animation-name {
    @content;
  }
  @keyframes $animation-name {
    @content;
  }
}

@mixin animation($str) {
  -webkit-animation: #{$str};
  animation: #{$str};
}

[thethreeonee]

好的，只能先自己写了