mixin呼び出しに単純な補間を行いたい:
$models: "square", "square-green", "circle";
$services: "facebook", "twitter", "linkedin", "gplus", "feed";
@each $model in $models {
@include all-#{$model}-sprites;
@each $service in $services {
#{$model}-#{$service} {
&:hover{ @extend .#{$model}-#{$service}-hover;};
}
}
}
エラー sass/soboo2.scss (14 行目: " @include all-" の後の CSS が無効です: "}" が必要でしたが、"#{$model}-sprites;" でした)
また、インターネットに出回っているいくつかの構文バリエーションも試しました。
@include all-"#{$model}"-sprites;
@include [all-#{$model}-sprites];
@include [all-"#{$model}"-sprites];
@include all-$model-sprites;
うまくいきません...何か提案はありますか??