From 2289e6003f4b00f048128e1fbb3ee027878c6b12 Mon Sep 17 00:00:00 2001 From: Phil Hughes Date: Fri, 19 Feb 2016 14:12:06 +0000 Subject: updated retina media query based on https://css-tricks.com/snippets/css/retina-display-media-query/ --- app/assets/stylesheets/pages/emojis.scss | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/app/assets/stylesheets/pages/emojis.scss b/app/assets/stylesheets/pages/emojis.scss index 9a5fe5322cf..6c721b514f8 100644 --- a/app/assets/stylesheets/pages/emojis.scss +++ b/app/assets/stylesheets/pages/emojis.scss @@ -1724,10 +1724,12 @@ height: 20px; width: 20px; - @media only screen and (-webkit-min-device-pixel-ratio: 1.5), - only screen and (-moz-min-device-pixel-ratio: 1.5), - only screen and (-o-min-device-pixel-ratio: 3/2), - only screen and (min-device-pixel-ratio: 1.5) { + @media only screen and (-webkit-min-device-pixel-ratio: 2), + only screen and (min--moz-device-pixel-ratio: 2), + only screen and (-o-min-device-pixel-ratio: 2/1), + only screen and (min-device-pixel-ratio: 2), + only screen and (min-resolution: 192dpi), + only screen and (min-resolution: 2dppx) { background-image: image-url('emoji@2x.png'); background-size: 840px 820px; } -- cgit v1.2.1