SASS V3.4中的SCSS混合错误(不适用于V3.3)
下面的代码有问题。用于测试我已经意识到,SASS 3.3版可以,但3.4版不行。我应该如何更改代码以使其与当前版本一起工作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
@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;
}
}