인수 보간법이있는 SCSS mixin이 작동하지 않습니다.

Question

Ultimate CSS Gradient Generator에 대해 CSS 배경 그라디언트를 생성하기 위해 mixin을 만듭니다.

@mixin gradient-2-colors($color-1, $color-1-pos, $color-2, $color-2-pos) { 
    background: -moz-linear-gradient(top, $color-1 $color-1-pos, $color-2 $color-2-pos); 
    ... [OTHER BROWSER-SPECIFIC ENTRIES]... 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color-1', endColorstr=\'$color-2\',GradientType=0); 
} 

을 마지막 항목은 startColorstr='$color-1'에서 $color-1 변수로 해석되지 않기 때문에, 나에게 문제를주고있다 :

믹스 인은 다음과 같습니다! 변수가 따옴표 안에서 작동하도록하려면 믹스의이 구성 요소를 어떻게 피할 수 있습니까?

Answer 1

사용 interpolation :

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$color-1}', endColorstr=\'#{$color-2}\',GradientType=0);