Permalink
Browse files

Merge pull request #887 from mrwweb/html5-inputs

List all HTML5 input types. Props @mrwweb
  • Loading branch information...
sixhours committed Dec 21, 2015
2 parents cdd101e + 9ccc1fa commit d40faf1e4517173d9745b7697cffcac2fb61a22b
Showing with 61 additions and 3 deletions.
  1. +25 −1 sass/forms/_fields.scss
  2. +36 −2 style.css
View
@@ -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 $color__border-input;
+}
+
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;
}
View
@@ -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;
}

0 comments on commit d40faf1

Please sign in to comment.