@import "foundation-sites/scss/components/close-button";

/// Set to false to not include default Close Button CSS classes
/// @type Bool
$bonsai-include-close-button: $bonsai-include-components !default;

/// Change the hover styling for the close button
@mixin close-button-hover {
  text-decoration: none;
}

/// Close Button Default Class Patterns
///
/// This will generate all default CSS classes when $bonsai-include-close-button is true
@mixin bonsai-close-button {
  @if $bonsai-include-close-button {
    @include foundation-close-button;

    a.close-button {
      &,
      &:hover {
        @include close-button-hover;
      }
    }
  }
}