как создать миксин @keyframes в SCSS (3.1.16)

Я уже пробовал

$prefixes: ("-webkit-","-moz-", "-o-", "");
@mixin keyframes($name) {
    @each $prefix in $prefixes {
        @#{$prefix}keyframes #{$name} { @content; }
    }
}

и

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

как это сделать? Не удалось найти решения с помощью Google:(