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; 
    } 
}