<commit_before># fast-grid demo
<style>
@import url("app.css");
</style>

## Basic (list) usage

<div class="spl-content">
    <div class="cols">
        <div class="cols__item"><div class="spl-column">1</div></div>
        <div class="cols__item"><div class="spl-column">2</div></div>
        <div class="cols__item"><div class="spl-column">3</div></div>
        <div class="cols__item"><div class="spl-column">4</div></div>
        <div class="cols__item"><div class="spl-column">5</div></div>
    </div>
</div>

```html
<div class="cols">
    <div class="cols__item"><div class="spl-column">1</div></div>
    <div class="cols__item"><div class="spl-column">2</div></div>
    <div class="cols__item"><div class="spl-column">3</div></div>
    <div class="cols__item"><div class="spl-column">4</div></div>
    <div class="cols__item"><div class="spl-column">5</div></div>
</div>
```

```scss
.cols {
  @include grid-row();

  &__item {
    @include grid-col(12 null 6 4 (1 of 5));
  }
}
```

Note: `12 null 6 4 (1 of 5)` - list of span spl-columns for default breakpoints
```
(
 xxs: 0px,
 xs: 360px,
 sm: 768px,
 md: 992px,<commit_msg>Fix github class name conflict<commit_after># fast-grid demo
<style>
@import url("app.css");
</style>

## Basic (list) usage

<div class="spl-content">
    <div class="cols">
        <div class="cols__item"><div class="spl-column">1</div></div>
        <div class="cols__item"><div class="spl-column">2</div></div>
        <div class="cols__item"><div class="spl-column">3</div></div>
        <div class="cols__item"><div class="spl-column">4</div></div>
        <div class="cols__item"><div class="spl-column">5</div></div>
    </div>
</div>

```html
<div class="cols">
    <div class="cols__item"><div class="spl-column">1</div></div>
    <div class="cols__item"><div class="spl-column">2</div></div>
    <div class="cols__item"><div class="spl-column">3</div></div>
    <div class="cols__item"><div class="spl-column">4</div></div>
    <div class="cols__item"><div class="spl-column">5</div></div>
</div>
```

```scss
.cols {
  @include grid-row();

  &__item {
    @include grid-col(12 null 6 4 (1 of 5));
  }
}
```

Note: `12 null 6 4 (1 of 5)` - list of span columns for default breakpoints
```
(
 xxs: 0px,
 xs: 360px,
 sm: 768px,
 md: 992px,
{'fraction_non_alphanumeric': 0.2315098468271335, 'fraction_numerical': 0.02800875273522976, 'mean_word_length': 4.035242290748899, 'pattern_counts': {'":': 0, '<': 99, '<?xml version=': 0, '>': 99, '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': '5644871', 'n_tokens_mistral': 882, 'n_tokens_neox': 832, 'n_words': 175}