<commit_before>@import "../base/colors";

/***
  title: kanjiBlob
  section: blob
  description: a blob of data related to a single kanji
  example: |
    <div class="container">
      <div class="row">
        <div class="blob col-xs-4 title">
          <div class="kanji">心</div>
          <div class="romaji">shin</div>
          <div class="english">heart</div>
          <div class="hiragana">しん</div>
        </div>
        <div class="row">
        <div class="blob col-xs-4">
          <div class="kanji">心</div>
          <div class="romaji">shin</div>
          <div class="english">heart</div>
          <div class="hiragana">しん</div>
        </div>
      </div>
    </div>
***/

.row.title {
  width: 100%;
  border-bottom: 3px solid $black;
}

.blob {
  min-width: 150px;
  height: 80px;
  color: black;

  .title {
    font-weight: bold;
    border: 0px;

  }

  &:not(.title) {
    border-bottom: 1px solid $black;
    border-right: 1px solid $black;
  }
  .kanji {
    &.hidden {
      display: none;
    }

    color: $black;
    font-weight: bold;
    float: left;
  }

  .romaji {
    &.hidden {
      display: none;
    }

    float: right;
  }
  .characterNum {
    &.hidden {
      display: none;
    }
    float: left;
  }
  .english {
    width: 100%;
    font-size: 10px;
    clear: both;
    text-align: center;
    background: $gray;

    &.hidden {
      display: none;
    }
  }
  .hiragana {
    &.hidden {
      display: none;
    }

    float: right;
  }
}<commit_msg>make smaller<commit_after>@import "../base/colors";

/***
  title: kanjiBlob
  section: blob
  description: a blob of data related to a single kanji
  example: |
    <div class="container">
      <div class="row">
        <div class="blob col-xs-4 title">
          <div class="kanji">心</div>
          <div class="romaji">shin</div>
          <div class="english">heart</div>
          <div class="hiragana">しん</div>
        </div>
        <div class="row">
        <div class="blob col-xs-4">
          <div class="kanji">心</div>
          <div class="romaji">shin</div>
          <div class="english">heart</div>
          <div class="hiragana">しん</div>
        </div>
      </div>
    </div>
***/

.row.title {
  width: 100%;
  border-bottom: 3px solid $black;
}

.blob {
  min-width: 150px;
  height: 80px;
  color: black;

  .title {
    font-weight: bold;
    border: 0px;

  }

  &:not(.title) {
    border-bottom: 1px solid $black;
    border-right: 1px solid $black;
  }
  .kanji {
    &.hidden {
      display: none;
    }

    color: $black;
    font-weight: bold;
    float: left;
  }

  .romaji {
    &.hidden {
      display: none;
    }

    float: right;
  }
  .characterNum {
    &.hidden {
      display: none;
    }
    float: left;
  }
  .english {
    width: 100%;
    font-size: 8px;
    clear: both;
    text-align: center;
    background: $gray;

    &.hidden {
      display: none;
    }
  }
  .hiragana {
    &.hidden {
      display: none;
    }

    float: right;
  }
}
{'fraction_non_alphanumeric': 0.16410940627084722, 'fraction_numerical': 0.012341561040693796, 'mean_word_length': 1.867112810707457, 'pattern_counts': {'":': 0, '<': 53, '<?xml version=': 0, '>': 53, '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': '1993545', 'n_tokens_mistral': 1147, 'n_tokens_neox': 1090, 'n_words': 241}