From 637dbd902a42f52e3dd94fc00c06858178e4abd3 Mon Sep 17 00:00:00 2001
From: Surinder Kumar <imsurinder90@gmail.com>
Date: Mon, 8 May 2017 23:57:31 +0530
Subject: [PATCH] 161-fix_select_icon_on_firefox

The character # in color needs to be escaped as %23.
Reference:
http://stackoverflow.com/questions/30918943/firefox-inserts-escape-characters-in-svg-xml-declaration-not-well-formed
---
 src/_Form.sass | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/_Form.sass b/src/_Form.sass
index f757fa8..2f34dc8 100644
--- a/src/_Form.sass
+++ b/src/_Form.sass
@@ -27,11 +27,11 @@ select
 		outline: 0
 
 select
-	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat
+	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%23d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat
 	padding-right: 3.0rem
 
 	&:focus
-		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#9b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')
+		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%239b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')
 
 textarea
 	min-height: 6.5rem