<commit_before>.row {
  display: flex;
  flex-wrap: wrap;
}

.col {
  flex: 1;
}

// With gutters
.row--gutters .col {
  margin-right: @grid-gutter-size;

  &:last-child {
    margin-right: 0;
  }
}

// Alignments
.row--top {
  align-items: flex-start;
}
.row--center {
  align-items: center;
}
.row--bottom {
  align-items: flex-end;
}

.col--top {
  align-self: flex-start;
}
.col--center {
  align-self: center;
}
.col--bottom {
  align-self: flex-end;
}

// Individual sizing
.make-individual-sizing();

@media (min-width: @sm-min) {
  .make-individual-sizing(sm-);
}

@media (min-width: @md-min) {
  .make-individual-sizing(md-);
}

@media (min-width: @lg-min) {
  .make-individual-sizing(lg-);
}

// Helpers
.make-individual-sizing(@prefix: ~'') {
  .@{prefix}row--fit > .col {
    flex: 1;
  }
  .@{prefix}row--full > .col {
    flex: 0 0 percentage(1);
  }
  .@{prefix}row--1of2 > .col {
    flex: 0 0 percentage(1/2);
  }
  .@{prefix}row--1of3 > .col {
    flex: 0 0 percentage(1/3);
  }
  .@{prefix}row--1of4 > .col {
    flex: 0 0 percentage(1/4);
  }

  .@{prefix}col--fit {
    flex: 1 !important;
  }
  .@{prefix}col--full {
    width: percentage(1) !important;
    flex: none !important;
  }
  .@{prefix}col--1of2 {
    width: percentage(1/2) !important;
    flex: none !important;
  }
  .@{prefix}col--1of3 {
    width: percentage(1/3) !important;
    flex: none !important;
  }
  .@{prefix}col--2of3 {
    width: percentage(2/3) !important;
    flex: none !important;
  }
  .@{prefix}col--1of4 {
    width: percentage(1/4) !important;
    flex: none !important;
  }
  .@{prefix}col--3of4 {
    width: percentage(3/4) !important;
    flex: none !important;
  }
}
<commit_msg>Fix the gaps between column (`row--gutters`)<commit_after>.row {
  display: flex;
  flex-wrap: wrap;
}

.col {
  flex: 1;
}

// With gutters
.row--gutters {
  margin-right: (@grid-gutter-size / -2);
  margin-left: (@grid-gutter-size / -2);

  .col {
    margin-right: (@grid-gutter-size / 2);
    margin-left: (@grid-gutter-size / 2);
  }
}

// Alignments
.row--top {
  align-items: flex-start;
}
.row--center {
  align-items: center;
}
.row--bottom {
  align-items: flex-end;
}

.col--top {
  align-self: flex-start;
}
.col--center {
  align-self: center;
}
.col--bottom {
  align-self: flex-end;
}

// Individual sizing
.make-individual-sizing();

@media (min-width: @sm-min) {
  .make-individual-sizing(sm-);
}

@media (min-width: @md-min) {
  .make-individual-sizing(md-);
}

@media (min-width: @lg-min) {
  .make-individual-sizing(lg-);
}

// Helpers
.make-individual-sizing(@prefix: ~'') {
  .@{prefix}row--fit > .col {
    flex: 1;
  }
  .@{prefix}row--full > .col {
    flex: 0 0 percentage(1);
  }
  .@{prefix}row--1of2 > .col {
    flex: 0 0 percentage(1/2);
  }
  .@{prefix}row--1of3 > .col {
    flex: 0 0 percentage(1/3);
  }
  .@{prefix}row--1of4 > .col {
    flex: 0 0 percentage(1/4);
  }

  .@{prefix}col--fit {
    flex: 1 !important;
  }
  .@{prefix}col--full {
    width: percentage(1) !important;
    flex: none !important;
  }
  .@{prefix}col--1of2 {
    width: percentage(1/2) !important;
    flex: none !important;
  }
  .@{prefix}col--1of3 {
    width: percentage(1/3) !important;
    flex: none !important;
  }
  .@{prefix}col--2of3 {
    width: percentage(2/3) !important;
    flex: none !important;
  }
  .@{prefix}col--1of4 {
    width: percentage(1/4) !important;
    flex: none !important;
  }
  .@{prefix}col--3of4 {
    width: percentage(3/4) !important;
    flex: none !important;
  }
}

{'fraction_non_alphanumeric': 0.20558086560364464, 'fraction_numerical': 0.0270501138952164, 'mean_word_length': 2.555668016194332, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 13, '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': '6674633', 'n_tokens_mistral': 1501, 'n_tokens_neox': 1447, 'n_words': 266}