From abfee5dd5eff621649b802ced61cd0b58c2aceb2 Mon Sep 17 00:00:00 2001
From: Marcos Moura <marcosvmmoura@gmail.com>
Date: Mon, 19 Sep 2016 20:35:54 -0300
Subject: [PATCH] Fix weird hover colors and add docs for clean fab

---
 src/components/mdButton/mdButton.theme | 6 +++---
 src/docs/pages/Buttons.vue             | 8 ++++++++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/mdButton/mdButton.theme b/src/components/mdButton/mdButton.theme
index a733786..f49f455 100644
--- a/src/components/mdButton/mdButton.theme
+++ b/src/components/mdButton/mdButton.theme
@@ -21,10 +21,10 @@
       background-color: #{'ACCENT-COLOR'};
 
       &:hover {
-        background-color: #{'ACCENT-COLOR-A700'};
+        background-color: #{'ACCENT-COLOR-600'};
       }
 
-      &.md-fab-clean {
+      &.md-clean {
         color: #{'BACKGROUND-COLOR-900'};
         background-color: #{'BACKGROUND-COLOR-50'};
 
@@ -64,7 +64,7 @@
         color: #{'ACCENT-CONTRAST'};
 
         &:hover {
-          background-color: #{'ACCENT-COLOR-A700'};
+          background-color: #{'ACCENT-COLOR-600'};
         }
       }
 
diff --git a/src/docs/pages/Buttons.vue b/src/docs/pages/Buttons.vue
index 614d443..b79f2a0 100644
--- a/src/docs/pages/Buttons.vue
+++ b/src/docs/pages/Buttons.vue
@@ -122,6 +122,14 @@
           <md-icon>save</md-icon>
         </md-button>
 
+        <md-button class="md-fab md-clean">
+          <md-icon>chat</md-icon>
+        </md-button>
+
+        <md-button class="md-fab md-clean md-mini">
+          <md-icon>chat</md-icon>
+        </md-button>
+
         <md-button class="md-fab" disabled>
           <md-icon>message</md-icon>
         </md-button>