<commit_before>/*
* Grid SCSS from Reflex grid (V1.5.0) - http://leejordan.github.io/reflex/docs/index.html
*/

@import "grid/mixins";
@import "grid/helpers";

.#{$reflex-prefix}grid {
    @include display-flex();
    @include flex-wrap();
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
    max-width: $reflex-max-width;

    @include setupWhitespace();

    &:before,
    &:after {
        @include resetWhitespace();
        max-width: 100%;
    }

    *:before,
    *:after {
        @include resetWhitespace();
    }

    // handle nested grids
    & .#{$reflex-prefix}grid {
        @include flex(1, 1, auto);
    }

    // Reset the box-sizing so our grid works properly
    * {
        @include box-sizing(border-box);
    }
    *:before,
    *:after {
        @include box-sizing(border-box);
    }

    // handle when lists are used as a grid
    list-style-type: none;
}

// --------------------------------------------------
// reflex grid__col defaults
// --------------------------------------------------

[class*="#{$reflex-prefix}grid__col-"] {
    @include setupCols();
}

// --------------------------------------------------
// reflex grid__cell defaults
// --------------------------------------------------

.#{$reflex-prefix}grid__cell {
    position: relative;
    display: block;
    @include flex(1, 1, auto);
}

// ie11 hack
:-ms-fullscreen, :root {
    .grid__cell {
        width: 100%;
    }
}

// --------------------------------------------------
// reflex grid generation
// --------------------------------------------------

@include make-reflex-grid(grid__col-);

@media (min-width: $reflex-xs) {
    @include make-reflex-grid(grid__col-xs-);
}

@media (min-width: $reflex-sm) {
    @include make-reflex-grid(grid__col-sm-);
}

@media (min-width: $reflex-md) {
    @include make-reflex-grid(grid__col-md-);
}

@media (min-width: $reflex-lg) {
    @include make-reflex-grid(grid__col-lg-);
}

@media (min-width: $reflex-xlg) {
    @include make-reflex-grid(grid__col-xlg-);
}


// --------------------------------------------------
// reflex grid__col-auto
// --------------------------------------------------

.#{$reflex-prefix}grid__col-auto {
    @include setupAutoCols();
}

@media (min-width: $reflex-xs) {
    .#{$reflex-prefix}grid__col-xs-auto {
        @include setupAutoCols();
    }
}

@media (min-width: $reflex-sm) {
    .#{$reflex-prefix}grid__col-sm-auto {
        @include setupAutoCols();
    }
}

@media (min-width: $reflex-md) {
    .#{$reflex-prefix}grid__col-md-auto {
        @include setupAutoCols();
    }
}

@media (min-width: $reflex-lg) {
    .#{$reflex-prefix}grid__col-lg-auto {
        @include setupAutoCols();
    }
}

@media (min-width: $reflex-xlg) {
    .#{$reflex-prefix}grid__col-xlg-auto {
        @include setupAutoCols();
    }
}

// --------------------------------------------------
// reflex order helpers generation
// --------------------------------------------------

@include make-grid--order-helpers();

@media only screen and (min-width: $reflex-xs) {
    @include loop-grid--order-helpers($reflex-columns, '-xs');
}

@media only screen and (min-width: $reflex-sm) {
    @include loop-grid--order-helpers($reflex-columns, '-sm');
}

@media only screen and (min-width: $reflex-md) {
    @include loop-grid--order-helpers($reflex-columns, '-md');
}

@media only screen and (min-width: $reflex-lg) {
    @include loop-grid--order-helpers($reflex-columns, '-lg');
}

@media only screen and (min-width: $reflex-xlg) {
    @include loop-grid--order-helpers($reflex-columns, '-xlg');
}
<commit_msg>Add full height modifier to grid<commit_after>/*
* Grid SCSS from Reflex grid (V1.5.0) - http://leejordan.github.io/reflex/docs/index.html
*/

@import "grid/mixins";
@import "grid/helpers";

.#{$reflex-prefix}grid {
    @include display-flex();
    @include flex-wrap();
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
    max-width: $reflex-max-width;

    // Added by ONS - makes the grid take the height viewport
    &--full-height {
        height: 100vh;
    }

    @include setupWhitespace();

    &:before,
    &:after {
        @include resetWhitespace();
        max-width: 100%;
    }

    *:before,
    *:after {
        @include resetWhitespace();
    }

    // handle nested grids
    & .#{$reflex-prefix}grid {
        @include flex(1, 1, auto);
    }

    // Reset the box-sizing so our grid works properly
    * {
        @include box-sizing(border-box);
    }
    *:before,
    *:after {
        @include box-sizing(border-box);
    }

    // handle when lists are used as a grid
    list-style-type: none;
}

// --------------------------------------------------
// reflex grid__col defaults
// --------------------------------------------------

[class*="#{$reflex-prefix}grid__col-"] {
    @include setupCols();
}

// --------------------------------------------------
// reflex grid__cell defaults
// --------------------------------------------------

.#{$reflex-prefix}grid__cell {
    position: relative;
    display: block;
    @include flex(1, 1, auto);
}

// ie11 hack
:-ms-fullscreen, :root {
    .grid__cell {
        width: 100%;
    }
}

// --------------------------------------------------
// reflex grid generation
// --------------------------------------------------

@include make-reflex-grid(grid__col-);

@media (min-width: $reflex-xs) {
    @include make-reflex-grid(grid__col-xs-);
}

@media (min-width: $reflex-sm) {
    @include make-reflex-grid(grid__col-sm-);
}

@media (min-width: $reflex-md) {
    @include make-reflex-grid(grid__col-md-);
}

@media (min-width: $reflex-lg) {
    @include make-reflex-grid(grid__col-lg-);
}

@media (min-width: $reflex-xlg) {
    @include make-reflex-grid(grid__col-xlg-);
}


// --------------------------------------------------
// reflex grid__col-auto
// --------------------------------------------------

.#{$reflex-prefix}grid__col-auto {
    @include setupAutoCols();
}

@media (min-width: $reflex-xs) {
    .#{$reflex-prefix}grid__col-xs-auto {
        @include setupAutoCols();
    }
}

@media (min-width: $reflex-sm) {
    .#{$reflex-prefix}grid__col-sm-auto {
        @include setupAutoCols();
    }
}

@media (min-width: $reflex-md) {
    .#{$reflex-prefix}grid__col-md-auto {
        @include setupAutoCols();
    }
}

@media (min-width: $reflex-lg) {
    .#{$reflex-prefix}grid__col-lg-auto {
        @include setupAutoCols();
    }
}

@media (min-width: $reflex-xlg) {
    .#{$reflex-prefix}grid__col-xlg-auto {
        @include setupAutoCols();
    }
}

// --------------------------------------------------
// reflex order helpers generation
// --------------------------------------------------

@include make-grid--order-helpers();

@media only screen and (min-width: $reflex-xs) {
    @include loop-grid--order-helpers($reflex-columns, '-xs');
}

@media only screen and (min-width: $reflex-sm) {
    @include loop-grid--order-helpers($reflex-columns, '-sm');
}

@media only screen and (min-width: $reflex-md) {
    @include loop-grid--order-helpers($reflex-columns, '-md');
}

@media only screen and (min-width: $reflex-lg) {
    @include loop-grid--order-helpers($reflex-columns, '-lg');
}

@media only screen and (min-width: $reflex-xlg) {
    @include loop-grid--order-helpers($reflex-columns, '-xlg');
}

{'fraction_non_alphanumeric': 0.2927461139896373, 'fraction_numerical': 0.005863103354240524, 'mean_word_length': 1.6966911764705883, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '323981', 'n_tokens_mistral': 2449, 'n_tokens_neox': 2373, 'n_words': 442}