@each $color, $value in map-remove($colors, light, dark) {
  .bg-#{$color} {
    .btn-primary {
      $yiq-contrasted-threshold : 171;
      background-color: color-yiq($value, $primary, #fff);
      border-color: color-yiq($value, $primary, #fff);
      color: color-yiq($value, #fff, $primary)
    }

    .btn-secondary {
        $yiq-contrasted-threshold : 172;
      background-color: color-yiq($value, $secondary, #fff);
      border-color: color-yiq($value, $secondary, #fff);
      color: color-yiq($value, #fff, $secondary)
    }
  }
}


.btn-cancel {
  @extend .btn-outline-primary;
}
