Use the general sibling selector for :focus

mui · Dec 4, 2014 · ed8f484 · ed8f484
1 parent 65001a6
commit ed8f484
Showing 1 changed file with 11 additions and 15 deletions.
diff --git a/src/less/components/input.less b/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 {