// Card variants
- @mixin card-variant($color) {
- background-color: $color;
+ @mixin card-variant($background, $border) {
+ background-color: $background;
+ border-color: $border;
+ }
+
+ @mixin card-outline-variant($color) {
+ background-color: transparent;
border-color: $color;
}
- border-bottom: .075rem solid rgba(255,255,255,.2);
+
+ //
+ // Inverse text within a card for use with dark backgrounds
+ //
+
+ @mixin card-inverse {
+ .card-header,
+ .card-footer {
- color: #fff;
++ border-bottom: $card-border-width solid rgba(255,255,255,.2);
+ }
+ .card-header,
+ .card-footer,
+ .card-title,
+ .card-blockquote {
+ color: #fff;
+ }
+ .card-link,
+ .card-text,
+ .card-blockquote > footer {
+ color: rgba(255,255,255,.65);
+ }
+ .card-link {
+ @include hover-focus {
++ color: $card-link-hover-color;
+ }
+ }
+ }