From cbe0b42e7461fc76f6c5b30ed09789827b19e0ac Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Tue, 9 May 2017 15:50:30 -0400 Subject: [PATCH] fix(button): display box shadow correctly for Chrome See the following bug: https://bugs.chromium.org/p/chromium/issues/detail?id=713674 References #11585 --- src/components/button/button.md.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/button/button.md.scss b/src/components/button/button.md.scss index e7a6f46801..b967f5bee0 100644 --- a/src/components/button/button.md.scss +++ b/src/components/button/button.md.scss @@ -49,7 +49,7 @@ $button-md-background-color-activated: color-shade($button-md-background-col $button-md-opacity-activated: 1 !default; /// @prop - Box shadow of the activated button -$button-md-box-shadow-activated: 0 3px 5px rgba(0, 0, 0, .14), 0 3px 5px rgba(0, 0, 0, .21) !default; +$button-md-box-shadow-activated: 0 3px 5px rgba(0, 0, 0, .14), 0 3px 5px rgba(0, 0, 0, .21), 0 0 0 0 transparent !default; /// @prop - Background color of the ripple on the button $button-md-ripple-background-color: #555 !default;