compassでcssスプライトするときの出力をできるだけ少なくする試み - しるてく

概要 Sprite layouts | Compass Documentation compassでのcssスプライトを試してみたのでメモ。 sprite-backgroundっていうmixinは結構色々な人がブログに書いてるんだけど、retina対応していなかったり、無駄な処理が入っていたりしてなんかしっくりこなかったので自分で実装してみた。 完成品 以下のファイルは使い回せるので、mixins/_sprite.scssみたいにプロジェクトに依存しないファイルとして置いておく。 @mixin sprite-background-size($name, $sprites, $device-pixel-ratio: 2) { $_width: image-width(sprite-file($sprites, $name)) / $device-pixel-ratio; $_height:

[ofsilvers]

書いた。positionだけ出力したいなあと思ってmixin小分けにしてみた。

[oki448jp]

compassでcssスプライトするときの出力をできるだけ少なくする試み