retina icons issue on nav – use dppx

Hey guys,

Just wanted to request if for future updates, on style.css you could use dppx for retina media-query when calling icons sprite. It has been giving us some headaches every time we update the theme mobile nav and search icons disappeared because it was placing bigger icons instead of higher resolution icons.

Chrome reports:
Consider 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. In media query expression: only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)

We solved it by adding dppx after the number 2 on line 10798

@media only screen and (-webkit-min-device-pixel-ratio: 2dppx), only screen and (-moz-min-device-pixel-ratio: 2dppx), only screen and (min-device-pixel-ratio: 2dppx) {

Thanks