From 66d2a7d81537b6d3d09f12258391c3f110467e84 Mon Sep 17 00:00:00 2001
From: Toilal <toilal.dev@gmail.com>
Date: Thu, 26 Feb 2015 12:00:52 +0100
Subject: [PATCH] fix(button): Use md-raised colors for md-fab included in
 md-toolbar

Instead of using a white background, use the same styles as md-raised buttons for md-fab buttons included in md-toolbar.

It allows md-fab buttons included in md-toolbar to support all rendering effects properly.

Close #1687
---
 src/components/button/button-theme.scss | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/button/button-theme.scss b/src/components/button/button-theme.scss
index b51a7eab942..f8ed25b3975 100644
--- a/src/components/button/button-theme.scss
+++ b/src/components/button/button-theme.scss
@@ -1,8 +1,15 @@
 $button-border-radius: 3px !default;
 $button-fab-border-radius: 50% !default;
 
-md-toolbar .md-button.md-THEME_NAME-theme.md-fab {
-  background-color: white;
+.md-button.md-THEME_NAME-theme.md-fab {
+  color: '{{background-contrast}}';
+  background-color: '{{background-50}}';
+  &:not([disabled]) {
+    &:hover,
+    &:focus {
+      background-color: '{{background-200}}';
+    }
+  }
 }
 
 .md-button.md-THEME_NAME-theme {