// Buttons
//
// For each of Bootstrap's buttons, define text, background and border color.
@import "spacing";
@import "type";

$btn-default-bg-color: $primary;

$btn-padding-y: 0.5rem !default;
$btn-padding-x: 1rem !default;
$btn-line-height: 1.5rem !default;
//$btn-shadow:                     0px 2px 6px 0px rgba(0,0,0,0.3);

/*
$btn-focus-width: 0.2rem !default;
$btn-focus-color: $focus-color !default;
$btn-focus-box-shadow: 0 0 0 $btn-focus-width $btn-focus-color !default;
*/
$btn-disabled-opacity: 0.65 !default;

$btn-padding-y-sm: 0.375rem !default;
$btn-padding-x-sm: 0.75rem !default;
$btn-line-height-sm: 1.25rem !default;

$btn-padding-y-lg: 0.5rem !default;
$btn-padding-x-lg: 1.25rem !default;
$btn-line-height-lg: 2rem !default;

$btn-font-weight: $font-weight-medium !default;
$btn-border-width: $border-width !default; // For form controls and buttons
$btn-box-shadow: inset 0 1px 0 rgba($white, 0.15), 0 1px 1px rgba($black, 0.075) !default;
$btn-active-box-shadow: inset 0 3px 5px rgba($black, 0.125) !default;

$btn-link-disabled-color: $gray-30 !default;
$btn-block-spacing-y: 0.5rem !default;

// Allows for customizing button radius independently from global border radius
$btn-border-radius: $border-radius !default;

//$btn-border-radius-lg:        100px !default; //$border-radius-lg !default;
//$btn-border-radius-sm:        100px !default; //$border-radius-sm !default;

$btn-transition: background-color 100ms ease-out, border-color 100ms ease-out, box-shadow 100ms ease-out !default;