SCSS/SASS @mixin $列表@each迭代问题

Question

鉴于我有一个列表：

$box-shadow-properties: -webkit-box-shadow, -moz-box-shadow, box-shadow; 

我希望能够通过这个列表一个mixin迭代：

@mixin box-shadow-with-inset($box-shadow-params, $inset-params) { 
    @each $property in $box-shadow-properties { 
    $property: $box-shadow-params, $inset-params; 
    } 
} 

所以我可以这样称呼：

@include box-shadow-with-inset(0px 1px 3px rgba(0, 0, 0, 0.25), inset 0px -1px 0px rgba(0, 0, 0, 0.1)); 

没有编译错误，但它没有编译到CSS文件 - 它就好像完全忽略了一样。任何人有任何想法？

Answer 1

想通了。显然，你必须在与这样的列表结合使用时插入属性名称。所以：

BAD：

$property: $box-shadow-params, $inset-params; 

GOOD：

#{$property}: $box-shadow-params, $inset-params;