1

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;

うまくいきません...何か提案はありますか??

4

1 に答える 1