<commit_before>.container {
  margin: 0 @app-padding;
}

.row {
  display: flex;

  &:nth-child(1) {
    .hex-row-tile-offset(1);
  }
  &:nth-child(2) {
    .hex-row-tile-offset(2);
  }
  &:nth-child(3) {
    .hex-row-tile-offset(3);
  }
  &:nth-child(4) {
    .hex-row-tile-offset(4);
  }
  &:nth-child(5) {
    .hex-row-tile-offset(5);
  }
}

.hex {
  position: relative;
  display: inline-block;
  min-height: @hex-height;
  max-height: @hex-height;
  min-width: @hex-width;
  max-width: @hex-width;
  margin-top: @hex-vertical-offset;
  margin-left: @hex-horizontal-offset;
  background-color: transparent;
  color: @background-color;

  &:before {
    position: absolute;
    content: " ";
    width: 0;
    height: 0;
    top: -@hex-triangle-height;
    border-bottom: @hex-triangle-height solid transparent;
    border-left: @hex-triangle-width solid transparent;
    border-right: @hex-triangle-width solid transparent;
  }

  &:after {
    position: absolute;
    content: " ";
    width: 0;
    height: 0;
    bottom: -@hex-triangle-height;
    border-top: @hex-triangle-height solid transparent;
    border-left: @hex-triangle-width solid transparent;
    border-right: @hex-triangle-width solid transparent;
  }

  .tile(@hex-secondary-color);

  &.primary {
    .tile(@hex-primary-color);
    .select-rule(none);
    cursor: default;
  }<commit_msg>fix extra padding to the left of the hexes from spacing margin<commit_after>.container {
  margin: 0 @app-padding;
}

.row {
  display: flex;

  &:nth-child(1) {
    .hex-row-tile-offset(1);
  }
  &:nth-child(2) {
    .hex-row-tile-offset(2);
  }
  &:nth-child(3) {
    .hex-row-tile-offset(3);
  }
  &:nth-child(4) {
    .hex-row-tile-offset(4);
  }
  &:nth-child(5) {
    .hex-row-tile-offset(5);
  }
}

.hex {
  position: relative;
  display: inline-block;
  min-height: @hex-height;
  max-height: @hex-height;
  min-width: @hex-width;
  max-width: @hex-width;
  margin-top: @hex-vertical-offset;
  margin-left: @hex-horizontal-offset;
  background-color: transparent;
  color: @background-color;

  &:nth-child(1) {
    margin-left: 0;
  }

  &:before {
    position: absolute;
    content: " ";
    width: 0;
    height: 0;
    top: -@hex-triangle-height;
    border-bottom: @hex-triangle-height solid transparent;
    border-left: @hex-triangle-width solid transparent;
    border-right: @hex-triangle-width solid transparent;
  }

  &:after {
    position: absolute;
    content: " ";
    width: 0;
    height: 0;
    bottom: -@hex-triangle-height;
    border-top: @hex-triangle-height solid transparent;
    border-left: @hex-triangle-width solid transparent;
    border-right: @hex-triangle-width solid transparent;
  }

  .tile(@hex-secondary-color);

  &.primary {
    .tile(@hex-primary-color);
    .select-rule(none);
    cursor: default;
  }
{'fraction_non_alphanumeric': 0.16826411075612355, 'fraction_numerical': 0.011359602413915513, 'mean_word_length': 2.849726775956284, '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': '1957144', 'n_tokens_mistral': 1089, 'n_tokens_neox': 1048, 'n_words': 190}