_card.scss 6.02 KiB
//
// Base styles
//
.card {
  position: relative;
  display: block;
  margin-bottom: $card-spacer-y;
  background-color: $card-bg;
  // border: $card-border-width solid $card-border-color;
  @include border-radius($card-border-radius);
  border: $card-border-width solid $card-border-color;
.card-block {
  @include clearfix;
  padding: $card-spacer-x;
.card-title {
  margin-bottom: $card-spacer-y;
.card-subtitle {
  margin-top: -($card-spacer-y / 2);
  margin-bottom: 0;
.card-text:last-child {
  margin-bottom: 0;
// .card-actions {
//   padding: $card-spacer-y $card-spacer-x;
//   .card-link + .card-link {
//     margin-left: $card-spacer-x;
//   }
// }
.card-link {
  @include hover {
    text-decoration: none;
  + .card-link {
    margin-left: $card-spacer-x;
@if $enable-rounded {
  .card {
    > .list-group:first-child {
      .list-group-item:first-child {
        border-top-left-radius: $card-border-radius;
        border-top-right-radius: $card-border-radius;
    > .list-group:last-child {
      .list-group-item:last-child {
        border-bottom-right-radius: $card-border-radius;
        border-bottom-left-radius: $card-border-radius;