sprite - 生成されたコンテンツにコンパスで生成されたスプライトを使用するにはどうすればよいですか？

Question

コンパスで生成されたスプライトを使用して、下のアイコンパスを置き換えることはできますか？

a:before { content: url(/pathto/icon.png); }

そこにスプライトパスを取得する方法はわかりますが、表示されているスプライトの正しいビットを取得できるかどうかはわかりません。

Answer 1

スプライトマップを「コンテンツ」としてロードしないでください。コンテンツを「」に設定し、スプライトを背景としてロードし、他のテキスト/画像置換スプライトと同じように制御します。

a:before {
  @include <map>-sprite(<icon>);
  @include sprite-dimensions(<map>, <icon>);
  content: " ";
}

ここ<map>で、および<icon>は特定のスプライトマップおよびアイコン名に置き換えられます。