@import "../vendor/bootstrap/scss/card";

sds-card:focus { outline: none; }

.card {
  .btn + .btn { margin-left: map-get($spacers, 2); }
  &.border-primary { border-width: $border-active-width-sm; }

  &.card-link {
    @extend %shadow-sm;

    text-decoration: none;

    &:hover { box-shadow: $shadow-md !important; }
  }
}

.card-subtitle {
  @extend %text-lg-bold;

  color: $gray-600;
  margin-top: map-get($spacers, 2) * -1;
}

.card-title { @extend .h2; }
.card-text:not(.empty) { margin-top: $card-spacer-y; }

.card-body {
  .standalone-link { display: block; }
}

.card-header {
  margin: 0 $card-spacer-x;
  padding: $card-spacer-y 0;

  & + .card-body { padding-top: map-get($spacers, 4); }

  .material-icons-round {
    background-color: $gray-200;
    border-radius: 50%;
    font-size: 40px;
    padding: map-get($spacers, 4);
  }
}

@each $color, $value in $card-theme-colors {
  @include card-variant($color);
}

.card-footer {
  border: none;
  padding-top: map-get($spacers, 3);
}