compassのspriteでretina対応させる

2015.04.04 Compass, Sass


compassでスマホのスプライトシート作る時、どうも今までしっくりしたやり方出来なくて妥協してたので、考え直してみた。

できたものはこれ

これで、h1にsprites-dirディレクトリ内にあるhoge.pngが半分のサイズで表示されるようになる。

なんかもっと良いやり方というか、そういう指定の仕方があるのかもだけど、compass勉強になったしおけ

http://compass-style.org/reference/compass/helpers/sprites/