<commit_before>/**
 * @copyright   2010-2015, The Titon Project
 * @license     http://opensource.org/licenses/BSD-3-Clause
 * @link        http://titon.io
 */

@import "../common";

#{$flex-class-region} {
    @include flex-region();

    // Alignment
    &.flow-top,
    &.flow-left { @include flex-region-align(left); }
    &.flow-bottom,
    &.flow-right { @include flex-region-align(right); }
    &.flow-center { @include flex-region-align(center); }
    &.flow-between { @include flex-region-align(between); }
    &.flow-around { @include flex-region-align(around); }

    // Support RTL
    @if $text-direction == rtl {
        writing-mode: vertical-rl;
    }
}

#{$flex-class-block} {
    @include flex-block();
    @include flex-block-order();

    // Override parent alignment
    &.self-top,
    &.self-left { @include flex-block-align(top); }
    &.self-bottom,
    &.self-right { @include flex-block-align(bottom); }
    &.self-center { @include flex-block-align(center); }
    &.self-baseline { @include flex-block-align(baseline); }
    &.self-stretch { @include flex-block-align(stretch); }
}

// Global ordering
@for $i from 1 through $flex-order-count {
    .order-#{$i} { @include flex-block-order($i); }
}

// Responsive sizes
@each $size, $options in $flex-sizes {
    $size-columns: nth($options, 1);

    @include in-range(nth($options, 2)) {
        @for $i from 1 through $size-columns {
            #{$flex-class-block}.#{$size}-#{$i} { flex-basis: flex-span($i, $size-columns); }
        }

        // Responsive ordering
        @for $i from 1 through $flex-order-count {
            .#{$size}-order-#{$i} { @include flex-block-order($i); }
        }
    }
}

//-------------------- Modifiers --------------------//

// Generate a grid of blocks with equal spacing between
@if index($flex-modifiers, "grid") {
    #{$flex-class-modifier-grid} {
        flex-flow: row wrap;
        justify-content: flex-start;
        align-content: flex-start;

        @if $flex-grid-gutter {
            margin-top: -$flex-grid-gutter;
            margin-left: -$flex-grid-gutter;
        }

        > #{$flex-class-block} {
            margin-top: $flex-grid-gutter;
            margin-left: $flex-grid-gutter;
        }
    }
}

// Display blocks vertically or horizontally regardless of orientation
@if index($flex-modifiers, "horizontal") {
    #{$flex-class-modifier-horizontal} {
        @include flex-region-orientation(horizontal);
    }
}

@if index($flex-modifiers, "vertical") {
    #{$flex-class-modifier-vertical} {
        @include flex-region-orientation(vertical);
    }
}

// Wrap blocks onto the next line instead of trying to squish into 1 line
@if index($flex-modifiers, "wrap") {
    #{$flex-class-modifier-wrap} {
        @include flex-region-wrap();
    }
}
<commit_msg>Added grow and shrink classes.<commit_after>/**
 * @copyright   2010-2015, The Titon Project
 * @license     http://opensource.org/licenses/BSD-3-Clause
 * @link        http://titon.io
 */

@import "../common";

#{$flex-class-region} {
    @include flex-region();

    // Alignment
    &.flow-top,
    &.flow-left { @include flex-region-align(left); }
    &.flow-bottom,
    &.flow-right { @include flex-region-align(right); }
    &.flow-center { @include flex-region-align(center); }
    &.flow-between { @include flex-region-align(between); }
    &.flow-around { @include flex-region-align(around); }

    // Support RTL
    @if $text-direction == rtl {
        writing-mode: vertical-rl;
    }
}

#{$flex-class-block} {
    @include flex-block();
    @include flex-block-order();

    // Override parent alignment
    &.self-top,
    &.self-left { @include flex-block-align(top); }
    &.self-bottom,
    &.self-right { @include flex-block-align(bottom); }
    &.self-center { @include flex-block-align(center); }
    &.self-baseline { @include flex-block-align(baseline); }
    &.self-stretch { @include flex-block-align(stretch); }

    // Resizing
    &.grow { flex-grow: 1; }
    &.no-grow { flex-grow: 0; }
    &.shrink { flex-shrink: 1; }
    &.no-shrink { flex-shrink: 0; }
}

// Global ordering
@for $i from 1 through $flex-order-count {
    .order-#{$i} { @include flex-block-order($i); }
}

// Responsive sizes
@each $size, $options in $flex-sizes {
    $size-columns: nth($options, 1);

    @include in-range(nth($options, 2)) {
        @for $i from 1 through $size-columns {
            #{$flex-class-block}.#{$size}-#{$i} { flex-basis: flex-span($i, $size-columns); }
        }

        // Responsive ordering
        @for $i from 1 through $flex-order-count {
            .#{$size}-order-#{$i} { @include flex-block-order($i); }
        }
    }
}

//-------------------- Modifiers --------------------//

// Generate a grid of blocks with equal spacing between
@if index($flex-modifiers, "grid") {
    #{$flex-class-modifier-grid} {
        flex-flow: row wrap;
        justify-content: flex-start;
        align-content: flex-start;

        @if $flex-grid-gutter {
            margin-top: -$flex-grid-gutter;
            margin-left: -$flex-grid-gutter;
        }

        > #{$flex-class-block} {
            margin-top: $flex-grid-gutter;
            margin-left: $flex-grid-gutter;
        }
    }
}

// Display blocks vertically or horizontally regardless of orientation
@if index($flex-modifiers, "horizontal") {
    #{$flex-class-modifier-horizontal} {
        @include flex-region-orientation(horizontal);
    }
}

@if index($flex-modifiers, "vertical") {
    #{$flex-class-modifier-vertical} {
        @include flex-region-orientation(vertical);
    }
}

// Wrap blocks onto the next line instead of trying to squish into 1 line
@if index($flex-modifiers, "wrap") {
    #{$flex-class-modifier-wrap} {
        @include flex-region-wrap();
    }
}

{'fraction_non_alphanumeric': 0.18592182635766172, 'fraction_numerical': 0.00588031822898651, 'mean_word_length': 2.33314121037464, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '6867376', 'n_tokens_mistral': 1974, 'n_tokens_neox': 1881, 'n_words': 381}