<commit_before>@import '~helpers/css/mixins/base.scss';
@import '~basics/responsive/responsive.scss';

// Base parent for our grid
.hig__grid{
  @include clearfix;

  &__item{
    float: left;
    @include vendor-prefix('box-sizing', 'border-box');
  }
}

@mixin quarters($suffix, $gutter) {
  // Whole
  .hig__grid__item--one-whole#{$suffix}{ 
    width: calc(100% - #{$gutter}); 
  }

  // Halves
  .hig__grid__item--one-half#{$suffix}{ 
    width: calc(50% - #{$gutter}); 
  }

  // Quarters
  .hig__grid__item--one-quarter#{$suffix}{ 
    width: calc(25% - #{$gutter}); 
  }
  .hig__grid__item--two-quarters#{$suffix}{ 
    width: calc(50% - #{$gutter});
  }
  .hig__grid__item--three-quarters#{$suffix}{ 
    width: calc(75% - #{$gutter}); 
  }
}

@mixin eighths($suffix, $gutter) {
  .hig__grid__item--one-eighth#{$suffix} {
    width: calc(12.5% - #{$gutter}); 
  }
  .hig__grid__item--two-eighths#{$suffix} {
    width: calc(25% - #{$gutter});
  }
  .hig__grid__item--three-eighths#{$suffix} {
    width: calc(37.5% - #{$gutter}); 
  }
  .hig__grid__item--four-eighths#{$suffix} {
    width: calc(50% - #{$gutter});
  }
  .hig__grid__item--five-eighths#{$suffix} {
    width: calc(62.5% - #{$gutter}); 
  }
  .hig__grid__item--six-eighths#{$suffix} {
    width: calc(75% - #{$gutter}); 
  }
  .hig__grid__item--seven-eighths#{$suffix} {
    width: calc(87.5% - #{$gutter}); 
  }
}
@mixin twelfths($suffix, $gutter) {
  .hig__grid__item--one-twelfth#{$suffix}{ 
    width: calc(8.33333% - #{$gutter}); 
  }
  .hig__grid__item--two-twelfths#{$suffix}{ 
    width: calc(16.66666% - #{$gutter}); 
  }
  .hig__grid__item--three-twelfths#{$suffix}{ 
    width: calc(25% - #{$gutter});
  }
  .hig__grid__item--four-twelfths#{$suffix}{ 
    width: calc(33.33333% - #{$gutter}); 
  }
  .hig__grid__item--five-twelfths#{$suffix}{ 
    width: calc(41.66666% - #{$gutter}); 
  }
  .hig__grid__item--six-twelfths#{$suffix}{ 
    width: calc(50% - #{$gutter});
  }
  .hig__grid__item--seven-twelfths#{$suffix}{ 
    width: calc(58.333333% - #{$gutter}); 
  }
  .hig__grid__item--eight-twelfths#{$suffix}{ 
    width: calc(66.66666% - #{$gutter}); 
  }
  .hig__grid__item--nine-twelfths#{$suffix}{ 
    width: calc(75% - #{$gutter}); 
  }
  .hig__grid__item--ten-twelfths#{$suffix}{ 
    width: calc(83.33333% - #{$gutter}); 
  }
  .hig__grid__item--eleven-twelfths#{$suffix}{ 
    width: calc(91.66666% - #{$gutter}); 
  }
}

@mixin buildAbstract($gutter, $margin){
  .hig__grid{
    $margin_rest: $margin - ($gutter/2);    
    width: calc(100% - #{$margin_rest * 2});
    padding: 0 $margin_rest;

    &__item{
      margin: 0 ($gutter / 2);
    }
  }
}

@mixin buildGrid($breakpoint, $total_columns, $gutter, $margin){
  @if $breakpoint != "" {
    @include breakpoint($breakpoint){
      @include buildAbstract($gutter, $margin);
    }
  }
  
  @if $breakpoint == "phone" {
    @include breakpoint("phone"){
      @include quarters("", 8px);
    }
    @include quarters("--phone", 8px);
  }
  @else if $breakpoint == "tablet" {
    @include breakpoint("tablet"){
      @include quarters("", 16px);
      @include eighths("", 16px);
    }
    @include quarters("--tablet", 16px);
    @include eighths("--tablet", 16px);
  }
  @else if $breakpoint == "laptop" {
    @include breakpoint("laptop"){
      @include quarters("", 16px);
      @include eighths("", 16px);
      @include twelfths("", 16px);
    }
    @include quarters("--laptop", 16px);
    @include eighths("--laptop", 16px);
    @include twelfths("--laptop", 16px);
  }
  @else if $breakpoint == "desktop" {
    @include breakpoint("desktop"){
      @include quarters("", 24px);
      @include eighths("", 24px);
      @include twelfths("", 24px);
    }
    @include quarters("--desktop", 24px);
    @include eighths("--desktop", 24px);
    @include twelfths("--desktop", 24px);
  }
  @else{<commit_msg>add missing breakpoints<commit_after>@import '~helpers/css/mixins/base.scss';
@import '~basics/responsive/responsive.scss';

// Base parent for our grid
.hig__grid{
  @include clearfix;

  &__item{
    float: left;
    @include vendor-prefix('box-sizing', 'border-box');
  }
}

@mixin quarters($suffix, $gutter) {
  // Whole
  .hig__grid__item--one-whole#{$suffix}{ 
    width: calc(100% - #{$gutter}); 
  }

  // Halves
  .hig__grid__item--one-half#{$suffix}{ 
    width: calc(50% - #{$gutter}); 
  }

  // Quarters
  .hig__grid__item--one-quarter#{$suffix}{ 
    width: calc(25% - #{$gutter}); 
  }
  .hig__grid__item--two-quarters#{$suffix}{ 
    width: calc(50% - #{$gutter});
  }
  .hig__grid__item--three-quarters#{$suffix}{ 
    width: calc(75% - #{$gutter}); 
  }
}

@mixin eighths($suffix, $gutter) {
  .hig__grid__item--one-eighth#{$suffix} {
    width: calc(12.5% - #{$gutter}); 
  }
  .hig__grid__item--two-eighths#{$suffix} {
    width: calc(25% - #{$gutter});
  }
  .hig__grid__item--three-eighths#{$suffix} {
    width: calc(37.5% - #{$gutter}); 
  }
  .hig__grid__item--four-eighths#{$suffix} {
    width: calc(50% - #{$gutter});
  }
  .hig__grid__item--five-eighths#{$suffix} {
    width: calc(62.5% - #{$gutter}); 
  }
  .hig__grid__item--six-eighths#{$suffix} {
    width: calc(75% - #{$gutter}); 
  }
  .hig__grid__item--seven-eighths#{$suffix} {
    width: calc(87.5% - #{$gutter}); 
  }
}
@mixin twelfths($suffix, $gutter) {
  .hig__grid__item--one-twelfth#{$suffix}{ 
    width: calc(8.33333% - #{$gutter}); 
  }
  .hig__grid__item--two-twelfths#{$suffix}{ 
    width: calc(16.66666% - #{$gutter}); 
  }
  .hig__grid__item--three-twelfths#{$suffix}{ 
    width: calc(25% - #{$gutter});
  }
  .hig__grid__item--four-twelfths#{$suffix}{ 
    width: calc(33.33333% - #{$gutter}); 
  }
  .hig__grid__item--five-twelfths#{$suffix}{ 
    width: calc(41.66666% - #{$gutter}); 
  }
  .hig__grid__item--six-twelfths#{$suffix}{ 
    width: calc(50% - #{$gutter});
  }
  .hig__grid__item--seven-twelfths#{$suffix}{ 
    width: calc(58.333333% - #{$gutter}); 
  }
  .hig__grid__item--eight-twelfths#{$suffix}{ 
    width: calc(66.66666% - #{$gutter}); 
  }
  .hig__grid__item--nine-twelfths#{$suffix}{ 
    width: calc(75% - #{$gutter}); 
  }
  .hig__grid__item--ten-twelfths#{$suffix}{ 
    width: calc(83.33333% - #{$gutter}); 
  }
  .hig__grid__item--eleven-twelfths#{$suffix}{ 
    width: calc(91.66666% - #{$gutter}); 
  }
}

@mixin buildAbstract($gutter, $margin){
  .hig__grid{
    $margin_rest: $margin - ($gutter/2);    
    width: calc(100% - #{$margin_rest * 2});
    padding: 0 $margin_rest;

    &__item{
      margin: 0 ($gutter / 2);
    }
  }
}

@mixin buildGrid($breakpoint, $total_columns, $gutter, $margin){
  @if $breakpoint != "" {
    @include breakpoint($breakpoint){
      @include buildAbstract($gutter, $margin);
    }
  }
  
  @if $breakpoint == "phone" {
    @include breakpoint("phone"){
      @include quarters("", 8px);
      @include eighths("", 8px);
      @include twelfths("", 8px);
    }
    @include quarters("--phone", 8px);
  }
  @else if $breakpoint == "tablet" {
    @include breakpoint("tablet"){
      @include quarters("", 16px);
      @include eighths("", 16px);
      @include twelfths("", 16px);
    }
    @include quarters("--tablet", 16px);
    @include eighths("--tablet", 16px);
  }
  @else if $breakpoint == "laptop" {
    @include breakpoint("laptop"){
      @include quarters("", 16px);
      @include eighths("", 16px);
      @include twelfths("", 16px);
    }
    @include quarters("--laptop", 16px);
    @include eighths("--laptop", 16px);
    @include twelfths("--laptop", 16px);
  }
  @else if $breakpoint == "desktop" {
    @include breakpoint("desktop"){
      @include quarters("", 24px);
      @include eighths("", 24px);
      @include twelfths("", 24px);
    }
    @include quarters("--desktop", 24px);
    @include eighths("--desktop", 24px);
    @include twelfths("--desktop", 24px);
  }
  @else{
{'fraction_non_alphanumeric': 0.21375701888718734, 'fraction_numerical': 0.03445635528330781, 'mean_word_length': 3.1290832455216018, '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': '3867034', 'n_tokens_mistral': 3450, 'n_tokens_neox': 2948, 'n_words': 472}