_card.scss 684 B

123456789101112131415161718192021222324252627282930313233343536
  1. // Base styles
  2. .card {
  3. background-color: $card-bg-alt;
  4. border: $card-border-width solid $card-border-color-alt;
  5. }
  6. .card-body {
  7. color: $card-color-alt;
  8. }
  9. // Optional textual caps
  10. .card-header {
  11. color: $card-cap-color-alt;
  12. background-color: $card-cap-bg-alt;
  13. border-bottom: $card-border-width solid $card-border-color-alt;
  14. }
  15. .card-footer {
  16. color: $card-cap-color-alt;
  17. background-color: $card-cap-bg-alt;
  18. border-top: $card-border-width solid $card-border-color-alt;
  19. }
  20. // Header navs
  21. .card-header-tabs {
  22. @if $nav-tabs-link-active-bg != $card-bg {
  23. .nav-link.active {
  24. background-color: $card-bg-alt;
  25. border-bottom-color: $card-bg-alt;
  26. }
  27. }
  28. }