撇号内的SCSS变量内容

Question

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

这无效

Answer 1

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

所以结果看起来像这样：

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