From e658f03bed604f95f26dc85c930c54f8684423ac Mon Sep 17 00:00:00 2001
From: Nordanne Isahac <den.isahac@gmail.com>
Date: Thu, 14 Jul 2016 19:49:32 +0800
Subject: [PATCH] Fix disabled button hover and focus state background color

---
 scss/components/_button.scss | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/scss/components/_button.scss b/scss/components/_button.scss
index 9860dd304..06f415284 100644
--- a/scss/components/_button.scss
+++ b/scss/components/_button.scss
@@ -136,12 +136,12 @@ $button-opacity-disabled: 0.25 !default;
 }
 
 /// Adds disabled styles to a button by fading the element, reseting the cursor, and disabling pointer events.
-@mixin button-disabled {
+@mixin button-disabled($color: $primary-color) {
   opacity: $button-opacity-disabled;
   cursor: not-allowed;
 
   &:hover, &:focus {
-    background-color: $button-background;
+    background-color: $color;
     color: $button-color;
   }
 }
@@ -242,6 +242,12 @@ $button-opacity-disabled: 0.25 !default;
     &.disabled,
     &[disabled] {
       @include button-disabled;
+
+      @each $name, $color in $foundation-palette {
+        &.#{$name} {
+          @include button-disabled($color);
+        }
+      }
     }
 
     // Dropdown arrow
-- 
2.47.2