12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- .card {
- margin-top: 2rem;
- margin-bottom: 0.5rem;
- > .card-header + .card-body {
- padding-top: 0;
- }
- }
- .card-header {
- background: $bg-one;
- position: relative;
- top: -1rem;
- margin: 0 5px;
- width: max-content;
- border: $card-border-width solid $card-border-color;
- font-weight: bold;
- color: #444;
- }
- #maincontainer .card-header,
- .accordion > .card > .card-header {
- position: static;
- width: auto;
- margin: 0;
- border: 0;
- }
- #maincontainer {
- .card {
- background: none;
- border-top: none;
- border-bottom: none;
- border-#{$right}: none;
- border-#{$left}: 0.3em solid $th-background;
- > .card-header + .card-body {
- padding-top: 1rem;
- }
- }
- .card-header {
- color: inherit;
- background-color: $th-background;
- padding-top: 0.1em;
- padding-bottom: 0.1em;
- font-weight: bold;
- font-size: 120%;
- }
- .card-body {
- padding: 1rem;
- padding-bottom: 0;
- }
- }
- .accordion {
- > .card {
- margin-top: 0;
- margin-bottom: 0;
- background: none;
- > .card-header {
- background-color: $th-background;
- padding: 0;
- .btn {
- color: #00f;
- &:hover {
- color: #f00;
- }
- }
- }
- }
- }
|