Make bootstrap buttons radioactive

radioactive

$colors: (primary: $brand-primary, success: $brand-success, info: $brand-info, warning: $brand-warning, danger: $brand-danger);
$radioactive-shadow: #333 !default;
$ratioactive-shadow-base: 0 0 9px;
$ratioactive-shadow-extended: 0 0 18px;

@each $color-name, $color in $colors {
  $animation-name: $color-name;
  @-webkit-keyframes #{$animation-name} {
    from { background-color: $color; -webkit-box-shadow: $ratioactive-shadow-base $radioactive-shadow; }
    50% { background-color: lighten($color, 15); -webkit-box-shadow: $ratioactive-shadow-extended lighten($color, 15); }
    to { background-color: $color; -webkit-box-shadow: $ratioactive-shadow-base $radioactive-shadow; }
  }

  .btn.rad-#{$animation-name} {
    @include animation($animation-name 2s infinite);
  }
}