このミキシングで私が抱えている問題は、コンパスが提供するさまざまなスプライト ミックスインを呼び出すための補間ができないことです。
これを 1 か所にまとめて、別の scss でスプライトを作成し、この共有ミキシングを含めて使用できるようにしたいと考えています。
これまでのところ、Sass はそれを許可していないようです。たぶん、私はクレイジーで悪いやり方をしているだけかもしれません(私は実際にはデザイナーではなく、数か月前にsassについて学びました)。
御時間ありがとうございます。
@mixin icon-button($width, $height, $icon-bg-color, $icon, $sprite-name){
.icon-base{
width: $width;
height: $height;
background-color: $icon-bg-color;
.icon{
$icon-height: #{$sprite-name}-sprite-height(#{$icon});
$icon-width: #{$sprite-name}-sprite-width(#{$icon});
@include #{$sprite-name}-sprite(#{$icon});
width: $icon-width;
height: $icon-height;
position: relative;
left: ($width - $icon-width)/2;
top: ($height - $icon-height)/2;
}
}
}