<commit_before>%livingstyleguide--color-swatch {
  color: $livingstyleguide--color-swatch-color;
  display: block;
  float: left;
  font-family: $livingstyleguide--code-font;
  font-size: $livingstyleguide--code-font-size;
  font-weight: bold;
  height: 4em * $livingstyleguide--base-line-height;
  line-height: $livingstyleguide--base-line-height;
  list-style: none;
  margin: 0 $livingstyleguide--gap-width $livingstyleguide--gap-width 0;
  padding-top: 1em * $livingstyleguide--base-line-height;
  position: relative;
  text-align: center;
  width: floor(
      ($livingstyleguide--width - ($livingstyleguide--color-swatches-per-line - 1) * $livingstyleguide--gap-width)
      /
      $livingstyleguide--color-swatches-per-line
    );
  z-index: 1;
  @include box-sizing(border-box);

  &:before {
    border: $livingstyleguide--color-swatch-border-width $livingstyleguide--code-border-color solid;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    @include border-radius($livingstyleguide--color-swatch-border-radius);
    @include box-sizing(border-box);
  }

  &:after {
    display: block;
    font-weight: normal;
    text-align: center;
  }
}

.livingstyleguide--color-swatches {
  display: block;
  margin: $livingstyleguide--gap-width auto (-$livingstyleguide--gap-width) auto;
  padding-left: $livingstyleguide--gap-width;
  width: $livingstyleguide--width + 2 * $livingstyleguide--gap-width;
  @include clearfix;
  @include box-sizing(border-box);
}<commit_msg>design for colors per row<commit_after>%livingstyleguide--color-swatch {
  color: $livingstyleguide--color-swatch-color;
  display: block;
  float: left;
  font-family: $livingstyleguide--code-font;
  font-size: $livingstyleguide--code-font-size;
  font-weight: bold;
  height: 4em * $livingstyleguide--base-line-height;
  line-height: 1em * $livingstyleguide--base-line-height;
  list-style: none;
  margin: 0 $livingstyleguide--gap-width $livingstyleguide--gap-width 0;
  position: relative;
  text-align: center;
  z-index: 1;
  @include box-sizing(border-box);

  &:before {
    border: $livingstyleguide--color-swatch-border-width $livingstyleguide--code-border-color solid;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    @include border-radius($livingstyleguide--color-swatch-border-radius);
    @include box-sizing(border-box);
  }

  &:after {
    display: block;
    font-weight: normal;
    text-align: center;
  }
}

.livingstyleguide--color-swatches {
  display: block;
  margin: $livingstyleguide--gap-width auto (-$livingstyleguide--gap-width) auto;
  padding-left: $livingstyleguide--gap-width;
  width: $livingstyleguide--width + 2 * $livingstyleguide--gap-width;
  @include clearfix;
  @include box-sizing(border-box);
}

@for $i from 1 through 12 {
  .livingstyleguide--color-swatches.-lsg-#{$i}-columns .livingstyleguide--color-swatch {
    $size: floor(($livingstyleguide--width - ($i - 1) * $livingstyleguide--gap-width) / $i);
    height: $size;
    padding-top: $size * 0.6;
    width: $size;
  }
}

{'fraction_non_alphanumeric': 0.15358040201005024, 'fraction_numerical': 0.011620603015075377, 'mean_word_length': 3.511331444759207, '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': '3132205', 'n_tokens_mistral': 1226, 'n_tokens_neox': 1168, 'n_words': 200}