From: Nordanne Isahac <den.isahac@gmail.com>
Date: Thu, 14 Jul 2016 11:49:32 +0000 (+0800)
Subject: Fix disabled button hover and focus state background color
X-Git-Tag: v6.2.4-rc1~14^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=e658f03bed604f95f26dc85c930c54f8684423ac;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Fix disabled button hover and focus state background color
---

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