From: Kevin Ball <kmball11@gmail.com>
Date: Mon, 10 Apr 2017 16:25:04 +0000 (-0700)
Subject: Revert "Hollow button disabled consistency fix #9832"
X-Git-Tag: v6.4.0-rc1~86^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F9943%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Revert "Hollow button disabled consistency fix #9832"
---

diff --git a/docs/pages/button.md b/docs/pages/button.md
index bfb2ab3b9..9819d0998 100644
--- a/docs/pages/button.md
+++ b/docs/pages/button.md
@@ -108,9 +108,9 @@ The `.disabled` class will give buttons a faded appearance. The class is a purel
 
 ```html_example
 <a class="button disabled" href="#" aria-disabled>Disabled</a>
-<button type="button" class="button primary hollow" disabled>Disabled</button>
+<button type="button" class="button primary" disabled>Disabled</button>
 <button type="button" class="button secondary" disabled>Disabled</button>
-<button type="button" class="button success hollow" 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 cfd81dfa6..c5054c74a 100644
--- a/scss/components/_button.scss
+++ b/scss/components/_button.scss
@@ -177,11 +177,6 @@ $button-transition: background-color 0.25s ease-out, color 0.25s ease-out !defau
   &:hover, &:focus {
     border-color: $color-hover;
     color: $color-hover;
-    &.disabled,
-    &[disabled] {
-      border: $border-width solid $color;
-      color: $color;
-    }
   }
 }
 
@@ -308,31 +303,12 @@ $button-transition: background-color 0.25s ease-out, color 0.25s ease-out !defau
       }
     }
 
-    // Disabled style
-    &.disabled,
-    &[disabled] {
-      @include button-disabled;
-
-      @each $name, $color in $button-palette {
-        &.#{$name} {
-          @include button-disabled($color, auto);
-        }
-      }
-    }
-
     // Hollow style
     @if $button-fill != hollow {
       &.hollow {
         @include button-hollow;
         @include button-hollow-style;
 
-        &.disabled,
-        &[disabled] {
-          &, &:hover, &:focus {
-            background-color: transparent;
-          }
-        }
-
         @each $name, $color in $button-palette {
           &.#{$name} {
             @include button-hollow-style($color);
@@ -366,7 +342,7 @@ $button-transition: background-color 0.25s ease-out, color 0.25s ease-out !defau
         }
       }
     }
-    
+
     // Dropdown arrow
     &.dropdown {
       @include button-dropdown;