Sassのmixinsと$ variablesに困惑しました

Question

ここでは初心者です。ミックスインで遊ぶ。何かが正しくない：

$> sass -v 
Sass 3.4.23 (Selective Steve) 

$> cat myscss.scss 

// Keyframe animations 
@mixin keyframes($animation-name) { 
    @-webkit-keyframes $animation-name { 
    @content; 
    } 
} 

@include keyframes(move-up) { 
    0% { 
    top: 25px; 
    opacity: 1; 
    } 

    100% { 
    top: -50px; 
    opacity: 0; 
    } 
} 


$> sass myscss.scss 
@-webkit-keyframes $animation-name { 
    0% { 
    top: 25px; 
    opacity: 1; } 
    100% { 
    top: -50px; 
    opacity: 0; } } 

これは問題です。私は期待していた：

@-webkit-keyframes move-up { 
    0% { 
    top: 25px; 
    opacity: 1; } 
    100% { 
    top: -50px; 
    opacity: 0; } } 

私は何が欠けていますか？

ここに私の追加テキストまたは無意味なテキストを添付してください。どうやらstackoverflowはあまりにも多くのコードとあまりにも少ないテキストを見ているので私の質問を投稿させません。うまくいけばこれで十分です。

Answer 1

周りグーグルで、私は、これはトリックを行うことがわかりますが、それがない理由、それは私には明らかではない。

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