Sass中如何解决两个变量间小括号被忽略的问题？

Question

如图，上图是sass编写的函数，下图是生成的结果，$prop与$val间的小括号被自动忽略掉了，如果$prop后有其它字符，则小括号就能被识别，故求问，该如何解决？

Answer 1

//拼接括号就可以了
@mixin gradient($start,$stop,$attr:background,$dir:top,$way:linear){
    #{$attr}:#{$start};
    @each $core in $coreList{
        #{$attr}:-#{$core}-#{$way}-gradient +'('+(#{$dir},#{$start},#{$stop})+')';
    }
}

//效果如下
.gradient {
  background: #f2f2f2;
  background: -webkit-linear-gradient(top,#f2f2f2,#f8f8f8);
  background: -moz-linear-gradient(top,#f2f2f2,#f8f8f8);
  background: -o-linear-gradient(top,#f2f2f2,#f8f8f8);
  background: -ms-linear-gradient(top,#f2f2f2,#f8f8f8); }

Answer 2

圆括号里的值不需要内插，直接写变量名就好了。