fix grayscale class (sass bug)

see: sass/libsass#151 (comment)
workshops-de · Sep 20, 2017 · 834504e · 834504e
1 parent 5851c4d
commit 834504e
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/assets/css/_img-utilities.scss b/assets/css/_img-utilities.scss
@@ -7,19 +7,18 @@
 }
 
 .img-grayscale-100 {
-  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
   -webkit-transition: all 300ms;
-  -webkit-filter: grayscale(100%);
-  -webkit-filter: grayscale(1);
-  filter: grayscale(100%);
+  -webkit-filter: #{ "grayscale(100%)" };
+  -webkit-filter: #{ "grayscale(1)" };
+  filter: #{ "grayscale(100%)" };
   filter: gray;
   opacity: 0.5;
   transition: 0.2s;
 
   &:hover {
-    -webkit-filter: grayscale(0%);
-    -webkit-filter: grayscale(0);
-    filter: grayscale(0%);
+    -webkit-filter: #{ "grayscale(0%)" };
+    -webkit-filter: #{ "grayscale(0)" };
+    filter: #{ "grayscale(0%)" };
     filter: none;
     opacity: 0.8
   }