/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */

@mixin btn-heroes() {
  &.btn-hero.btn-primary {
    @include btn-hero-primary();
  }

  &.btn-hero.btn-success {
    @include btn-hero-success();
  }

  &.btn-hero.btn-warning {
    @include btn-hero-warning();
  }

  &.btn-hero.btn-info {
    @include btn-hero-info();
  }

  &.btn-hero.btn-danger {
    @include btn-hero-danger();
  }

  &.btn-hero.btn-secondary {
    @include btn-hero-secondary();
  }
}

@mixin btn-hero-primary() {
  @include btn-hero-primary-gradient();
  @include btn-hero-primary-bevel-glow-shadow();
  @include btn-hero-text();
  @include btn-hero-primary-focus();
  @include btn-hero-primary-hover();
  @include btn-hero-primary-active();
  @include btn-hero-primary-border();
  @include btn-hero-disabled();
  @include btn-hero-line-height();
  @include btn-hero-primary-pulse();
}

@mixin btn-hero-success() {
  @include btn-hero-success-gradient();
  @include btn-hero-success-bevel-glow-shadow();
  @include btn-hero-text();
  @include btn-hero-success-focus();
  @include btn-hero-success-hover();
  @include btn-hero-success-active();
  @include btn-hero-success-border();
  @include btn-hero-disabled();
  @include btn-hero-line-height();
  @include btn-hero-success-pulse();
}

@mixin btn-hero-warning() {
  @include btn-hero-warning-gradient();
  @include btn-hero-warning-bevel-glow-shadow();
  @include btn-hero-text();
  @include btn-hero-warning-focus();
  @include btn-hero-warning-hover();
  @include btn-hero-warning-active();
  @include btn-hero-warning-border();
  @include btn-hero-disabled();
  @include btn-hero-line-height();
  @include btn-hero-warning-pulse();
}

@mixin btn-hero-info() {
  @include btn-hero-info-gradient();
  @include btn-hero-info-bevel-glow-shadow();
  @include btn-hero-text();
  @include btn-hero-info-focus();
  @include btn-hero-info-hover();
  @include btn-hero-info-active();
  @include btn-hero-info-border();
  @include btn-hero-disabled();
  @include btn-hero-line-height();
  @include btn-hero-info-pulse();
}

@mixin btn-hero-danger() {
  @include btn-hero-danger-gradient();
  @include btn-hero-danger-bevel-glow-shadow();
  @include btn-hero-text();
  @include btn-hero-danger-focus();
  @include btn-hero-danger-hover();
  @include btn-hero-danger-active();
  @include btn-hero-danger-border();
  @include btn-hero-disabled();
  @include btn-hero-line-height();
  @include btn-hero-danger-pulse();
}

@mixin btn-hero-secondary() {
  color: nb-theme(btn-outline-fg);
  @include btn-hero-secondary-bg();
  @include btn-hero-secondary-bevel-glow-shadow();
  @include btn-hero-text();
  @include btn-hero-secondary-focus();
  @include btn-hero-secondary-hover();
  @include btn-hero-secondary-active();
  @include btn-hero-secondary-border();
  @include btn-hero-disabled();
  @include btn-hero-secondary-pulse();
}

@function btn-hero-gradient-left($color, $degrees: 20deg) {
  @return adjust-hue($color, $degrees);
}

// Functions for box-shadow
@function btn-hero-bevel($color) {
  @return nb-theme(btn-hero-bevel-size) shade($color, 14%);
}

@function btn-hero-glow($color) {
  @return nb-theme(btn-hero-glow-size) $color;
}

// Left colors
@function btn-hero-primary-left-color() {
  @return btn-hero-gradient-left(nb-theme(btn-primary-bg));
}

@function btn-hero-success-left-color() {
  @return btn-hero-gradient-left(nb-theme(btn-success-bg));
}

@function btn-hero-warning-left-color() {
  @return btn-hero-gradient-left(nb-theme(btn-warning-bg), 10deg);
}

@function btn-hero-info-left-color() {
  @return btn-hero-gradient-left(nb-theme(btn-info-bg), -10deg);
}

@function btn-hero-danger-left-color() {
  @return btn-hero-gradient-left(nb-theme(btn-danger-bg), -20deg);
}

@function btn-hero-secondary-left-color() {
  @return btn-hero-gradient-left(nb-theme(btn-secondary-border));
}

// Middle colors
@function btn-hero-primary-middle-color() {
  @return mix(btn-hero-primary-left-color(), nb-theme(btn-primary-bg));
}

@function btn-hero-success-middle-color() {
  @return mix(btn-hero-success-left-color(), nb-theme(btn-success-bg));
}

@function btn-hero-warning-middle-color() {
  @return mix(btn-hero-warning-left-color(), nb-theme(btn-warning-bg));
}

@function btn-hero-info-middle-color() {
  @return mix(btn-hero-info-left-color(), nb-theme(btn-info-bg));
}

@function btn-hero-danger-middle-color() {
  @return mix(btn-hero-danger-left-color(), nb-theme(btn-danger-bg));
}

@function btn-hero-secondary-middle-color() {
  @return mix(btn-hero-secondary-left-color(), nb-theme(btn-secondary-border));
}

// light gradients
@function btn-hero-light-gradient($color-left, $color-right) {
  $color-left: tint($color-left, 14%);
  $color-right: tint($color-right, 14%);

  @return linear-gradient(to right, $color-left, $color-right);
}

@function btn-hero-primary-light-gradient() {
  $color-right: nb-theme(btn-primary-bg);
  $color-left: btn-hero-primary-left-color();

  @return btn-hero-light-gradient($color-left, $color-right);
}

@function btn-hero-success-light-gradient() {
  $color-right: nb-theme(btn-success-bg);
  $color-left: btn-hero-success-left-color();

  @return btn-hero-light-gradient($color-left, $color-right);
}

@function btn-hero-warning-light-gradient() {
  $color-right: nb-theme(btn-warning-bg);
  $color-left: btn-hero-warning-left-color();

  @return btn-hero-light-gradient($color-left, $color-right);
}

@function btn-hero-info-light-gradient() {
  $color-right: nb-theme(btn-info-bg);
  $color-left: btn-hero-info-left-color();

  @return btn-hero-light-gradient($color-left, $color-right);
}

@function btn-hero-danger-light-gradient() {
  $color-right: nb-theme(btn-danger-bg);
  $color-left: btn-hero-danger-left-color();

  @return btn-hero-light-gradient($color-left, $color-right);
}

// dark gradients
@function btn-hero-dark-gradient($color-left, $color-right) {
  $color-left: shade($color-left, 14%);
  $color-right: shade($color-right, 14%);

  @return linear-gradient(to right, $color-left, $color-right);
}

@function btn-hero-primary-dark-gradient() {
  $color-right: nb-theme(btn-primary-bg);
  $color-left: btn-hero-primary-left-color();

  @return btn-hero-dark-gradient($color-left, $color-right);
}

@function btn-hero-success-dark-gradient() {
  $color-right: nb-theme(btn-success-bg);
  $color-left: btn-hero-success-left-color();

  @return btn-hero-dark-gradient($color-left, $color-right);
}

@function btn-hero-warning-dark-gradient() {
  $color-right: nb-theme(btn-warning-bg);
  $color-left: btn-hero-warning-left-color();

  @return btn-hero-dark-gradient($color-left, $color-right);
}

@function btn-hero-info-dark-gradient() {
  $color-right: nb-theme(btn-info-bg);
  $color-left: btn-hero-info-left-color();

  @return btn-hero-dark-gradient($color-left, $color-right);
}

@function btn-hero-danger-dark-gradient() {
  $color-right: nb-theme(btn-danger-bg);
  $color-left: btn-hero-danger-left-color();

  @return btn-hero-dark-gradient($color-left, $color-right);
}
// End functions

// Help mixins
@mixin btn-hero-text() {
  text-shadow: nb-theme(btn-hero-text-shadow);
}

@mixin btn-hero-hover($light-gradient) {
  &:hover,
  .hover {
    background-image: $light-gradient;
  }
}

@mixin btn-hero-focus($light-gradient) {
  &:focus,
  .focus {
    background-image: $light-gradient;
  }
}

@mixin btn-hero-active($dark-gradient) {
  &:active,
  .active {
    background-image: $dark-gradient;
    box-shadow: none;
    border-color: transparent;
  }
}
// End help mixins

// Gradient
@mixin btn-hero-primary-gradient() {
  $color-right: nb-theme(btn-primary-bg);
  $color-left: btn-hero-primary-left-color();

  @include nb-right-gradient($color-left, $color-right);
}

@mixin btn-hero-success-gradient() {
  $color-right: nb-theme(btn-success-bg);
  $color-left: btn-hero-success-left-color();

  @include nb-right-gradient($color-left, $color-right);
}

@mixin btn-hero-warning-gradient() {
  $color-right: nb-theme(btn-warning-bg);
  $color-left: btn-hero-warning-left-color();

  @include nb-right-gradient($color-left, $color-right);
}

@mixin btn-hero-info-gradient() {
  $color-right: nb-theme(btn-info-bg);
  $color-left: btn-hero-info-left-color();

  @include nb-right-gradient($color-left, $color-right);
}

@mixin btn-hero-danger-gradient() {
  $color-right: nb-theme(btn-danger-bg);
  $color-left: btn-hero-danger-left-color();

  @include nb-right-gradient($color-left, $color-right);
}

@mixin btn-hero-secondary-bg() {
  background-color: nb-theme(btn-secondary-bg);
}


// Bevel
@function btn-hero-primary-bevel() {
  @return btn-hero-bevel(btn-hero-primary-middle-color());
}

@function btn-hero-success-bevel() {
  @return btn-hero-bevel(btn-hero-success-middle-color());
}

@function btn-hero-warning-bevel() {
  @return btn-hero-bevel(btn-hero-warning-middle-color());
}

@function btn-hero-info-bevel() {
  @return btn-hero-bevel(btn-hero-info-middle-color());
}

@function btn-hero-danger-bevel() {
  @return btn-hero-bevel(btn-hero-danger-middle-color());
}

@function btn-hero-secondary-bevel() {
  @return btn-hero-bevel(btn-hero-secondary-middle-color());
}

// Glow
@function btn-hero-primary-glow() {
  @return btn-hero-glow(btn-hero-primary-middle-color());
}

@function btn-hero-success-glow() {
  @return btn-hero-glow(btn-hero-success-middle-color());
}

@function btn-hero-warning-glow() {
  @return btn-hero-glow(btn-hero-warning-middle-color());
}

@function btn-hero-info-glow() {
  @return btn-hero-glow(btn-hero-info-middle-color());
}

@function btn-hero-danger-glow() {
  @return btn-hero-glow(btn-hero-danger-middle-color());
}

@function btn-hero-secondary-glow() {
  @return btn-hero-glow(btn-hero-secondary-middle-color());
}

// Bevel-glow-shadow
@mixin btn-hero-bevel-glow-shadow($bevel, $glow, $shadow) {
  $box-shadow: $bevel, $glow;
  @if ($shadow != 'none') {
    $box-shadow: $box-shadow, $shadow;
  }
  box-shadow: $box-shadow;
}

@mixin btn-hero-primary-bevel-glow-shadow() {
  $bevel: btn-hero-primary-bevel();
  $glow: btn-hero-primary-glow();
  $shadow: nb-theme(btn-hero-shadow);

  @include btn-hero-bevel-glow-shadow($bevel, $glow, $shadow);
}

@mixin btn-hero-success-bevel-glow-shadow() {
  $bevel: btn-hero-success-bevel();
  $glow: btn-hero-success-glow();
  $shadow: nb-theme(btn-hero-shadow);

  @include btn-hero-bevel-glow-shadow($bevel, $glow, $shadow);
}

@mixin btn-hero-warning-bevel-glow-shadow() {
  $bevel: btn-hero-warning-bevel();
  $glow: btn-hero-warning-glow();
  $shadow: nb-theme(btn-hero-shadow);

  @include btn-hero-bevel-glow-shadow($bevel, $glow, $shadow);
}

@mixin btn-hero-info-bevel-glow-shadow() {
  $bevel: btn-hero-info-bevel();
  $glow: btn-hero-info-glow();
  $shadow: nb-theme(btn-hero-shadow);

  @include btn-hero-bevel-glow-shadow($bevel, $glow, $shadow);
}

@mixin btn-hero-danger-bevel-glow-shadow() {
  $bevel: btn-hero-danger-bevel();
  $glow: btn-hero-danger-glow();
  $shadow: nb-theme(btn-hero-shadow);

  @include btn-hero-bevel-glow-shadow($bevel, $glow, $shadow);
}

@mixin btn-hero-secondary-bevel-glow-shadow() {
  $bevel: btn-hero-secondary-bevel();
  $glow: btn-hero-secondary-glow();
  $shadow: nb-theme(btn-hero-shadow);

  @include btn-hero-bevel-glow-shadow($bevel, $glow, $shadow);
}

// Border
@mixin btn-hero-primary-border() {
  border: none;
}

@mixin btn-hero-success-border() {
  border: none;
}

@mixin btn-hero-warning-border() {
  border: none;
}

@mixin btn-hero-info-border() {
  border: none;
}

@mixin btn-hero-danger-border() {
  border: none;
}

@mixin btn-hero-secondary-border() {
  border: 2px solid nb-theme(btn-secondary-border);
}

// Hover
@mixin btn-hero-primary-hover() {
  @include btn-hero-hover(btn-hero-primary-light-gradient());
}

@mixin btn-hero-success-hover() {
  @include btn-hero-hover(btn-hero-success-light-gradient());
}

@mixin btn-hero-warning-hover() {
  @include btn-hero-hover(btn-hero-warning-light-gradient());
}

@mixin btn-hero-info-hover() {
  @include btn-hero-hover(btn-hero-info-light-gradient());
}

@mixin btn-hero-danger-hover() {
  @include btn-hero-hover(btn-hero-danger-light-gradient());
}

@mixin btn-hero-secondary-hover() {
  &:hover,
  .hover {
    background-color: rgba(nb-theme(btn-secondary-border), 0.2);
  }
}

// Focus
@mixin btn-hero-primary-focus() {
  @include btn-hero-focus(btn-hero-primary-light-gradient());
}

@mixin btn-hero-success-focus() {
  @include btn-hero-focus(btn-hero-success-light-gradient());
}

@mixin btn-hero-warning-focus() {
  @include btn-hero-focus(btn-hero-warning-light-gradient());
}

@mixin btn-hero-info-focus() {
  @include btn-hero-focus(btn-hero-info-light-gradient());
}

@mixin btn-hero-danger-focus() {
  @include btn-hero-focus(btn-hero-danger-light-gradient());
}

@mixin btn-hero-secondary-focus() {
  $color: nb-theme(btn-secondary-border);

  &:focus,
  .focus {
    border-color: tint($color, 14%);
  }
}

// Active
@mixin btn-hero-primary-active() {
  @include btn-hero-active(btn-hero-primary-dark-gradient());
}

@mixin btn-hero-success-active() {
  @include btn-hero-active(btn-hero-success-dark-gradient());
}

@mixin btn-hero-warning-active() {
  @include btn-hero-active(btn-hero-warning-dark-gradient());
}

@mixin btn-hero-info-active() {
  @include btn-hero-active(btn-hero-info-dark-gradient());
}

@mixin btn-hero-danger-active() {
  @include btn-hero-active(btn-hero-danger-dark-gradient());
}

@mixin btn-hero-secondary-active() {
  $color: nb-theme(btn-secondary-border);

  &:active,
  .active {
    border-color: shade($color, 14%);
    box-shadow: none;
    background: none;
  }
}

// Disabled
@mixin btn-hero-disabled() {
  &:disabled, &.btn-disabled {
    opacity: nb-theme(btn-disabled-opacity);
    box-shadow: none;
  }
}

// Line height
@function btn-hero-line-height($font-size) {
  @return calc((#{$font-size} * 1.25) + 4px);
}

@function btn-hero-line-height-lg() {
  @return btn-hero-line-height(nb-theme(btn-font-size-lg));
}

@function btn-hero-line-height-md() {
  @return btn-hero-line-height(nb-theme(btn-font-size-md));
}

@function btn-hero-line-height-sm() {
  @return btn-hero-line-height(nb-theme(btn-font-size-sm));
}

@function btn-hero-line-height-xs() {
  @return btn-hero-line-height(nb-theme(btn-font-size-xs));
}


@mixin btn-hero-line-height() {

  line-height: btn-hero-line-height-md();

  &.btn.btn-lg {
    line-height: btn-hero-line-height-lg();
  }

  &.btn.btn-md {
    line-height: btn-hero-line-height-md();
  }

  &.btn.btn-sm {
    line-height: btn-hero-line-height-sm();
  }

  &.btn.btn-tn {
    line-height: btn-hero-line-height-xs();
  }
}

// Pulse
@mixin btn-hero-primary-pulse() {
  @include btn-pulse(hero-primary, nb-theme(color-primary));
}
@mixin btn-hero-success-pulse() {
  @include btn-pulse(hero-success, nb-theme(color-success));
}
@mixin btn-hero-danger-pulse() {
  @include btn-pulse(hero-danger, nb-theme(color-danger));
}
@mixin btn-hero-info-pulse() {
  @include btn-pulse(hero-info, nb-theme(color-info));
}
@mixin btn-hero-warning-pulse() {
  @include btn-pulse(hero-warning, nb-theme(color-warning));
}
@mixin btn-hero-secondary-pulse() {
  @include  btn-pulse(hero-secondary, nb-theme(btn-secondary-border));
}