Add hidpi media query for mozilla browsers

Summary: Modern mozilla browsers use min-resolution.

Test Plan: Regernate sprites, use site in Firefox, see correct header image.

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: epriestley, Korvin

Differential Revision: https://secure.phabricator.com/D13555
This commit is contained in:
Chad Little
2015-07-05 12:24:57 -07:00
parent 7cc8a73d1e
commit 0cd5031ada
19 changed files with 102 additions and 97 deletions

View File

@@ -232,7 +232,8 @@ final class CeleritySpriteGenerator extends Phobject {
$retina_rules = <<<EOCSS
@media
only screen and (min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5) {
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
.sprite-{$name}{$extra_css} {
background-image: url(/rsrc/image/sprite-{$name}-X2.png);
background-size: {X}px {Y}px;