SCSS mixinベンダー固有の属性

Question

ベンダー固有の属性を処理するためにmixinを書いていますが、サポートしたいベンダーを指定できるようにしたいと考えています。

-moz-border-radius: 12px; 
-moz-border-radius: 12px; 
-moz-border-radius: 12px; 

私も試してみました...

@mixin vendor($attribute, $value, $vendors: (moz, ms, webkit)) { 
    @each $vendor in $vendors { 
     #{$vendor -$attribute}: $value; 
    } 
    #{$attribute}: $value; 
} 

はCSSを結果の

私が試してみました

...

@mixin vendor($attribute, $value, $vendors: (moz, ms, webkit)) { 
    @each $vendor in $vendors { 
     #{-$vendor -$attribute}: $value; 
    } 
    #{$attribute}: $value; 
} 

Resuling CSS ... ...

moz-border-radius: 12px; 
ms-border-radius: 12px; 
webkit-border-radius: 12px; 

私は間違って何をしていますか？

Answer 1

私はあなたの2回目の試行を更新：

@mixin vendor($attribute, $value, $vendors: (moz, ms, webkit)) { 
    @each $vendor in $vendors { 
     -#{$vendor -$attribute}: $value; 
    } 
    #{$attribute}: $value; 
} 

は、だから、僕は#{$vendor -$attribute}前-を追加しました。