.card {
position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem;
} .card-body {
flex: 1 1 auto; padding: 1.24rem;
} .card-title {
font-weight: 900; margin-bottom: .75rem;
} .card-subtitle {
margin-top: -0.375rem; margin-bottom: 0;
} .card-link + .card-link {
margin-left: 1.25rem;
} .card-text {
margin-bottom: 1rem; line-height: 1.6rem; &:last-child { margin-bottom: 0; }
} .list-group {
display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0;
} .list-group-item {
position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, .125);
} .card-header:first-child {
border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; padding: .75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, .03); border-bottom: 1px solid rgba(0, 0, 0, .125);
} .card-header+.list-group .list-group-item:first-child {
border-top: 0;
} .card-footer {
padding: .75rem 1.25rem; background-color: rgba(0, 0, 0, .03); border-top: 1px solid rgba(0, 0, 0, .125);
} .card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: .25rem; border-top-right-radius: .25rem;
} .card > .list-group:last-child .list-group-item:last-child {
border-bottom-left-radius: .25rem; border-bottom-right-radius: .25rem;
} .list-group-flush .list-group-item {
border-right: 0; border-left: 0; border-radius: 0;
} .list-group-flush:first-child .list-group-item:first-child {
border-top: 0;
} .card-img-top {
border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px);
} .card-shadow-sm {
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .12);
} .card-shadow-md {
box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.12), 0 3px 6px 0 rgba(0, 0, 0, .12);
} .card-shadow-lg {
box-shadow: 0 30px 60px -12px rgba(50, 50, 93, .25), 0 18px 36px -18px rgba(0, 0, 0, .3), 0 -12px 36px -8px rgba(0, 0, 0, .02);
} .blockquote {
font-size: 1.25rem;
} .blockquote-footer {
display: block; font-size: 80%; color: #6c757d;
} .card-header-tabs {
margin-right: -.625rem; margin-bottom: -.75rem; margin-left: -.625rem; border-bottom: 0;
} .card .nav-item {
padding: 0;
} .card-img-overlay {
position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem;
} .card-group {
display: flex; flex-flow: row wrap;
} .card-deck {
display: flex; flex-direction: column;
}
.card-columns .card {
margin-bottom: .75rem;
}
@media (min-width: $screen-sm) {
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top { border-radius: 0; } .card-group > .card:first-child, .card-group > .card:first-child .card-img-top { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group>.card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .card-group > .card:last-child, .card-group > .card:last-child .card-img-top { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; }
}
@media (min-width: $screen-sm) {
.card-deck { flex-flow: row wrap; margin-left: -15px; margin-right: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; margin-right: 15px; margin-left: 15px; margin-bottom: 0; }
}
@media (min-width: $screen-sm) {
.card-columns { column-count: 3; column-gap: 1.25rem; } .card-columns .card { display: inline-block; width: 100%; }
}