<commit_before>$border-color: #222;

.card {
  background-color: white;
  display: flex;
  position: relative;
  overflow: hidden;
  margin: 4px;
  border: 2px solid $border-color;
  transition: all 0.3s ease;

  width: calc(20% - 8px);

  @media(max-width: 1400px) {
    width: calc(20% - 8px);
  }

  @media(max-width: 1060px) {
    width: calc(33.333% - 8px);
  }

  @media(max-width: 767px) {
    width: calc(100% - 8px);
  }

  &:hover {
    // transform: scale(1.1);
    border-color: seagreen;
    z-index: 100;
    color: seagreen;
    background-color: #f5f8fa;
  }

  .card-link {
    width: 100%;
    height: 100%;
  }

  .card-img {
    display: block;
    width: 100%;
    height: 10vw;
    min-height: 150px;
    object-fit: cover;
    border-right: 1px solid $border-color;
    transition: all 0.3s ease;

    @media(max-width: 767px) {<commit_msg>brushup of card<commit_after>$border-color: #222;

.card {
  background-color: white;
  display: flex;
  position: relative;
  overflow: hidden;
  margin: 8px;
  border: 2px solid $border-color;
  transition: all 0.3s ease;

  width: calc(20% - 16px);

  @media(max-width: 1400px) {
    width: calc(20% - 16px);
  }

  @media(max-width: 1060px) {
    width: calc(33.333% - 16px);
  }

  @media(max-width: 767px) {
    width: calc(100% - 16px);
  }

  &:hover {
    // transform: scale(1.1);
    border-color: seagreen;
    z-index: 100;
    color: seagreen;
    background-color: #f5f8fa;
  }

  .card-link {
    width: 100%;
    height: 100%;
  }

  .card-img {
    display: block;
    width: 100%;
    height: 10vw;
    min-height: 150px;
    object-fit: cover;
    transition: all 0.3s ease;

    @media(max-width: 767px) {
{'fraction_non_alphanumeric': 0.15926583777383066, 'fraction_numerical': 0.07400828892835998, 'mean_word_length': 2.557894736842105, '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': '7560746', 'n_tokens_mistral': 784, 'n_tokens_neox': 669, 'n_words': 150}