// Mixin for some optional styles on sassy buttons

@mixin sassy-button-style( $style, $base-color: $sb-base-color ) {

  @if $style == "push" {
    position: relative;
    box-shadow: darken( $base-color, 12% ) 0 0.4em 0px, lighten( $base-color, 18% ) 0 1px 0 inset;
    border-bottom: solid 1px $base-color;

    &:active {
      top: 0.3em;
      box-shadow: darken( $base-color, 8% ) 0 0.2em 0px;
    }

  }

  @if $style == "inset" {
    box-shadow: darken( $base-color, 8% ) 0 0.2em 0.4em inset;
    border: solid 1px darken( $base-color, 15% );

    &:active {
      box-shadow: darken( $base-color, 12% ) 0 0.2em 0.4em inset;
    }

  }
  @content;
}
