nex3/sass — Issue #207: Interpolation not allowed in keyframe @-Rule/Directives
Author: chrisbuttery
Created: 2011-11-02 04:13:56+00:00
State: open

Howdy,

I've just noticed that Interpolation doesn't seem to be working the following directive:

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

Produces:
(Line 2: Invalid CSS after "...bkit-keyframes ": expected "}", was "#{$name} { @con...")

I have noticed by wrapping the #{$name} in single quites inside the @-rule works, but only for Chrome & Safari.

```
@mixin keyframes($name) {
@-webkit-keyframes '#{$name}' { @content; }
@-moz-keyframes '#{$name}' { @content; }
@-ms-keyframes '#{$name}' { @content; }
@-o-keyframes '#{$name}' { @content; }
@keyframes '#{$name}' { @content; }
}
```
Cheers