Bug Fix #9617 - Disables hover focus on button disabled and docs update

Updated docs too by adding all the color buttons to the page

diff --git a/docs/pages/button.md b/docs/pages/button.md
index 6af5afed8371a2b3dd4af32e72d96bbde9c9b185..1b7318adf62ba0688c89342f669b38a8eee19a44 100644 (file)
--- a/docs/pages/button.md
+++ b/docs/pages/button.md
@@ -107,8 +107,12 @@ The `.disabled` class will give buttons a faded appearance. The class is a purel
 
 
 ```html_example
-<button type="button" class="button" disabled>Disabled</button>
 <a class="button disabled" href="#" aria-disabled>Disabled</a>
+<button type="button" class="button primary" disabled>Disabled</button>
+<button type="button" class="button secondary" disabled>Disabled</button>
+<button type="button" class="button success" disabled>Disabled</button>
+<button type="button" class="button alert" disabled>Disabled</button>
+<button type="button" class="button warning" disabled>Disabled</button>
 ```
 
 ---

diff --git a/scss/components/_button.scss b/scss/components/_button.scss
index 0d7945be17a68e7b9f0d904df4125424cc4626a5..91d1b9adcdcf02eb5875ca9c9b6ee677560c0d3e 100644 (file)
--- a/scss/components/_button.scss
+++ b/scss/components/_button.scss
@@ -161,10 +161,9 @@ $button-transition: background-color 0.25s ease-out, color 0.25s ease-out !defau
 @mixin button-disabled($color: $primary-color) {
   opacity: $button-opacity-disabled;
   cursor: not-allowed;
-
+  background-color: $color;
   &:hover, &:focus {
-    background-color: $color;
-    color: $button-color;
+    box-shadow:none;
   }
 }