Merge branch 'patch-1' of git://github.com/christhekeele/foundation-sites into christ...

diff --cc scss/components/_button.scss
index 5c14e557c7fadaf9c969a3390fc7799f707a5e70,3c8c76d10966493326bfd2570247db52a9df1878..c5054c74a49271a89896c0239718ace10338b7ab
--- 1/scss/components/_button.scss
--- 2/scss/components/_button.scss
+++ b/scss/components/_button.scss
@@@ -165,8 -157,8 +165,8 @@@ $button-transition: background-color 0.
  }
  
  @mixin button-hollow-style(
-   $color: $primary-color,
+   $color: $button-background,
 -  $hover-lightness: $button-hollow-hover-lightness, 
 +  $hover-lightness: $button-hollow-hover-lightness,
    $border-width: $button-hollow-border-width
  ) {
    $color-hover: scale-color($color, $lightness: $hover-lightness);
@@@ -180,35 -172,11 +180,35 @@@
    }
  }
  
 +/// Removes background fill on hover and focus for hollow buttons.
 +@mixin button-clear {
 +  &,
 +  &:hover, &:focus {
 +    background-color: transparent;
 +  }
 +}
 +
 +@mixin button-clear-style(
 +  $color: $primary-color,
 +  $hover-lightness: $button-clear-hover-lightness,
 +  $border-width: $button-clear-border-width
 +) {
 +  $color-hover: scale-color($color, $lightness: $hover-lightness);
 +
 +  border: $border-width solid transparent;
 +  color: $color;
 +
 +  &:hover, &:focus {
 +    border-color: transparent;
 +    color: $color-hover;
 +  }
 +}
 +
  /// Adds disabled styles to a button by fading the element, reseting the cursor, and disabling pointer events.
- /// @param [Color] $background [$primary-color] - Background color of the disabled button.
+ /// @param [Color] $background [$button-background] - Background color of the disabled button.
  /// @param [Color] $color [$button-color] - Text color of the disabled button. Set to `auto` to have the mixin automatically generate a color based on the background color.
  @mixin button-disabled(
-   $background: $primary-color,
+   $background: $button-background,
    $color: $button-color
  ) {
    @if $color == auto {