SASS V3.4中的SCSS混合错误(不适用于V3.3)

SASS V3.4中的SCSS混合错误(不适用于V3.3),sass,Sass,下面的代码有问题。用于测试我已经意识到,SASS 3.3版可以,但3.4版不行。我应该如何更改代码以使其与当前版本一起工作 @mixin keyframes ($animation-name) { @-webkit-keyframes $animation-name { @content; } @-moz-keyframes $animation-name { @content; } @keyframes $animation-name { @cont

下面的代码有问题。用于测试我已经意识到,SASS 3.3版可以,但3.4版不行。我应该如何更改代码以使其与当前版本一起工作

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

@include keyframes(move-up) {
    0% {
        top: 25px;
        opacity: 1;
      }

  100% {
    top: -50px;
    opacity: 0;
  }
}
V3.3的预期输出应该如下所示

@-webkit-keyframes move-up {
  ...
}
但在V3.4中,我得到了以下信息

@-webkit-keyframes $animation-name {
  ...
}

在SCSSV3.4中,您可以使用
{}

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

@include keyframes(move-up) {
    0% {
        top: 25px;
        opacity: 1;
      }

  100% {
    top: -50px;
    opacity: 0;
  }
}