_cards.scss 764 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. // Card variants
  2. @mixin card-variant($background, $border) {
  3. background-color: $background;
  4. border-color: $border;
  5. .card-header,
  6. .card-footer {
  7. background-color: transparent;
  8. }
  9. }
  10. @mixin card-outline-variant($color) {
  11. background-color: transparent;
  12. border-color: $color;
  13. }
  14. //
  15. // Inverse text within a card for use with dark backgrounds
  16. //
  17. @mixin card-inverse {
  18. .card-header,
  19. .card-footer {
  20. border-color: rgba(255,255,255,.2);
  21. }
  22. .card-header,
  23. .card-footer,
  24. .card-title,
  25. .card-blockquote {
  26. color: #fff;
  27. }
  28. .card-link,
  29. .card-text,
  30. .card-subtitle,
  31. .card-blockquote .blockquote-footer {
  32. color: rgba(255,255,255,.65);
  33. }
  34. .card-link {
  35. @include hover-focus {
  36. color: $card-link-hover-color;
  37. }
  38. }
  39. }