margin-left: -($card-spacer-x / 2);
}
-
-//
-// Background variations
-//
-
-@each $color, $value in $theme-colors {
- .card-#{$color} {
- @include card-variant($value, $value);
- }
-}
-
-@each $color, $value in $theme-colors {
- .card-outline-#{$color} {
- @include card-variant($value, $value);
- }
-}
-
-
-//
-// Inverse text within a card for use with dark backgrounds
-//
-
-.card-dark {
- @include card-dark;
-}
-
-//
-// Blockquote
-//
-
-.card-blockquote {
- padding: 0;
- margin-bottom: 0;
- border-left: 0;
-}
-
// Card image
.card-img-overlay {
position: absolute;
+++ /dev/null
-// Card variants
-
-@mixin card-variant($background, $border) {
- background-color: $background;
- border-color: $border;
-
- .card-header,
- .card-footer {
- background-color: transparent;
- }
-}
-
-@mixin card-outline-variant($color) {
- background-color: transparent;
- border-color: $color;
-
- .card-header,
- .card-footer {
- background-color: transparent;
- border-color: $color;
- }
-}
-
-//
-// Inverse text within a card for use with dark backgrounds
-//
-
-@mixin card-dark {
- color: rgba(255,255,255,.65);
-
- .card-header,
- .card-footer {
- background-color: transparent;
- border-color: rgba(255,255,255,.2);
- }
- .card-header,
- .card-footer,
- .card-title,
- .card-blockquote {
- color: #fff;
- }
- .card-link,
- .card-text,
- .card-subtitle,
- .card-blockquote .blockquote-footer {
- color: rgba(255,255,255,.65);
- }
- .card-link {
- @include hover-focus {
- color: $card-dark-link-hover-color;
- }
- }
-}