<commit_before>.cards {
  $card-border-color: $base-border-color;
  $card-border: 1px solid $card-border-color;
  $card-color: lighten($card-border-color, 10);
  $card-header-color: $card-color;
  $card-hover-color: darken($card-color, 5);

  @include clearfix;
  cursor: pointer;
  margin-bottom: 1em;

  .card {
    height: 190px;
    border: $card-border;
    background-color: $card-color;
    border-radius: $base-border-radius;
    margin-bottom: $base-line-height;

    @include media($medium-screen) {
      @include span-columns(4 of 12);
    }

    .card-header {
      background-color: $card-header-color;
      border-bottom: $card-border;
      border-top-left-radius: $base-border-radius;
      border-top-right-radius: $base-border-radius;
      font-weight: bold;
      padding: 0.5em 1em;
    }

    .card-content {
      padding-left: 1em;
      padding-right: 1em;
      padding-top: 1em;
      
      p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
      }  
    }

    h3 {
      font-weight: 800;
    }

    &:hover {
      background-color: $card-hover-color;
      .card-header {
        background-color: $card-hover-color;
      }
    }

    &:active {
      background-color: $card-color;
      .card-header {
        background-color: $card-color;
      }
    }
  }
}<commit_msg>Refactor Cards<commit_after>.cards {
  $card-border-color: $base-border-color;
  $card-border: 1px solid $card-border-color;
  $card-color: lighten($card-border-color, 10);
  $card-header-color: $card-color;
  $card-hover-color: darken($card-color, 5);
  @include clearfix;
  cursor: pointer;
  margin-bottom: $base-line-height;

  .card {
    background-color: $card-color;
    border-radius: $base-border-radius;
    border: $card-border;
    height: em(190);
    margin-bottom: $base-line-height;

    @include media($medium-screen) {
      @include span-columns(4);
    }

    .card-header {
      background-color: $card-header-color;
      border-bottom: $card-border;
      border-top-left-radius: $base-border-radius;
      border-top-right-radius: $base-border-radius;
      font-weight: bold;
      padding: $base-line-height/2 $gutter/2;
    }

    .card-content {
      padding: $base-line-height/2 $gutter/2;
      padding-bottom: 0;

      p {
        @include box-orient(vertical);
        @include display-box;
        @include prefixer(line-clamp, 4, webkit moz ms o spec);
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }

    &:hover {
      background-color: $card-hover-color;

      .card-header {
        background-color: $card-hover-color;
      }
    }

    &:active {
      background-color: $card-color;

      .card-header {
        background-color: $card-color;
      }
    }
  }
}
{'fraction_non_alphanumeric': 0.14765570328901328, 'fraction_numerical': 0.012596221133659902, 'mean_word_length': 2.208754208754209, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5816500', 'n_tokens_mistral': 1025, 'n_tokens_neox': 975, 'n_words': 171}