_card.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. .card {
  2. margin-top: 2rem;
  3. margin-bottom: 0.5rem;
  4. > .card-header + .card-body {
  5. padding-top: 0;
  6. }
  7. }
  8. .card-header {
  9. background: $bg-one;
  10. position: relative;
  11. top: -1rem;
  12. margin: 0 5px;
  13. width: max-content;
  14. border: $card-border-width solid $card-border-color;
  15. font-weight: bold;
  16. color: #444;
  17. }
  18. #maincontainer .card-header,
  19. .accordion > .card > .card-header {
  20. position: static;
  21. width: auto;
  22. margin: 0;
  23. border: 0;
  24. }
  25. #maincontainer {
  26. .card {
  27. background: none;
  28. border-top: none;
  29. border-bottom: none;
  30. border-#{$right}: none;
  31. border-#{$left}: 0.3em solid $th-background;
  32. > .card-header + .card-body {
  33. padding-top: 1rem;
  34. }
  35. }
  36. .card-header {
  37. color: inherit;
  38. background-color: $th-background;
  39. padding-top: 0.1em;
  40. padding-bottom: 0.1em;
  41. font-weight: bold;
  42. font-size: 120%;
  43. }
  44. .card-body {
  45. padding: 1rem;
  46. padding-bottom: 0;
  47. }
  48. }
  49. .accordion {
  50. > .card {
  51. margin-top: 0;
  52. margin-bottom: 0;
  53. background: none;
  54. > .card-header {
  55. background-color: $th-background;
  56. padding: 0;
  57. .btn {
  58. color: #00f;
  59. &:hover {
  60. color: #f00;
  61. }
  62. }
  63. }
  64. }
  65. }