Web開発者ブログSass+CompassでiPhoneのRetina用CSSスプライトを用意する2012-09-29TweetSass+CompassはCSSスプライトを自動で作ってくれるので便利ですが、Retina用の画像は2倍の大きさの画像を半分のサイズに指定するので位置がずれてしまいます。画像のサイズを半分の大きさに指定して、ポジションも半分の位置にするミックスインを書いてみました。ような値になりますnth()でpositionのheight値を取得して半分にするというような処理を行なっています。-50px;}というようなcssに展開されます。画像の大きさを自動で取得してくれるの便利ですね。