Adds image-rendering mixin

webeau · Jul 27, 2012 · 1ecc94e · 1ecc94e
1 parent 5122d03
commit 1ecc94e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 17 deletions.
diff --git a/app/assets/stylesheets/css3/_image-rendering.css b/app/assets/stylesheets/css3/_image-rendering.css
diff --git a/app/assets/stylesheets/css3/_image-rendering.scss b/app/assets/stylesheets/css3/_image-rendering.scss
@@ -0,0 +1,13 @@
+@mixin image-rendering ($mode:optimizeQuality) {
+
+  @if ($mode == optimize-contrast) {
+      image-rendering: -moz-crisp-edges;
+      image-rendering: -o-crisp-edges;
+      image-rendering: -webkit-optimize-contrast;
+      image-rendering: optimize-contrast;
+  }
+
+  @else {
+      image-rendering: $mode;
+  }
+}