forms

dist/android-theme.css

@@ -88,7 +88,7 @@ body {
 select,
 textarea,
 input[type="text"],
-input[type=search],
+input[type="search"],
 input[type="password"],
 input[type="datetime"],
 input[type="datetime-local"],
@@ -105,18 +105,11 @@ input[type="color"],
   height: 40px;
   padding: 10px 15px;
   border: 1px solid rgba(0, 0, 0, 0.2);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 }
 
-input[type=search] {
-  height: 34px;
-  text-align: center;
-  background-color: rgba(0, 0, 0, 0.1);
-  border: 0;
-  border-radius: 6px;
-}
-
-input[type=search]:focus {
-  text-align: left;
+input[type="search"] {
+  border-radius: 2px;
 }
 
 select,
@@ -133,6 +126,7 @@ textarea,
 .input-group input {
   border: 0;
   border-bottom: 1px solid #d9d9d9;
+  box-shadow: none;
 }
 
 .input-group input:last-child {

dist/ios-theme.css

@@ -83,7 +83,7 @@ a {
 select,
 textarea,
 input[type="text"],
-input[type=search],
+input[type="search"],
 input[type="password"],
 input[type="datetime"],
 input[type="datetime-local"],
@@ -102,7 +102,7 @@ input[type="color"],
   border: 1px solid rgba(0, 0, 0, 0.2);
 }
 
-input[type=search] {
+input[type="search"] {
   height: 34px;
   text-align: center;
   background-color: rgba(0, 0, 0, 0.1);
@@ -110,7 +110,7 @@ input[type=search] {
   border-radius: 6px;
 }
 
-input[type=search]:focus {
+input[type="search"]:focus {
   text-align: left;
 }
 

dist/ratchet.css

@@ -526,7 +526,7 @@ select {
 select,
 textarea,
 input[type="text"],
-input[type=search],
+input[type="search"],
 input[type="password"],
 input[type="datetime"],
 input[type="datetime-local"],
@@ -552,14 +552,14 @@ input[type="color"],
   -webkit-appearance: none;
 }
 
-input[type=search] {
+input[type="search"] {
   padding: 0 10px;
   font-size: 16px;
   border-radius: 20px;
   box-sizing: border-box;
 }
 
-input[type=search]:focus {
+input[type="search"]:focus {
   text-align: left;
 }
 

docs-assets/css/docs.css

@@ -863,7 +863,7 @@ hr {
 .platform-ios select,
 .platform-ios textarea,
 .platform-ios input[type="text"],
-.platform-ios input[type=search],
+.platform-ios input[type="search"],
 .platform-ios input[type="password"],
 .platform-ios input[type="datetime"],
 .platform-ios input[type="datetime-local"],
@@ -881,14 +881,14 @@ hr {
   padding: 10px 15px;
   border: 1px solid rgba(0, 0, 0, 0.2);
 }
-.platform-ios input[type=search] {
+.platform-ios input[type="search"] {
   height: 34px;
   text-align: center;
   background-color: rgba(0, 0, 0, 0.1);
   border: 0;
   border-radius: 6px;
 }
-.platform-ios input[type=search]:focus {
+.platform-ios input[type="search"]:focus {
   text-align: left;
 }
 .platform-ios select,
@@ -1265,7 +1265,7 @@ hr {
 .platform-android select,
 .platform-android textarea,
 .platform-android input[type="text"],
-.platform-android input[type=search],
+.platform-android input[type="search"],
 .platform-android input[type="password"],
 .platform-android input[type="datetime"],
 .platform-android input[type="datetime-local"],
@@ -1282,16 +1282,10 @@ hr {
   height: 40px;
   padding: 10px 15px;
   border: 1px solid rgba(0, 0, 0, 0.2);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 }
-.platform-android input[type=search] {
-  height: 34px;
-  text-align: center;
-  background-color: rgba(0, 0, 0, 0.1);
-  border: 0;
-  border-radius: 6px;
-}
-.platform-android input[type=search]:focus {
-  text-align: left;
+.platform-android input[type="search"] {
+  border-radius: 2px;
 }
 .platform-android select,
 .platform-android textarea,
@@ -1305,6 +1299,7 @@ hr {
 .platform-android .input-group input {
   border: 0;
   border-bottom: 1px solid #d9d9d9;
+  box-shadow: none;
 }
 .platform-android .input-group input:last-child {
   background-image: none;

lib/sass/forms.scss

@@ -15,7 +15,7 @@ select {
 select,
 textarea,
 input[type="text"],
-input[type=search],
+input[type="search"],
 input[type="password"],
 input[type="datetime"],
 input[type="datetime-local"],
@@ -42,13 +42,13 @@ input[type="color"],
 }
 
 // Rounded search input
-input[type=search] {
+input[type="search"] {
   padding: 0 10px;
   font-size: 16px;
   border-radius: 20px;
   box-sizing: border-box; // Override content-box in normalize
 }
-input[type=search]:focus {
+input[type="search"]:focus {
   text-align: left;
 }
 

lib/sass/theme-android.scss

@@ -146,7 +146,7 @@ body {
 select,
 textarea,
 input[type="text"],
-input[type=search],
+input[type="search"],
 input[type="password"],
 input[type="datetime"],
 input[type="datetime-local"],
@@ -161,20 +161,15 @@ input[type="tel"],
 input[type="color"],
 .input-group {
   height: 40px;
-  padding: 10px 15px;  border: 1px solid rgba(0, 0, 0, .2);
+  padding: 10px 15px;
+  border: 1px solid rgba(0, 0, 0, .2);
+  box-shadow: 0 1px 1px rgba(0,0,0,.1);
 }
 
-// Rounded search input
-input[type=search] {
-  height: 34px;
-  text-align: center;
-  background-color: rgba(0,0,0,.1);
-  border: 0;
-  border-radius: 6px;
-}
-input[type=search]:focus {
-  text-align: left;
+input[type="search"] {
+  border-radius: $border-radius;
 }
+
 select,
 textarea,
 .input-group {
@@ -190,6 +185,7 @@ textarea,
 .input-group input {
   border: 0;
   border-bottom: 1px solid #d9d9d9;
+  box-shadow: none;
 }
 // Remove bottom border on last input to avoid double bottom border
 .input-group input:last-child {

lib/sass/theme-ios.scss

@@ -131,7 +131,7 @@ a {
 select,
 textarea,
 input[type="text"],
-input[type=search],
+input[type="search"],
 input[type="password"],
 input[type="datetime"],
 input[type="datetime-local"],
@@ -150,14 +150,14 @@ input[type="color"],
 }
 
 // Rounded search input
-input[type=search] {
+input[type="search"] {
   height: 34px;
   text-align: center;
   background-color: rgba(0,0,0,.1);
   border: 0;
   border-radius: 6px;
 }
-input[type=search]:focus {
+input[type="search"]:focus {
   text-align: left;
 }
 select,