Added support for retina graphics in Opera and Firefox.

3onesix · Jul 17, 2012 · 08849a1 · 08849a1
1 parent 490687c
commit 08849a1
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/_mixins.scss b/_mixins.scss
@@ -119,6 +119,18 @@
 		background-image: url('../images/' + $retina_name) !important;
 		@include experimental-property(-webkit, background-size, $width $height);
 	}
+	@media (-moz-min-device-pixel-ratio: 2) {
+		background-image: url('../images/' + $retina_name) !important;
+		@include experimental-property(-webkit, background-size, $width $height);
+	}
+	@media (-o-min-device-pixel-ratio: 2) {
+		background-image: url('../images/' + $retina_name) !important;
+		@include experimental-property(-webkit, background-size, $width $height);
+	}
+	@media (min-device-pixel-ratio: 2) {
+		background-image: url('../images/' + $retina_name) !important;
+		@include experimental-property(-webkit, background-size, $width $height);
+	}
 }
 
 @mixin sprite($file, $type, $row:1, $col:1, $width: 16px, $height: 16px, $retina: false, $sprite_width: '', $sprite_height: '')