<commit_before>/**
 * #LAYOUT - Grid
 * TODO: Move into layout folder
 *
 * Usage:
 *   <section class="grid">
 *       <div class="grid-item"></div>
 *       <div class="grid-item"></div>
 *       <div class="grid-item"></div>
 *   </section>
 *
 * Limitations:
 *   - `.grid` cannot also be applied to an element with `.wrap`
 */

.grid {
    display: flex;
}
    .grid--top {
        align-items: flex-start;
    }
    .grid--bottom {
        align-items: flex-end;
    }
    .grid--center {
        align-items: center;
    }
    .grid--gutters {
        margin: -#{$grid-gutter} 0 0 -#{$grid-gutter};
        & > .grid-item {
            padding: #{$grid-gutter} 0 0 #{$grid-gutter};
        }
    }


.grid-item {
    flex: 1;
}
    .grid-item--top {
        align-self: flex-start;
    }
    .grid-item--bottom {
        align-self: flex-end;
    }
    .grid-item--center {
        align-self: flex-center;
    }
    .grid-item--full {
        flex: 0 0 100%;
    }
    .grid-item--half {
        @include media(">small") {
            flex: 0 0 50%;
        }
        @include media("<=small") {
            flex: 0 0 100%;
        }
    }
    .grid-item--third {
        @include media(">small") {
            flex: 0 0 33.3333%;
        }
        @include media("<=small") {
            flex: 0 0 100%;
        }
    }
    .grid-item--fourth, .grid-item--quarter {
        @include media(">medium") {
            flex: 0 0 25%;
        }
        @include media("<=medium") {
            flex: 0 0 50%;
        }
        @include media("<=small") {
            flex: 0 0 100%;
        }
    }




<commit_msg>add fifth, sixth, row, column to _grid.scss<commit_after>/**
 * #LAYOUT - Grid
 *
 * Usage:
 *   <section class="grid">
 *       <div class="grid-item"></div>
 *       <div class="grid-item"></div>
 *       <div class="grid-item"></div>
 *   </section>
 *
 * Limitations:
 *   - `.grid` cannot be applied to an element with `.wrap`; must be a child
 */

.grid,
.row {
    display: flex;
}
    .grid--top,
    .row--top {
        align-items: flex-start;
    }
    .grid--bottom,
    .row--bottom {
        align-items: flex-end;
    }
    .grid--center,
    .row--bottom {
        align-items: center;
    }
    .grid--gutters,
    .row--gutters {
        margin: -#{$grid-gutter} 0 0 -#{$grid-gutter};
        & > .grid-item, & > .column {
            padding: #{$grid-gutter} 0 0 #{$grid-gutter};
        }
    }


.grid-item,
.column {
    flex: 1;
}
    .grid-item--top,
    .column--top {
        align-self: flex-start;
    }
    .grid-item--bottom,
    .column--bottom {
        align-self: flex-end;
    }
    .grid-item--center,
    .column--center {
        align-self: flex-center;
    }
    .grid-item--full, .grid-item--whole, .grid-item--100,
    .column--full, .column--whole, .column--100 {
        flex: 0 0 100%;
    }
    .grid-item--half, .grid-item--50,
    .column--half, .column--50 {
        @include media(">small") {
            flex: 0 0 50%;
        }
        @include media("<=small") {
            flex: 0 0 100%;
        }
    }
    .grid-item--third, .grid-item--33,
    .column--third, .column--33 {
        @include media(">small") {
            flex: 0 0 33.333%;
        }
        @include media("<=small") {
            flex: 0 0 100%;
        }
    }
    .grid-item--fourth, .grid-item--quarter, .grid-item--25,
    .column--fourth, .column--quarter, .column--25 {
        @include media(">medium") {
            flex: 0 0 25%;
        }
        @include media("<=medium") {
            flex: 0 0 50%;
        }
        @include media("<=small") {
            flex: 0 0 100%;
        }
    }
    .grid-item--fifth, .grid-item--20,
    .column--fifth, .column--20 {
        @include media(">medium") {
            flex: 0 0 20%;
        }
        @include media("<=medium") {
            flex: 0 0 100%;
        }
    }
    .grid-item--sixth, .grid-item--16,
    .column--sixth, .column--16 {
        @include media(">medium") {
            flex: 0 0 16.666%;
        }
        @include media("<=medium") {
            flex: 0 0 33.333%;
        }
        @include media("<=small") {
            flex: 0 0 100%;
        }
    }
{'fraction_non_alphanumeric': 0.18460066953610713, 'fraction_numerical': 0.034194165471066476, 'mean_word_length': 1.382118451025057, 'pattern_counts': {'":': 0, '<': 30, '<?xml version=': 0, '>': 30, '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': '5264975', 'n_tokens_mistral': 1574, 'n_tokens_neox': 1422, 'n_words': 301}