fix(button): Use only before psuedo element (#4628)

Let Tooltips have control over the after psuedo element so they will inter-operate with buttons.
google · Aug 4, 2016 · 009d148 · 009d148
1 parent 849b920
commit 009d148
Showing 1 changed file with 5 additions and 17 deletions.
diff --git a/packages/mdl-button/mdl-button.scss b/packages/mdl-button/mdl-button.scss
@@ -40,38 +40,26 @@
   box-sizing: border-box;
   -webkit-appearance: none;
 
-  &::before,
-  &::after {
+  /* postcss-bem-linter: ignore */
+  &::before {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     transition: opacity 120ms cubic-bezier(0, 0, .2, 1);
     border-radius: inherit;
-    content: "";
-  }
-
-  /* postcss-bem-linter: ignore */
-  &::before {
     background: currentColor;
+    content: "";
     opacity: 0;
   }
 
   &:focus::before {
     opacity: .12;
   }
 
-  &::after {
-    width: 100%;
-    height: 100%;
-    background: black;
-    opacity: 0;
-    overflow: hidden;
-  }
-
-  &:active::after {
-    opacity: .06;
+  &:active::before {
+    opacity: .18;
   }
 
   &:active {