// // buttons.scss // Extended from Bootstrap //

// // Dashkit =================================== //

// Button white

.btn-white {

border-color: $gray-300;
@include hover-focus {
  background-color: $gray-100;
  border-color: $gray-400;
}

}

.btn-group-toggle .btn-white:not(:disabled):not(.disabled):active, .btn-group-toggle .btn-white:not(:disabled):not(.disabled).active {

background-color: $input-bg;
border-color: $input-focus-border-color;
color: $primary;

}

.btn-group-toggle .btn-white:focus, .btn-group-toggle .btn-white.focus {

box-shadow: none;

}

// Button outline secondary

.btn-outline-secondary {

&:not(:hover):not([aria-expanded="true"]):not([aria-pressed="true"]){
  border-color: $gray-400;
}

}

// Button rounded // // Creates circle button variations

.btn-rounded-circle {

width: calc(1em * #{$btn-line-height} + #{$input-btn-padding-y * 2 } + #{$btn-border-width} * 2);
padding-left: 0;
padding-right: 0;
border-radius: 50%;

} .btn-rounded-circle.btn-lg {

width: calc(1em * #{$btn-line-height-lg} + #{$input-btn-padding-y-lg * 2 } + #{$btn-border-width} * 2);

} .btn-rounded-circle.btn-sm {

width: calc(1em * #{$btn-line-height-sm} + #{$input-btn-padding-y-sm * 2 } + #{$btn-border-width} * 2);

}

// Button group // // Prevent buttons from jittering on hover

.btn-group .btn + .btn {

margin-left: 0;

}