css - コンパススプライトから画像の幅と高さを取得する

Question

コンパスからスプライトを生成するときに、画像の幅と高さを取得するのに問題があります。ライブウォッチにScoutを使用していて、画像フォルダーを既に構成しています。スプライトしたい画像がcommonというフォルダーにあります。

これが私のコードです

@import "common/*.png";
.facebook { @include common-sprite(facebook); }

これは機能して背景位置を生成しますが、幅と高さを取得したいと思います。

どれも素晴らしいでしょう！

Answer 1

私は解決策を見つけました。$common-sprite-dimensions: true;（コンパススプライトオプションのドキュメントへのリンク）を追加すると、幅と高さが出力に追加されます。

Answer 2

すべてのスプライトの使用法を画像サイズで定義したくない場合は、次のこともできます。

@import "common/*.png";
.facebook { @include common-sprite(facebook, true); }

このパラメーターは、クラス定義trueでのみ画像の幅と高さを生成します。.facebook