<commit_before>project-card {
  background: #FFF;
  border: 1px solid lighten($blue, 25%);
  border-radius: 20px 20px 2px 2px;
  display: inline-block;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  @media (min-width: $small) {
    border-radius: 12px 2px 2px 12px;
    height: 160px;
  }
  .badge, .badge img {
    display: inline-block;
    @media (min-width: $small) {
      height: 100%;
    }
  }

  .badge img {
    margin-right: 20px;
    width: 100%;
    @media (min-width: $small) {
      width: inherit;
    }
  }

  .information {
    display: inline-block;
    padding: 10px;
    vertical-align: top;
    @media (min-width: $small) {
      width: 62%;
      padding: 10px 0 0;
    }
  }
  h2 a, .progress-numbers {
    color: $anchor-color;
  }
  .remaining {
    font-size: 16px;
  }
  .progress-numbers span.metric {
    color: darken($anchor-color, 20%);
    font-weight: 400;
    text-transform: uppercase;
  }
  .progress-numbers {
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
  }
  .prog-num {
    display: inline-block;
    width: 45%;
    &.negative {
      color: $red;
      font-weight: 600;
    }
  }
  .title {
    display: block;<commit_msg>User new polyfill element query<commit_after>project-card {
  background: #FFF;
  border: 1px solid lighten($blue, 25%);
  border-radius: 20px 20px 2px 2px;
  display: inline-block;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  &[min-width="500px"] {
    border-radius: 12px 2px 2px 12px;
    height: 160px;
    .badge, .badge img {
      height: 100%;
    }
    .badge img {
      width: inherit;
    }
    .information {
      width: 61%;
      padding: 10px 0 0;
    }
  }

  .badge, .badge img {
    display: inline-block;
  }

  .badge img {
    margin-right: 20px;
    width: 100%;
  }

  .information {
    display: inline-block;
    padding: 10px;
    vertical-align: top;
  }
  h2 a, .progress-numbers {
    color: $anchor-color;
  }
  .remaining {
    font-size: 16px;
  }
  .progress-numbers span.metric {
    color: darken($anchor-color, 20%);
    font-weight: 400;
    text-transform: uppercase;
  }
  .progress-numbers {
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
  }
  .prog-num {
    display: inline-block;
    width: 45%;
    &.negative {
      color: $red;
      font-weight: 600;
    }
  }
  .title {
    display: block;
{'fraction_non_alphanumeric': 0.14160033514872225, 'fraction_numerical': 0.047339757017176375, 'mean_word_length': 2.227027027027027, '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': '5203550', 'n_tokens_mistral': 1012, 'n_tokens_neox': 881, 'n_words': 208}