style(text-field): Remove confusing nesting (#2032)

material-components · Jan 23, 2018 · 836c8fa · 836c8fa
1 parent 9d63b2e
commit 836c8fa
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/packages/mdc-textfield/_mixins.scss b/packages/mdc-textfield/_mixins.scss
@@ -275,10 +275,10 @@
     border: none;
     background-color: transparent;
     z-index: 1;
+  }
 
-    &:hover ~ .mdc-text-field__idle-outline {
-      border: 1px solid;
-    }
+  .mdc-text-field__input:hover ~ .mdc-text-field__idle-outline {
+    border: 1px solid;
   }
 
   .mdc-text-field__label {
@@ -299,10 +299,10 @@
 
   .mdc-text-field__icon {
     z-index: 2;
+  }
 
-    &:hover ~ .mdc-text-field__idle-outline {
-      border: 1px solid $mdc-text-field-outlined-hover-border;
-    }
+  .mdc-text-field__icon:hover ~ .mdc-text-field__idle-outline {
+    border: 1px solid $mdc-text-field-outlined-hover-border;
   }
 
   .mdc-text-field__label--float-above ~ .mdc-text-field__idle-outline {