Fixes double-quoted strings

sass/mixins.scss

@@ -55,7 +55,7 @@
   background-image:     -ms-linear-gradient(45deg, $color-from 0%, $color-to 100%);           // IE10+
   background-image:      -o-linear-gradient(45deg, $color-from 0%, $color-to 100%);           // Opera 11.10+
   background-image:         linear-gradient(45deg, $color-from 0%, $color-to 100%);     // W3C
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$color-from}', endColorstr='#{$color-to}', GradientType=1 ); // IE6-9
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$color-from}', endColorstr='#{$color-to}', GradientType=1); // IE6-9
 }
 
 
@@ -115,13 +115,13 @@
 // --------------------------------------------------
 @mixin hairline($type, $color, $offset) {
   @if $type == single {
-    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#{$color}' x='0' y='0' width='100%' height='0.5'/></svg>");
+    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill="#{$color}" x='0' y='0' width='100%' height='0.5'/></svg>");
     background-position: $offset 100%;
 
   } @else if $type == double {
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10gem update --system
-0%' height='1'><rect fill='#{$color}' x='0' y='0' width='100%' height='0.5'/></svg>"),
-                      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#{$color}' x='0' y='0' width='100%' height='0.5'/></svg>");
+0%' height='1'><rect fill="#{$color}" x='0' y='0' width='100%' height='0.5'/></svg>"),
+                      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill="#{$color}" x='0' y='0' width='100%' height='0.5'/></svg>");
     background-position: $offset 100%, $offset 0;
   }
   background-repeat: no-repeat;