From 56f8386848b1110d23fffe9a6a43d15157a245b2 Mon Sep 17 00:00:00 2001
From: Takaaki Sato <taquaki-satwo@users.noreply.github.com>
Date: Fri, 24 Aug 2018 17:18:34 +0900
Subject: [PATCH] Fix unescaped '#' characters

https://www.chromestatus.com/features/5656049583390720
---
 sass/mixins.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/sass/mixins.scss b/sass/mixins.scss
index 9ee5477..9b62737 100644
--- a/sass/mixins.scss
+++ b/sass/mixins.scss
@@ -115,12 +115,12 @@
 // --------------------------------------------------
 @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='%23{$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='100%' 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-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='%23{$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='%23{$color}' x='0' y='0' width='100%' height='0.5'/></svg>");
     background-position: $offset 100%, $offset 0;
   }
   background-repeat: no-repeat;