card.less 1.2 KB

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