css - 撇号内的SCSS变量内容

@mixin f1($color1, $color2){
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2',GradientType=0);
}

我想做的是摆脱撇号把$ color1变成字符串的能力。
startColorstr ='$ color1'到startColor1str ='＃000000'。

@mixin f1($color1, $color2){
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=+"'"+$color1+"'"+, endColorstr=+"'"+$color2+"'"+,GradientType=0);
}

这没有用

最佳答案

显然我不得不在'{$ color}'之类的方括号内添加变量，但仍然无法单独使用。
我还必须添加“＃”（哈希）以及“＃{$ color}”（即使我在mixin中传递了“＃333”的值，它仍然需要使用＃

所以结果看起来像这样：

@mixin f1($color1,$color2){
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$color1}', endColorstr='#{$color2}',GradientType=0);
}