Updated _retina-sprites.scss to use dppx instead of dpi

Using 'dppx' units instead of 'dpi', as in CSS 'dpi' means dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to the actual 'dpi' of a screen.

(as suggested in Canary Chrome 30.0.1568.0)