//
// Buttons
// --------------------------------------------------

//== Buttons mixin
//
//## buttons mixin is here because is doest have to be share

=btn-outline($brand: default)
  border: 1px solid $brand
  background-color: transparent
  color: $brand
  +default-transition
  &:hover,
  &:focus
    background-color: $brand
    color: #fff

=btn-icon($brand: default)
  color: $brand
  background-color: $btn-default-bg
  &:hover,
  &:focus
    color: white !important
    background-color: $brand

=btn-shadow
  @each $class, $bg, $border in (primary, $btn-primary-bg, $btn-primary-border), (danger, $btn-danger-bg, $btn-danger-border), (default, $btn-default-bg, $btn-default-border), (success, $btn-success-bg, $btn-success-border), (warning, $btn-warning-bg, $btn-warning-border), (info, $btn-info-bg, $btn-info-border)
    &.btn-#{$class}
      &:hover,
      &:focus,
      &:active,
      &:active:focus,
      &.active
        background-color: $bg !important
        border-color: $border !important

.btn-shadow
  +btn-shadow

//** Override bootstrap btns
.btn
  padding: 6px 16px
  text-transform: uppercase
  .fa
    font-size: 15px
    &.fa-stack-2x
      font-size: 20px

.btn-sm
  padding: 5px 10px
  .fa
    font-size: 13px


.btn-xs
  padding: 1px 5px
  .fa
    font-size: 12px

//** Override boostrap active btns if here is in dropdown
.btn-group.open .dropdown-toggle,
.dropdown.open .dropdown-toggle
  +material-box-shadow-soft(2)


//** Override the default btn of bootstrap
.btn-default
  &:hover
    background-color: darken($btn-default-bg, 1%)
    border-color: darken($btn-default-border, 1%)

//** Override default comportement of bootstrap with btn shadow
.btn-shadow
  +material-box-shadow-soft(1)
  +default-transition
  &:active,
  &.active
    +material-box-shadow-soft(2)

//** Btn outline
.btn-default-outline
  +btn-outline($gray)
.btn-primary-outline
  +btn-outline($brand-primary)
.btn-success-outline
  +btn-outline($brand-success)
.btn-info-outline
  +btn-outline($brand-info)
.btn-warning-outline
  +btn-outline($brand-warning)
.btn-danger-outline
  +btn-outline($brand-danger)

//** Btn icon
.btn-icon-default
  +btn-icon($gray)
.btn-icon-primary
  +btn-icon($brand-primary)
.btn-icon-success
  +btn-icon($brand-success)
.btn-icon-info
  +btn-icon($brand-info)
.btn-icon-warning
  +btn-icon($brand-warning)
.btn-icon-danger
  +btn-icon($brand-danger)