From 48350a7a6b3c0bb8c5734c9d53776cb4d334ac92 Mon Sep 17 00:00:00 2001
From: Toni Almeida <promatik@gmail.com>
Date: Sat, 13 Oct 2018 22:48:54 +0100
Subject: [PATCH 1/2] Changed static colors to variables to meet the user theme
 colors str-slice removes the `#` char

---
 src/_Form.sass | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/_Form.sass b/src/_Form.sass
index 04135a5..af6d30b 100644
--- a/src/_Form.sass
+++ b/src/_Form.sass
@@ -33,11 +33,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="%23d1d1d1" 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="%23' + str-slice(inspect($color-quaternary), 2) + '" 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="%239b4dca" 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="%23' + str-slice(inspect($color-primary), 2) + '" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')
 
 textarea
 	min-height: 6.5rem

From 985c02a626f7bd99fe06c8c27d3fe8c66dfb2dc9 Mon Sep 17 00:00:00 2001
From: Toni Almeida <promatik@gmail.com>
Date: Sat, 13 Oct 2018 22:54:00 +0100
Subject: [PATCH 2/2] Improved svg arrow draw, saved 90 bytes

---
 src/_Form.sass | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/_Form.sass b/src/_Form.sass
index af6d30b..16e3823 100644
--- a/src/_Form.sass
+++ b/src/_Form.sass
@@ -33,11 +33,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="%23' + str-slice(inspect($color-quaternary), 2) + '" 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" viewBox="0 0 30 8" width="30"><path fill="%23' + str-slice(inspect($color-quaternary), 2) + '" d="M0,0l6,8l6-8"/></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="%23' + str-slice(inspect($color-primary), 2) + '" 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" viewBox="0 0 30 8" width="30"><path fill="%23' + str-slice(inspect($color-primary), 2) + '" d="M0,0l6,8l6-8"/></svg>')
 
 textarea
 	min-height: 6.5rem