_grid-overlay.scss in flint-gs-2.3.3

- old
+ new
@@ -9,16 +9,16 @@
 /// @param {Number} $gutter     - gutter value
 ///
 /// @group Internal Mixins
 ///
 @mixin flint-svg-grid($key, $breakpoint, $columns, $gutter) {
-  $svg: "<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'>\A
-    <defs>\A
-      <linearGradient id='gr' x1='0%' y1='0%' x2='100%' y2='0%'>\A
-        <stop offset='0%' style='stop-color: #{$flint-overlay-color};' />\A
-        <stop offset='100%' style='stop-color: #{lighten($flint-overlay-color, 10%)};' />\A
-      </linearGradient>\A
-    </defs>";
+  $svg: "<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'>";
+  $svg: $svg + "<defs>";
+  $svg: $svg + "<linearGradient id='gr' x1='0%' y1='0%' x2='100%' y2='0%'>";
+  $svg: $svg + "<stop offset='0%' style='stop-color: #{$flint-overlay-color};' />";
+  $svg: $svg + "<stop offset='100%' style='stop-color: #{lighten($flint-overlay-color, 10%)};' />";
+  $svg: $svg + "</linearGradient>";
+  $svg: $svg + "</defs>";
 
   @for $i from 1 through $columns {
     $x: flint-fluid-width(((($breakpoint / $columns) * ($i - 1)) + $gutter), $breakpoint);
     $span: flint-fluid-width(((($breakpoint) / $columns)) - ($gutter * 2), $breakpoint);
     $svg: $svg + "<rect x='#{$x}' fill='url(#gr)' width='#{$span}' height='100%'/>";