Add css3 filter support

Currently, MDN says only the -webkit prefix is supported, so that's all that's included.
thoughtbot · Mar 7, 2014 · 5b1c6fb · 5b1c6fb
1 parent d15aa0c
commit 5b1c6fb
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/app/assets/stylesheets/_bourbon.scss b/app/assets/stylesheets/_bourbon.scss
@@ -35,6 +35,7 @@
 @import "css3/box-sizing";
 @import "css3/calc";
 @import "css3/columns";
+@import "css3/filter";
 @import "css3/flex-box";
 @import "css3/font-face";
 @import "css3/hyphens";

diff --git a/app/assets/stylesheets/css3/_filter.scss b/app/assets/stylesheets/css3/_filter.scss
@@ -0,0 +1,5 @@
+@mixin filter($function: none) {
+  // <filter-function> [<filter-function]* | none
+  @include prefixer(filter, $function, webkit spec);
+}
+