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

https://img2.mukewang.com/5b811f910001147503780110.jpg

https://img2.mukewang.com/5b811f910001930603290112.jpg


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

忽然笑
浏览 1054回答 2
2回答

慕后森

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

慕雪6442864

//拼接括号就可以了@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); }
打开App,查看更多内容
随时随地看视频慕课网APP