<commit_before>//## Block Groups
//
//Block groups is a special-use grid system for displaying a grid of items that all have the same column width. For example, if you need to show a list of products with three products in each row, you could use the following html:
//
//```html
//<div class="block-group block-group-3-up">
//  <div class="block"></div>
//  <div class="block"></div>
//  ...
//  <div class="block">/div>
//</div>
//```
//
//Block groups do not need to be cleared and do not need a row wrapper.
//
//.block-group-1-up  - display one item in each row
//.block-group-2-up  - display two items in each row
//.block-group-3-up  - display three items in each row
//.block-group-4-up  - display four items in each row
//.block-group-5-up  - display five items in each row
//.center            - blocks are centered if there is not enough to fill the row
//
//Styleguide 1.2

@mixin block-group() {
  font-family: monospace;
  letter-spacing: -.65em;
  margin-left: -1em;
  margin-right: -1em;
  text-align: left;
  display: block;
  &.center {
    text-align: center;
  }
}

@mixin block() {
  position: relative;
  display: inline-block;
  float: none;
  @include box-sizing(border-box);
  padding-left: 1em;
  padding-right: 1em;
  font-family: sans-serif;
  letter-spacing: normal;
  text-align: left;
  vertical-align: top;
}

@mixin _block-grid ($prefix: "") {
  .#{$prefix}block-group-1-up .block { width: 100%; }
  .#{$prefix}block-group-2-up .block { width: 50%; }
  .#{$prefix}block-group-3-up .block { width: 33.33333%; }
  .#{$prefix}block-group-4-up .block { width: 25%; }
  .#{$prefix}block-group-5-up .block { width: 20%; }
}



//## Responsive Block Groups
//
//Block groups can have different amounts of columns at different breakpoints. A common use case would be something like this:
//
//```html
//<div class="block-group block-group-3-up tablet-block-group-2-up phone-block-group-1-up"><commit_msg>set block group gutters to standard gutter var<commit_after>//## Block Groups
//
//Block groups is a special-use grid system for displaying a grid of items that all have the same column width. For example, if you need to show a list of products with three products in each row, you could use the following html:
//
//```html
//<div class="block-group block-group-3-up">
//  <div class="block"></div>
//  <div class="block"></div>
//  ...
//  <div class="block">/div>
//</div>
//```
//
//Block groups do not need to be cleared and do not need a row wrapper.
//
//.block-group-1-up  - display one item in each row
//.block-group-2-up  - display two items in each row
//.block-group-3-up  - display three items in each row
//.block-group-4-up  - display four items in each row
//.block-group-5-up  - display five items in each row
//.center            - blocks are centered if there is not enough to fill the row
//
//Styleguide 1.2

@mixin block-group() {
  font-family: monospace;
  letter-spacing: -.65em;
  margin-left: -0.5*$column-gutter;
  margin-right: -0.5*$column-gutter;
  text-align: left;
  display: block;
  &.center {
    text-align: center;
  }
}

@mixin block() {
  position: relative;
  display: inline-block;
  float: none;
  @include box-sizing(border-box);
  padding-left: 0.5*$column-gutter;
  padding-right: 0.5*$column-gutter;
  font-family: sans-serif;
  letter-spacing: normal;
  text-align: left;
  vertical-align: top;
}

@mixin _block-grid ($prefix: "") {
  .#{$prefix}block-group-1-up .block { width: 100%; }
  .#{$prefix}block-group-2-up .block { width: 50%; }
  .#{$prefix}block-group-3-up .block { width: 33.33333%; }
  .#{$prefix}block-group-4-up .block { width: 25%; }
  .#{$prefix}block-group-5-up .block { width: 20%; }
}



//## Responsive Block Groups
//
//Block groups can have different amounts of columns at different breakpoints. A common use case would be something like this:
//
//```html
//<div class="block-group block-group-3-up tablet-block-group-2-up phone-block-group-1-up">
{'fraction_non_alphanumeric': 0.1645153125790939, 'fraction_numerical': 0.020248038471273096, 'mean_word_length': 2.975855130784708, 'pattern_counts': {'":': 0, '<': 19, '<?xml version=': 0, '>': 21, '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': '1555820', 'n_tokens_mistral': 1413, 'n_tokens_neox': 1340, 'n_words': 432}