<commit_before>// FLEXIBLE GRID SYSTEM
// --------------------------------------------------------------------
// Defaults
$sgs-row-width:     96% !default;    // fluid container width
$sgs-row-max-width: 1140px !default; // max. container width
$sgs-columns:       12 !default;     // no. of columns
$sgs-gutter:        15px !default;   // spacing between columns


// Grid row (container)
@mixin grid-row($row-limit: $sgs-row-max-width, $row-width: $sgs-row-width, $center: auto) {
    margin-left: $center;
    margin-right: $center;
    @if $row-limit != 0 { max-width: $row-limit; }
    width: $row-width;
}

// Grid box
@mixin grid-box($span-columns, $gutter: $sgs-gutter, $total-columns: $sgs-columns, $grid-type: 100%) {
    box-sizing: border-box;
    float: left;
    padding: 0 $gutter;
    width: $grid-type * ($span-columns / $total-columns);
}


// Push/pull grid box
@mixin grid-push($push-columns, $total-columns: $sgs-columns, $grid-type: 100%) {
    left: $grid-type * ($push-columns / $total-columns);
    position: relative;
}

@mixin grid-pull($pull-columns, $total-columns: $sgs-columns, $grid-type: 100%) {
    left: -($grid-type) * ($pull-columns / $total-columns);
    position: relative;
}


// Prefix/suffix grid box
@mixin grid-prefix($prefix-columns, $total-columns: $sgs-columns, $grid-type: 100%) {
    margin-left: ($grid-type) * ($prefix-columns / $total-columns);
}

@mixin grid-suffix($suffix-columns, $total-columns: $sgs-columns, $grid-type: 100%) {
    margin-right: ($grid-type) * ($suffix-columns / $total-columns);
}


// For nested grids
@mixin grid-nest {
    padding: 0;
}
<commit_msg>Change grid mixins to be rem-based<commit_after>// FLEXIBLE GRID SYSTEM
// --------------------------------------------------------------------
// Defaults
$sgs-row-width:     100% !default;  // fluid container width
$sgs-row-max-width: 71.25 !default; // max. container width
$sgs-columns:       12 !default;    // no. of columns
$sgs-gutter:        .9375 !default; // spacing between columns


// Grid row (container)
@mixin grid-row($row-limit: $sgs-row-max-width, $row-width: $sgs-row-width, $center: auto) {
    margin-left: $center;
    margin-right: $center;
    @if $row-limit != 0 {
        @include x-rem(max-width, $row-limit);
    }
    width: $row-width;
}

// Grid box
@mixin grid-box($span-columns, $gutter: $sgs-gutter, $total-columns: $sgs-columns, $grid-type: 100%) {
    box-sizing: border-box;
    float: left;
    @include x-rem(padding-left, $gutter);
    @include x-rem(padding-right, $gutter);
    width: $grid-type * ($span-columns / $total-columns);
}


// Push/pull grid box
@mixin grid-push($push-columns, $total-columns: $sgs-columns, $grid-type: 100%) {
    left: $grid-type * ($push-columns / $total-columns);
    position: relative;
}

@mixin grid-pull($pull-columns, $total-columns: $sgs-columns, $grid-type: 100%) {
    left: -($grid-type) * ($pull-columns / $total-columns);
    position: relative;
}


// Prefix/suffix grid box
@mixin grid-prefix($prefix-columns, $total-columns: $sgs-columns, $grid-type: 100%) {
    margin-left: ($grid-type) * ($prefix-columns / $total-columns);
}

@mixin grid-suffix($suffix-columns, $total-columns: $sgs-columns, $grid-type: 100%) {
    margin-right: ($grid-type) * ($suffix-columns / $total-columns);
}


// For nested grids
@mixin grid-nest {
    padding: 0;
}

{'fraction_non_alphanumeric': 0.21984551396316102, 'fraction_numerical': 0.0172311348781937, 'mean_word_length': 2.7620111731843577, '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': '2935395', 'n_tokens_mistral': 1249, 'n_tokens_neox': 1169, 'n_words': 265}