<commit_before>@import "../mixins";

/** A React component holding a diff */
#diff {
  text-align: left;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.CodeMirror {
  height: 100%;
  font-family: --var(font-family-monospace);
}

.CodeMirror-lines {
  padding: 0;
}

/** The container for the CodeMirror element. */
.diff-code-mirror {
  height: 100%;
}

.diff-line-gutter {
  line-height: normal;
  display: inline-block;
  height: 100%;
}

.diff-text .before,
.diff-text .after  {
  color: var(--diff-line-number-color);
  width: var(--diff-line-number-column-width);
  text-align: right;
}

.diff-line-number {
  display: inline-block;
  color: var(--diff-line-number-color);
  width: var(--diff-line-number-column-width);
  padding: var(--spacing-third) var(--spacing-half);
  text-align: left;

  &.before {
    border-right: 1px solid var(--diff-border-color);
  }

  &.after {
    border-right: 3px solid var(--diff-border-color);
  }
}

pre.diff-add {
  background: var(--diff-add-background-color);
  padding: 0;

  .diff-line-number {
    border-color: var(--diff-add-border-color);
  }
}

pre.diff-delete {
  background: var(--diff-delete-background-color);<commit_msg>These selectors are reduntant<commit_after>@import "../mixins";

/** A React component holding a diff */
#diff {
  text-align: left;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.CodeMirror {
  height: 100%;
  font-family: --var(font-family-monospace);
}

.CodeMirror-lines {
  padding: 0;
}

/** The container for the CodeMirror element. */
.diff-code-mirror {
  height: 100%;
}

.diff-line-gutter {
  line-height: normal;
  display: inline-block;
  height: 100%;
}

.diff-line-number {
  display: inline-block;
  color: var(--diff-line-number-color);
  width: var(--diff-line-number-column-width);
  padding: var(--spacing-third) var(--spacing-half);
  text-align: right;

  &.before {
    border-right: 1px solid var(--diff-border-color);
  }

  &.after {
    border-right: 3px solid var(--diff-border-color);
  }
}

pre.diff-add {
  background: var(--diff-add-background-color);
  padding: 0;

  .diff-line-number {
    border-color: var(--diff-add-border-color);
  }
}

pre.diff-delete {
  background: var(--diff-delete-background-color);
{'fraction_non_alphanumeric': 0.1821029082774049, 'fraction_numerical': 0.017002237136465325, 'mean_word_length': 3.0802919708029197, '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': '7186448', 'n_tokens_mistral': 879, 'n_tokens_neox': 824, 'n_words': 160}