_cards.scss 689 B

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