compassのspriteでretina対応させる

2015.04.04 Compass, Sass


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

できたものはこれ

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

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

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

 

 

 

compassのバージョンを新たに追加する

2015.02.17 Compass


 こんなかんじ

で、案件ごとにバージョン変えて使いたいときは

Gemfileに

 多分、これでおっけ ?