_form.scss in materialize-sass-0.97.0

- old
+ new

@@ -179,11 +179,11 @@
   line-height: inherit;
   padding-left: 4rem;
   width: calc(100% - 4rem);
 
   &:focus {
-    background-color: #FFF;
+    background-color: $input-bg-color;
     border: 0;
     box-shadow: none;
     color: #444;
 
     & + label i,
@@ -492,12 +492,12 @@
       left: 1px;
       width: 8px;
       height: 13px;
       border-top: 2px solid transparent;
       border-left: 2px solid transparent;
-      border-right: 2px solid #fff;
-      border-bottom: 2px solid #fff;
+      border-right: 2px solid $input-bg-color;
+      border-bottom: 2px solid $input-bg-color;
       -webkit-transform: rotateZ(37deg);
       transform: rotateZ(37deg);
 
       -webkit-transform-origin: 100% 100%;
       transform-origin: 100% 100%;
@@ -631,16 +631,16 @@
     font-size: 1rem;
     margin: 0 0 15px 0;
     padding: 0;
     display: block;
   }
-  .mdi-navigation-arrow-drop-down {
+  span.caret {
     color: initial;
     position: absolute;
     right: 0;
-    top: 0;
-    font-size: 23px;
+    top: 16px;
+    font-size: 10px;
     &.disabled {
       color: $input-disabled-color;
     }
   }
   & + label {
@@ -679,19 +679,18 @@
       File Input
 **********************/
 .file-field {
   position: relative;
 
-  input.file-path {
-    margin-left: 100px;
-    width: calc(100% - 100px);
+  .file-path-wrapper {
+    overflow: hidden;
+    padding-left: 10px;
   }
+  input.file-path { width: 100%; }
 
   .btn {
-    position: absolute;
-    top: 0;
-    left: 0;
+    float: left;
     height: 3rem;
     line-height: 3rem;
   }
 
   span {
@@ -762,10 +761,10 @@
 
   &.active {
     border-radius: 50% 50% 50% 0;
 
     .value {
-      color: #fff;
+      color: $input-bg-color;
       margin-left: -1px;
       margin-top: 8px;
       font-size: 10px;
     }
   }