From 15cd28bca351b1035ca749b411f3930084d2d73b Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Tue, 8 Nov 2016 22:41:13 +0100
Subject: [PATCH] fix(button-toggle): missing hover state (#1733)

Adds a hover effect to the button toggles.

Referencing #421.
---
 src/lib/button-toggle/_button-toggle-theme.scss | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/lib/button-toggle/_button-toggle-theme.scss b/src/lib/button-toggle/_button-toggle-theme.scss
index 23ede0f16c3..d4f87b8558a 100644
--- a/src/lib/button-toggle/_button-toggle-theme.scss
+++ b/src/lib/button-toggle/_button-toggle-theme.scss
@@ -5,9 +5,12 @@
 @mixin md-button-toggle-theme($theme) {
   $foreground: map-get($theme, foreground);
 
-  .md-button-toggle-checked .md-button-toggle-label-content {
-    background-color: md-color($md-grey, 300);
+  .md-button-toggle-checked, md-button-toggle:not(.md-button-toggle-disabled):hover {
+    .md-button-toggle-label-content {
+      background-color: md-color($md-grey, 300);
+    }
   }
+
   .md-button-toggle-disabled .md-button-toggle-label-content {
     background-color: md-color($foreground, disabled);
   }