sass 画像スプライトと span タグを使用して画像を作成しています。現在、これらの画像のサイズを変更する際に問題が発生しています。usingbackground-size
は、選択したスプライトだけでなく、スプライト アトラス全体に何らかの形で適用されるようです。
スプライト画像のサイズを変更するにはどうすればよいですか?
コード例、次のようにスプライトをセットアップします。
@import "compass/utilities/sprites/sprite-img";
@import "icons/*.png";
@include all-icons-sprites;
そして、クラスタグでそれらを使用するか、scss ファイルでそれらを直接言及する新しいクラスを作成します。
.more span.right-icon {
@include icons-sprite('item-more');
}