diff --git a/sass/forms/_fields.scss b/sass/forms/_fields.scss index 508d9414..b61e0b64 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 $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; } 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; }