@1x、@2x、@3x、@4x Retina ディスプレイをサポートする Retina スプライトを作成したいと考えています。Compass の外部バージョンに接続された Codekit を使用しています。いくつかのプラグインを試してみました: https://github.com/AdamBrodzinski/Retina-Sprites-for-Compass
https://github.com/Gaya/Retina-Sprites-for-Compass
これにより、@1x と @2x を簡単に作成できますが、他のサイズを作成するための簡単な解決策が見つかりません。別のスプライト スタイルシートまたは CSS のブロックを生成するのではなく、任意のクラスまたは疑似クラスにスプライトを含めることができるようにしたいと考えています。
理想的な世界では、すべてのスプライトが 1 つのスプライトシートに配置されます。これは、JavaScript を使用してプリロードすることはないと思います。HTTP リクエストをできるだけ少なくしたいからです。
お時間をいただきありがとうございます。