Merge pull request #114 from gpbl/hotfix/safari-input-focus

Use the general sibling selector for input:focus

Author: Hai Nguyen

src/less/components/input.less

@@ -106,31 +106,27 @@
     &:focus, &:valid {
       outline: none;
       box-shadow: none;
-      &+.mui-input-placeholder {
+      &~.mui-input-placeholder {
         color: blue;
         font-size: @input-placeholder-size !important;
         font-weight: 300;
         top: -32px;
         .ease-out;
-
-        &+.mui-input-highlight {
+      }
+      &~.mui-input-highlight {
           width: 0;
           background-color: blue;
           .ease-out;
-
-          &+.mui-input-bar {
-
-            &::before, &::after {
-              background-color: blue;
-              width: 50%;
-            }
-
-            &+.mui-input-description {
-              display: block;
-            }
-          }
+      }
+      &~.mui-input-bar {
+        &::before, &::after {
+          background-color: blue;
+          width: 50%;
         }
       }
+      &~.mui-input-description {
+        display: block;
+      }
     }
 
     &:not(:focus):valid {