_cards.scss 761 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. // Cards
  2. .card {
  3. background: $bg-color-light;
  4. border: $border-width solid $border-color;
  5. border-radius: $border-radius;
  6. display: flex;
  7. flex-direction: column;
  8. .card-header,
  9. .card-body,
  10. .card-footer {
  11. padding: $layout-spacing-lg;
  12. padding-bottom: 0;
  13. &:last-child {
  14. padding-bottom: $layout-spacing-lg;
  15. }
  16. }
  17. .card-body {
  18. flex: 1 1 auto;
  19. }
  20. .card-image {
  21. padding-top: $layout-spacing-lg;
  22. &:first-child {
  23. padding-top: 0;
  24. img {
  25. border-top-left-radius: $border-radius;
  26. border-top-right-radius: $border-radius;
  27. }
  28. }
  29. &:last-child {
  30. img {
  31. border-bottom-left-radius: $border-radius;
  32. border-bottom-right-radius: $border-radius;
  33. }
  34. }
  35. }
  36. }