<commit_before>/*
* For default theme. Here is the style definition of all iui custom grid features.
==================================================================================

* @NOTE grid's styles definitions here are based on [toast-grid]( https://github.com/daneden/Toast).
* Beside IUI provide it own "grid using syntax", toast syntax is also compatible (just look at associated docs).
*
* Here is the style definition of "IUI's grid syntax"
*/

$toast-grid-namespace: "i-grid" ;
$toast-grid-column-namespace: "grid" ;

$toast-breakpoint-medium: 700px ;
$toast-breakpoint-small: 480px ;

@import '../../../bower_components/toast/scss/grid.scss' ;


// For each of our column groups...
@each $group in $toast-col-groups {
    
    // For each column width from 1 to the column group...
    @for $i from 1 through $group {

        .col-#{$i}-of-#{$group} {

            @extend .#{$toast-grid-column-namespace}--#{$i}-of-#{$group} ;
        }

        @if ($toast-pushes) {
            
            .#{$toast-grid-column-namespace}.push-#{$i}-of-#{$group} {
                
                @extend  .#{$toast-grid-column-namespace}--push-#{$i}-of-#{$group} ;
            }
        }

        @if ($toast-pulls) {

            .#{$toast-grid-column-namespace}.pull-#{$i}-of-#{$group} {

                @extend  .#{$toast-grid-column-namespace}--pull-#{$i}-of-#{$group} ;
            }
        }
    }
}

// For each of our toast breaking point column size groups...
@each $group in (2, 3, 4) { //@TODO set group up to 12 or higher when toast will support it.

    // For each column width from 1 to the column group...
    @for $i from 1 through ($group - 1) {

        .col-#{$i}-of-#{$group}.medium {

            @extend .#{$toast-grid-column-namespace}.#{$toast-grid-column-namespace}--m-#{$i}-of-#{$group} ;
        }
    }
}

// For each of our toast breaking point column size groups...
@each $group in (2, 3, 4) { //@TODO set group up to 12 or higher when toast will support it.

    // For each column width from 1 to the column group...
    @for $i from 1 through ($group - 1) {

        .col-#{$i}-of-#{$group}.small {

            @extend .#{$toast-grid-column-namespace}.#{$toast-grid-column-namespace}--s-#{$i}-of-#{$group} ;
        }
    }
}

@media (max-width: $toast-breakpoint-medium) and (min-width: $toast-breakpoint-small) {
    
    .#{$toast-grid-column-namespace}[class*="medium"] {
        
        display: inline-block;
        margin-right: -.24em;
    }
}
@media (max-width: $toast-breakpoint-small) {
    
    .#{$toast-grid-column-namespace}[class*="small"] {
        
        display: inline-block;
        margin-right: -.24em;
    }
}

// Centers the column in the grid and clears the row of all other columns
.#{$toast-grid-column-namespace}.centered {
    
    @extend .#{$toast-grid-column-namespace}--centered ;<commit_msg>changes for new iui-grid approach, now responsive support.<commit_after>/*
* For default theme. Here is the style definition of all iui custom grid features.
==================================================================================

* @NOTE grid's styles definitions here are based on [toast-grid]( https://github.com/daneden/Toast).
* Beside IUI provide it own "grid using syntax", toast syntax is also compatible (just look at associated docs).
*
* Here is the style definition of "IUI's grid syntax"
* @NOTE if iui-toast modifications are not merge to the toast branch; then iui will stop using the library and will implement it own way.
*/

$toast-grid-namespace: "i-grid" ;
$toast-grid-column-namespace: "grid" ;
$toast-gutter-width: 0.3em ;


@import '../../../bower_components/toast/scss/grid.scss' ;


// For each of our column groups...
@each $group in $toast-col-groups {
    
    // For each column width from 1 to the column group...
    @for $i from 1 through $group {

        .col-#{$i}-of-#{$group} {

            @extend .#{$toast-grid-column-namespace}--#{$i}-of-#{$group} ;
        }

        @if ($toast-pushes) {
            
            .#{$toast-grid-column-namespace}.push-#{$i}-of-#{$group} {
                
                @extend  .#{$toast-grid-column-namespace}--push-#{$i}-of-#{$group} ;
            }
        }

        @if ($toast-pulls) {

            .#{$toast-grid-column-namespace}.pull-#{$i}-of-#{$group} {

                @extend  .#{$toast-grid-column-namespace}--pull-#{$i}-of-#{$group} ;
            }
        }
    }
}


// Centers the column in the grid and clears the row of all other columns
.#{$toast-grid-column-namespace}.centered {
    
    @extend .#{$toast-grid-column-namespace}--centered ;
{'fraction_non_alphanumeric': 0.20025923525599482, 'fraction_numerical': 0.006912940159861741, 'mean_word_length': 2.372177713037145, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, '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': '5809943', 'n_tokens_mistral': 1543, 'n_tokens_neox': 1415, 'n_words': 382}