<commit_before>/*--------------------------------------------------------------
Minimal Grid
--------------------------------------------------------------*/

/* Border Box all the things */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/* PX to EM Conversion */
$base-em-context: 16;
@function em($pixels, $context: $base-em-context) {
  @return #{$pixels/$context}em
}

/* Starter Breakpoints */
$breakpoint-small:  em(400);
$breakpoint-medium: em(800);
$breakpoint-large:  em(1200);
$breakpoint-xlarge: em(1600);

/* Grid Defaults */
$minimal-grid-container-max-width:1200px;
$minimal-grid-gutter-width:20px;

/*--------------------------------------------------------------
Grid Container
--------------------------------------------------------------*/
%grid-container {
    clear: both;
    max-width: $minimal-grid-container-max-width;
    margin: 0 auto;
    @extend %clearfix;
}

/*--------------------------------------------------------------
Grid Block
--------------------------------------------------------------*/
%grid-block {
    padding-left:($minimal-grid-gutter-width/2);
    padding-right:($minimal-grid-gutter-width/2);
    display: inline-block;
    float: left;
}

/*--------------------------------------------------------------
Grid Mixin
--------------------------------------------------------------*/
@mixin grid($percentage) {
    @if $percentage == 10 { width:10%; }
    @else if $percentage == 15 { width:15%;}
    @else if $percentage == 16 { width:16.66%;}
    @else if $percentage == 20 { width:20%;}
    @else if $percentage == 25 { width:25%;}
    @else if $percentage == 30 { width:30%;}
    @else if $percentage == 33 {width:33.33%;}
    @else if $percentage == 35 { width:35%;}
    @else if $percentage == 40 {width:40%;}
    @else if $percentage == 45 {width:45%;}
    @else if $percentage == 50 {width:50%;}
    @else if $percentage == 55 {width:55%;}
    @else if $percentage == 60 {width:60%;}
    @else if $percentage == 66 {width:66.66%;}
    @else if $percentage == 70 {width:70%;}
    @else if $percentage == 75 {width:75%;}
    @else if $percentage == 80 {width:80%;}
    @else if $percentage == 85 {width:85%;}
    @else if $percentage == 90 {width:90%;}
    @else if $percentage == 95 {width:95%;}
    @else if $percentage == 100 {width:100%;}
    @else {width:$percentage*1%;}

    // @extend %grid-block;
    padding-left:($minimal-grid-gutter-width/2);
    padding-right:($minimal-grid-gutter-width/2);
    display: inline-block;
    float: left;
}

/*--------------------------------------------------------------
Breakpoint Mixin
--------------------------------------------------------------*/
@mixin breakpoint($point) {
    @if $point == to-small {
        @media only screen and (max-width: $breakpoint-small) { @content; }
    }
    @else if $point == from-small {
        @media only screen and  (min-width: $breakpoint-small) { @content; }
    }
    @else if $point == small-to-medium {
        @media only screen and  (min-width: $breakpoint-small) and (max-width: $breakpoint-medium) { @content; }
    }
    @else if $point == from-medium {
        @media only screen and  (min-width: $breakpoint-medium) { @content; }
    }
    @else if $point == medium-to-large {
        @media only screen and  (min-width: $breakpoint-medium) and (max-width: $breakpoint-large) { @content; }
    }
    @else if $point == from-large {
        @media only screen and (min-width: $breakpoint-large) { @content; }
    }
    @else if $point == from-xlarge {
        @media only screen and (min-width: $breakpoint-xlarge) { @content; }
    }
}

/*--------------------------------------------------------------
Clearfix Extend
--------------------------------------------------------------*/
%clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}<commit_msg>Group extends together<commit_after>/*--------------------------------------------------------------
Minimal Grid
--------------------------------------------------------------*/

/* Border Box all the things */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/* PX to EM Conversion */
$base-em-context: 16;
@function em($pixels, $context: $base-em-context) {
  @return #{$pixels/$context}em
}

/* Starter Breakpoints */
$breakpoint-small:  em(400);
$breakpoint-medium: em(800);
$breakpoint-large:  em(1200);
$breakpoint-xlarge: em(1600);

/* Grid Defaults */
$minimal-grid-container-max-width:1200px;
$minimal-grid-gutter-width:20px;

/*--------------------------------------------------------------
Grid Container
--------------------------------------------------------------*/
%grid-container {
    clear: both;
    max-width: $minimal-grid-container-max-width;
    margin: 0 auto;
    @extend %clearfix;
}

/*--------------------------------------------------------------
Grid Block
--------------------------------------------------------------*/
%grid-block {
    padding-left:($minimal-grid-gutter-width/2);
    padding-right:($minimal-grid-gutter-width/2);
    display: inline-block;
    float: left;
}

/*--------------------------------------------------------------
Clearfix
--------------------------------------------------------------*/
%clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

/*--------------------------------------------------------------
Grid Mixin
--------------------------------------------------------------*/
@mixin grid($percentage) {
    @if $percentage == 10 { width:10%; }
    @else if $percentage == 15 { width:15%;}
    @else if $percentage == 16 { width:16.66%;}
    @else if $percentage == 20 { width:20%;}
    @else if $percentage == 25 { width:25%;}
    @else if $percentage == 30 { width:30%;}
    @else if $percentage == 33 {width:33.33%;}
    @else if $percentage == 35 { width:35%;}
    @else if $percentage == 40 {width:40%;}
    @else if $percentage == 45 {width:45%;}
    @else if $percentage == 50 {width:50%;}
    @else if $percentage == 55 {width:55%;}
    @else if $percentage == 60 {width:60%;}
    @else if $percentage == 66 {width:66.66%;}
    @else if $percentage == 70 {width:70%;}
    @else if $percentage == 75 {width:75%;}
    @else if $percentage == 80 {width:80%;}
    @else if $percentage == 85 {width:85%;}
    @else if $percentage == 90 {width:90%;}
    @else if $percentage == 95 {width:95%;}
    @else if $percentage == 100 {width:100%;}
    @else {width:$percentage*1%;}

    // @extend %grid-block;
    padding-left:($minimal-grid-gutter-width/2);
    padding-right:($minimal-grid-gutter-width/2);
    display: inline-block;
    float: left;
}

/*--------------------------------------------------------------
Breakpoint Mixin
--------------------------------------------------------------*/
@mixin breakpoint($point) {
    @if $point == to-small {
        @media only screen and (max-width: $breakpoint-small) { @content; }
    }
    @else if $point == from-small {
        @media only screen and  (min-width: $breakpoint-small) { @content; }
    }
    @else if $point == small-to-medium {
        @media only screen and  (min-width: $breakpoint-small) and (max-width: $breakpoint-medium) { @content; }
    }
    @else if $point == from-medium {
        @media only screen and  (min-width: $breakpoint-medium) { @content; }
    }
    @else if $point == medium-to-large {
        @media only screen and  (min-width: $breakpoint-medium) and (max-width: $breakpoint-large) { @content; }
    }
    @else if $point == from-large {
        @media only screen and (min-width: $breakpoint-large) { @content; }
    }
    @else if $point == from-xlarge {
        @media only screen and (min-width: $breakpoint-xlarge) { @content; }
    }
}
{'fraction_non_alphanumeric': 0.3363080061193269, 'fraction_numerical': 0.030596634370219276, 'mean_word_length': 1.5487329434697856, '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': '104766', 'n_tokens_mistral': 2493, 'n_tokens_neox': 2299, 'n_words': 553}