From 309037e2ade5f22f26a09dc4d713fb5b18012102 Mon Sep 17 00:00:00 2001
From: mrwweb <info@mrwweb.com>
Date: Tue, 8 Dec 2015 08:28:48 -0800
Subject: [PATCH 1/2] list all html5 input types. fixes #885

---
 sass/forms/_fields.scss | 26 +++++++++++++++++++++++++-
 style.css               | 38 ++++++++++++++++++++++++++++++++++++--
 2 files changed, 61 insertions(+), 3 deletions(-)

diff --git a/sass/forms/_fields.scss b/sass/forms/_fields.scss
index 508d9414..61e934ed 100644
--- a/sass/forms/_fields.scss
+++ b/sass/forms/_fields.scss
@@ -3,6 +3,16 @@ input[type="email"],
 input[type="url"],
 input[type="password"],
 input[type="search"],
+input[type="number"],
+input[type="tel"],
+input[type="range"],
+input[type="date"],
+input[type="month"],
+input[type="week"],
+input[type="time"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="color"],
 textarea {
 	color: $color__text-input;
 	border: 1px solid $color__border-input;
@@ -13,11 +23,25 @@ textarea {
 	}
 }
 
+select {
+	border: 1px solid #ccc;
+}
+
 input[type="text"],
 input[type="email"],
 input[type="url"],
 input[type="password"],
-input[type="search"] {
+input[type="search"],
+input[type="number"],
+input[type="tel"],
+input[type="range"],
+input[type="date"],
+input[type="month"],
+input[type="week"],
+input[type="time"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="color"] {
 	padding: 3px;
 }
 
diff --git a/style.css b/style.css
index dfdd27a6..3dd66728 100644
--- a/style.css
+++ b/style.css
@@ -35,7 +35,7 @@ Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 # Clearings
 # Widgets
 # Content
-    ## Posts and pages
+	## Posts and pages
 	## Asides
 	## Comments
 # Infinite scroll
@@ -461,17 +461,41 @@ input[type="email"],
 input[type="url"],
 input[type="password"],
 input[type="search"],
+input[type="number"],
+input[type="tel"],
+input[type="range"],
+input[type="date"],
+input[type="month"],
+input[type="week"],
+input[type="time"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="color"],
 textarea {
 	color: #666;
 	border: 1px solid #ccc;
 	border-radius: 3px;
 }
 
+select {
+	border: 1px solid #ccc;
+}
+
 input[type="text"]:focus,
 input[type="email"]:focus,
 input[type="url"]:focus,
 input[type="password"]:focus,
 input[type="search"]:focus,
+input[type="number"]:focus,
+input[type="tel"]:focus,
+input[type="range"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="week"]:focus,
+input[type="time"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="color"]:focus,
 textarea:focus {
 	color: #111;
 }
@@ -480,7 +504,17 @@ input[type="text"],
 input[type="email"],
 input[type="url"],
 input[type="password"],
-input[type="search"] {
+input[type="search"],
+input[type="number"],
+input[type="tel"],
+input[type="range"],
+input[type="date"],
+input[type="month"],
+input[type="week"],
+input[type="time"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="color"] {
 	padding: 3px;
 }
 

From 9ccc1faa9eb07b5723fd8573122dae3d1fa4bc11 Mon Sep 17 00:00:00 2001
From: mrwweb <info@mrwweb.com>
Date: Wed, 9 Dec 2015 07:54:16 -0800
Subject: [PATCH 2/2] use sass var for select border color

---
 sass/forms/_fields.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/sass/forms/_fields.scss b/sass/forms/_fields.scss
index 61e934ed..b61e0b64 100644
--- a/sass/forms/_fields.scss
+++ b/sass/forms/_fields.scss
@@ -24,7 +24,7 @@ textarea {
 }
 
 select {
-	border: 1px solid #ccc;
+	border: 1px solid $color__border-input;
 }
 
 input[type="text"],