<commit_before>@import "~photon-colors/photon-colors";
@import "~core/css/inc/mixins";
@import "~ui/css/vars";

$cell-padding: 6px;

.LanguageTools {
  padding: $padding-page;

  @include respond-to(large) {
    padding: $padding-page-l;
  }
}

.LanguageTools-table.responsiveTable {
  tbody tr {
    border: 1px solid $grey-30;
    border-bottom: 0;
    padding: 0;

    &:nth-child(even) {
      background: $grey-20;
    }

    &:last-child {
      border-bottom: 1px solid $grey-30;
    }
  }

  th,
  td {
    border: 0;
    padding: $cell-padding;
  }

  td {
    min-height: $font-size-m + (2 * $cell-padding);
  }
}

.LanguageTools-header-row {
  background: $grey-30;
}

.LanguageTools-header-cell {
  @include text-align-start();

  font-size: $font-size-m;
}

.LanguageTools-addon-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.LanguageTool-localeName {
  @include respond-to(large) {
    width: 25%;
  }
}<commit_msg>chore: Add comment for LanguageTools styles<commit_after>@import "~photon-colors/photon-colors";
@import "~core/css/inc/mixins";
@import "~ui/css/vars";

$cell-padding: 6px;

.LanguageTools {
  padding: $padding-page;

  @include respond-to(large) {
    padding: $padding-page-l;
  }
}

.LanguageTools-table {
  width: 100%;
}

.LanguageTools-header-row {
  background: $grey-30;
}

.LanguageTools-header-cell {
  @include text-align-start();

  font-size: $font-size-m;
}

.LanguageTools-addon-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

// We target tags and some very specific classNames (which we tend to avoid
// doing in our styles) because this needs to override rules set by
// `react-super-responsive-table`, which gives us the awesome responsive
// table used on this page but sets some unfortunate default border/padding
// values.
.LanguageTools-table.responsiveTable {
  tbody tr {
    border: 1px solid $grey-30;
    border-bottom: 0;
    padding: 0;

    &:nth-child(even) {
      background: $grey-20;
    }

    &:last-child {
      border-bottom: 1px solid $grey-30;
    }
  }

  th,
  td {
    border: 0;
    padding: $cell-padding;
  }

  td {
    min-height: $font-size-m + (2 * $cell-padding);
  }
}

.LanguageTool-localeName {
  @include respond-to(large) {
    width: 25%;
  }
}
{'fraction_non_alphanumeric': 0.15343680709534369, 'fraction_numerical': 0.01818181818181818, 'mean_word_length': 2.903114186851211, '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': '7140647', 'n_tokens_mistral': 886, 'n_tokens_neox': 819, 'n_words': 182}