SASS Animation mixin

mixins.scss

// Keyframe animations
// # Use:  `@include animation('ANIM_NAME DURATION ITERATION_COUNT');`
@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};
}

style.scss

@include keyframes(my-animation) {
    0% { opacity: 1; }
    90% { opacity: 0; }
}

.something {
    @include animation('my-animation 5s infinite');
}