Merge pull request thoughtbot#109 from thoughtbot/gf-image-rendering

image-rendering mixin
colourgarden · Jul 27, 2012 · 8ee9627 · 8ee9627
2 parents 42e727b + 1ecc94e
commit 8ee9627
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/app/assets/stylesheets/_bourbon.scss b/app/assets/stylesheets/_bourbon.scss
@@ -21,6 +21,7 @@
 @import "css3/box-sizing";
 @import "css3/columns";
 @import "css3/flex-box";
+@import "css3/image-rendering";
 @import "css3/inline-block";
 @import "css3/linear-gradient";
 @import "css3/prefixer";

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;
+  }
+}