css - 撇号内的 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);
}