Add card-specific color variables
Created by: tordans
There should be an easy way to customize the color of the .card
background.
Right now the colors are hard coded inside https://github.com/twbs/bootstrap/blob/1a6d0cc446259cf86d73bf7437f2ca3b095f6781/scss/_card.scss#L123-L141
Instead there should be a default similar to this:
// Cards
$card-spacer-x: 1.25rem !default;
$card-spacer-y: .75rem !default;
$card-border-width: 1px !default;
$card-border-radius: $border-radius !default;
$card-border-color: rgba(0,0,0,.125) !default;
$card-border-radius-inner: $card-border-radius !default;
$card-cap-bg: #f5f5f5 !default;
$card-bg: #fff !default;
$card-primary-bg: $brand-primary !default;
$card-success-bg: $brand-success !default;
$card-info-bg: $brand-info !default;
$card-warning-bg: $brand-warning !default;
$card-danger-bg: $brand-danger !default;
$card-link-hover-color: #fff !default;