Sass混合关键帧并包括基于供应商的属性

Question

尝试为关键帧创建一个混入，该混入将对基于供应商的属性使用包含。

@mixin vendor($property, $value) {
    -webkit-#{$property}: #{$value};
    -moz-#{$property}: #{$value};
    #{$property}: #{$value};
}

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

@include keyframes(scale) {
    0% {
        @include vendor(transform, scale(1) );
    }
    100% {
        @include vendor(transform, scale(2) );
    }
}

但是如何防止不必要的供应商属性写入基于供应商的关键帧？

@-moz-keyframes scale {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
...