Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Fix media-queries to work on firefox
as per https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries#-moz-device-pixel-ratio,
the `min` is infront on firefix, and is deprecated since gecko version 16 (current is
30ish), so also adding the standard one which is `min-resolution`.
  • Loading branch information
omega committed Aug 15, 2014
1 parent b9f4fc5 commit 36ff6d6
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 4 deletions.
7 changes: 5 additions & 2 deletions root/static/css/style.css
Expand Up @@ -85,9 +85,12 @@ label input[type="text"], label select {
}

@media (-webkit-min-device-pixel-ratio: 2),
(-moz-min-device-pixel-ratio: 2),
(min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2/1),
(min-device-pixel-ratio: 2) {
(min-device-pixel-ratio: 2),
(min-resolution: 2dppx),
(min-resolution: 192dpi)
{

.big-logo, .small-logo {
background-image: url('/static/images/metacpan-logo@2x.png');
Expand Down
7 changes: 5 additions & 2 deletions root/static/less/responsive.less
Expand Up @@ -149,9 +149,12 @@
}

@media (-webkit-min-device-pixel-ratio: 2),
(-moz-min-device-pixel-ratio: 2),
(min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2/1),
(min-device-pixel-ratio: 2) {
(min-device-pixel-ratio: 2),
(min-resolution: 2dppx),
(min-resolution: 192dpi)
{

.big-logo {
background-image: url('/static/images/metacpan-logo@2x.png');
Expand Down

0 comments on commit 36ff6d6

Please sign in to comment.