tests for the css3 filter property.

elado · Jun 23, 2012 · 95219a2 · 95219a2
1 parent dd742b7
commit 95219a2
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 0 deletions.
diff --git a/test/fixtures/stylesheets/compass/css/filters.css b/test/fixtures/stylesheets/compass/css/filters.css
@@ -0,0 +1,29 @@
+.blur {
+  -webkit-filter: blur(5px);
+  -moz-filter: blur(5px);
+  filter: blur(5px); }
+
+.brightness {
+  -webkit-filter: brightness(0.2);
+  -moz-filter: brightness(0.2);
+  filter: brightness(0.2); }
+
+.hue-rotate {
+  -webkit-filter: hue-rotate(20deg);
+  -moz-filter: hue-rotate(20deg);
+  filter: hue-rotate(20deg); }
+
+.contrast {
+  -webkit-filter: contrast(150%);
+  -moz-filter: contrast(150%);
+  filter: contrast(150%); }
+
+.grayscale {
+  -webkit-filter: grayscale(150%);
+  -moz-filter: grayscale(150%);
+  filter: grayscale(150%); }
+
+.sepia {
+  -webkit-filter: sepia(150%);
+  -moz-filter: sepia(150%);
+  filter: sepia(150%); }
diff --git a/test/fixtures/stylesheets/compass/sass/filters.scss b/test/fixtures/stylesheets/compass/sass/filters.scss
@@ -0,0 +1,24 @@
+@import "compass/css3/filter";
+
+.blur {
+  @include filter(blur(5px));
+}
+.brightness {
+  @include filter(brightness(0.2));
+}
+// We can enable this test case when sass commit 38f3c4be8bc15c130c5b1cc5880c9131e1bcb08f is released.
+// .saturate {
+//   @include filter(saturate(50%));
+// }
+.hue-rotate {
+  @include filter(hue-rotate(20deg));
+}
+.contrast {
+  @include filter(contrast(150%));
+}
+.grayscale {
+  @include filter(grayscale(150%));
+}
+.sepia {
+  @include filter(sepia(150%));
+}