From 17d2bc6eafca0f52ec59acb6156f123bfe2d3bd3 Mon Sep 17 00:00:00 2001
From: Jonathan Garbee <jonathan@garbee.me>
Date: Tue, 2 Aug 2016 09:42:44 -0400
Subject: [PATCH] fix(button): Use only before psuedo element

Let Tooltips have control over the after psuedo element so they will inter-operate with buttons.
---
 packages/mdl-button/mdl-button.scss | 13 ++-----------
 1 file changed, 2 insertions(+), 11 deletions(-)

diff --git a/packages/mdl-button/mdl-button.scss b/packages/mdl-button/mdl-button.scss
index 4231a63ad..42eaff624 100644
--- a/packages/mdl-button/mdl-button.scss
+++ b/packages/mdl-button/mdl-button.scss
@@ -39,8 +39,7 @@
   box-sizing: border-box;
   -webkit-appearance: none;
 
-  &::before,
-  &::after {
+  &::before {
     position: absolute;
     top: 0;
     left: 0;
@@ -60,15 +59,7 @@
     opacity: .12;
   }
 
-  &::after {
-    width: 100%;
-    height: 100%;
-    background: black;
-    opacity: 0;
-    overflow: hidden;
-  }
-
-  &:active::after {
+  &:active::before {
     opacity: .06;
   }