<commit_before>// =============================================
// Grid
// =============================================

@mixin grid() {
    display: flex;
    flex-wrap: wrap;
}


// =============================================
// Grid gutter
// =============================================

@mixin grid-gutter($gap: $gutter) {
    $half-gutter: $gap / 2;
    margin-left: -$half-gutter;
    margin-right: -$half-gutter;

    > * {
        padding-left: $half-gutter;
        padding-right: $half-gutter;
    }
}


// =============================================
// Grid Up
// =============================================

@mixin grid-up($cols: 1) {
    > * {
        width: 100% / $cols;
    }
}


// =============================================
// Grid Col
// =============================================

@mixin grid-col($col: 100%) {
    width: $col;
}


// =============================================
// Grid Center
// =============================================

@mixin grid-center() {
    justify-content: center;
}


// =============================================
// Grid reverse
// =============================================

@mixin grid-reverse() {
    flex-direction: row-reverse;
}
<commit_msg>Updating grid mixin for items to align flex-start by default.<commit_after>// =============================================
// Grid
// =============================================

@mixin grid() {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}


// =============================================
// Grid gutter
// =============================================

@mixin grid-gutter($gap: $gutter) {
    $half-gutter: $gap / 2;
    margin-left: -$half-gutter;
    margin-right: -$half-gutter;

    > * {
        padding-left: $half-gutter;
        padding-right: $half-gutter;
    }
}


// =============================================
// Grid Up
// =============================================

@mixin grid-up($cols: 1) {
    > * {
        width: 100% / $cols;
    }
}


// =============================================
// Grid Col
// =============================================

@mixin grid-col($col: 100%) {
    width: $col;
}


// =============================================
// Grid Center
// =============================================

@mixin grid-center() {
    justify-content: center;
}


// =============================================
// Grid reverse
// =============================================

@mixin grid-reverse() {
    flex-direction: row-reverse;
}
{'fraction_non_alphanumeric': 0.5391923990498813, 'fraction_numerical': 0.006334125098970704, 'mean_word_length': 3.887814313346228, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '7119699', 'n_tokens_mistral': 699, 'n_tokens_neox': 645, 'n_words': 113}