//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.

$btn-font-weight:           $font-weight-normal !default;
$btn-link-disabled-color:   ui-color(u-light-gray) !default;
$btn-hover-darkness:        4% !default;
$btn-edge-width:            0px !default;

$btn-lg-edge-width:         0px !default;
$btn-xs-edge-width:         0px !default;

$btn-outline-width:         1px !default;
$btn-outline-hover-bg:      rgba(0,0,0,.02) !default;
$btn-outline-active-bg:     rgba(0,0,0,.04) !default;

$btn-transition:            all 0.3s ease;

$btn-default: (
  padding:            ($padding-base-vertical $padding-base-horizontal),
  font-size:          em($font-size-base),
  line-height-ratio:  $line-height-base-ratio,
  border-radius:      $border-radius-base,

  color:              $text-color,
  background:         ui-color(u-light-gray),
  edge-color:         ui-color(u-gray)
) !default;


// Sizes

$btn-lg: (
  padding:            ($padding-large-vertical $padding-large-horizontal),
  font-size:          em($font-size-large),
  line-height-ratio:  $line-height-large-ratio,
  border-radius:      $border-radius-large
) !default;

$btn-sm: (
  padding:            ($padding-small-vertical $padding-small-horizontal),
  font-size:          em($font-size-small),
  line-height-ratio:  $line-height-small-ratio,
  border-radius:      $border-radius-small
) !default;

$btn-xs: (
  padding:            ($padding-xs-vertical $padding-xs-horizontal),
  font-size:          em($font-size-xs),
  line-height-ratio:  $line-height-xs-ratio,
  border-radius:      $border-radius-small
) !default;



// Color Variations

$btn-primary: (
  color:              ui-color(u-white),
  background:         $semantic-color-primary,
  edge-color:         #9F3F3E

) !default;

$btn-secondary: (
  color:              ui-color(u-white),
  background:         $semantic-color-secondary,
  edge-color:         darken($semantic-color-secondary, 12%)
) !default;

$btn-success: (
  color:              ui-color(u-white),
  background:         $semantic-color-success,
  edge-color:         darken($semantic-color-success, 12%)
) !default;

$btn-danger: (
  color:              ui-color(u-white),
  background:         $semantic-color-danger,
  edge-color:         darken($semantic-color-danger, 22%)
) !default;
