Animation keyframes mixin

[sergeylukin]

Following SCSS:

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

@include keyframes( change-color )
{
    0% { color: green; }
    100% { color: red; }
}

..compiles into:

@-webkit-keyframes $name {
  0% { color: green; }
  100% { color: red; }
}

...while it should be compiled into:

@-webkit-keyframes change-color {
  0% { color: green; }
  100% { color: red; }
}

If replacing @-webkit-keyframes $name with @-webkit-keyframes #{$name} it compiles correctly though.

Any thoughts?

[robocoder]

This is a sass 3.3.x compatibility issue. (Your example doesn't compile with sass 3.2.x.)