card.less 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .card {
  2. background-color: white;
  3. border-radius: @border-radius-base;
  4. -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  5. box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  6. padding: @line-height-computed;
  7. .page-header {
  8. margin: 0 0 1.5625rem;
  9. h1, h2, h3 {
  10. margin-top: 0;
  11. }
  12. }
  13. > .container-fluid {
  14. padding: 0;
  15. }
  16. .card-header {
  17. border-bottom: 1px solid @gray-lighter;
  18. padding-bottom: @line-height-computed;
  19. margin-bottom: @line-height-computed;
  20. h2 {
  21. margin: 0;
  22. }
  23. }
  24. }
  25. .card-thin {
  26. padding: @line-height-computed / 2
  27. }
  28. .card-group {
  29. .card {
  30. margin: @line-height-computed -15px 0 -15px;
  31. border-radius: 0;
  32. &.card-highlighted {
  33. // Bring card in front of other cards
  34. position: relative;
  35. z-index: 1;
  36. // Make it taller and card like
  37. margin-top: 0;
  38. border-radius: @border-radius-base;
  39. }
  40. &.card-first {
  41. border-top-left-radius: @border-radius-base;
  42. border-bottom-left-radius: @border-radius-base;
  43. }
  44. &.card-last {
  45. border-top-right-radius: @border-radius-base;
  46. border-bottom-right-radius: @border-radius-base;
  47. }
  48. }
  49. }