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;