_form.scss in materialize-sass-0.96.1

- old
+ new

@@ -142,13 +142,50 @@
     .prefix ~ input {
       width: 80%;
       width: calc(100% - 3rem);
     }
   }
+}
 
+
+// Search Field
+
+
+.input-field input[type=search] {
+  display: block;
+  line-height: inherit;
+  padding-left: 4rem;
+  width: calc(100% - 4rem);
+
+  &:focus {
+    background-color: #FFF;
+    border: 0;
+    box-shadow: none;
+    color: #444;
+
+    & + label i,
+    & ~ .mdi-navigation-close {
+      color: #444;
+    }
+  }
+
+  & + label {
+    left: 1rem;
+  }
+
+  & ~ .mdi-navigation-close {
+    position: absolute;
+    top: 0;
+    right: 1rem;
+    color: transparent;
+    cursor: pointer;
+    font-size: 2rem;
+    transition: .3s color;
+  }
 }
 
+
 // Default textarea
 textarea {
    width: 100%;
    height: 3rem;
    background-color: transparent;
@@ -540,11 +577,10 @@
   position: absolute;
 }
 
 .select-wrapper {
   position: relative;
-  margin-top: 15px;
 
   input.select-dropdown {
     position: relative;
     cursor: pointer;
     // color: #444;
@@ -559,19 +595,24 @@
     margin: 0 0 15px 0;
     padding: 0;
     display: block;
   }
   .mdi-navigation-arrow-drop-down {
-      color: initial;
-      position: absolute;
-      right: 0;
-      top: 0;
-      font-size: 23px;
-      &.disabled {
-        color: $input-disabled-color;
-      }
+    color: initial;
+    position: absolute;
+    right: 0;
+    top: 0;
+    font-size: 23px;
+    &.disabled {
+      color: $input-disabled-color;
     }
+  }
+  & + label {
+    position: absolute;
+    top: -14px;
+    font-size: $label-font-size;
+  }
 }
 
 select { display: none; }
 select.browser-default { display: block; }
 
@@ -580,18 +621,21 @@
 select:disabled {
   color: rgba(0,0,0,.3);
 }
 .select-wrapper input.select-dropdown:disabled {
   color: rgba(0,0,0,.3);
+  cursor: default;
+  -webkit-user-select: none; /* webkit (safari, chrome) browsers */
+  -moz-user-select: none; /* mozilla browsers */
+  -ms-user-select: none; /* IE10+ */
   border-bottom: 1px solid rgba(0,0,0,.3);
 }
 .select-wrapper i {
   color: rgba(0,0,0,.3);
 }
 .select-dropdown li.disabled {
   color: rgba(0,0,0,.3);
-
-  &:hover { background-color: transparent; }
+  background-color: transparent;
 }
 
 
 /*********************
       File Input