<commit_before>// =======================
// ===== DEFINE VARS =====
// =======================
$superior-cols: 12 !default;
$superior-gutter: 1rem !default;



// Returns percentage of span to cols
@function span($span, $cols: $superior-cols) {
  @return percentage($span / $cols);
}


// =======================
// ==== DEFINE MIXINS ====
// =======================

// Column wrapper/parent
// aka row
@mixin cols($flex: flex, $dir: row, $wrap: wrap, $justify: flex-start, $align-items: flex-start) {
  margin: 0 $superior-gutter / -2;

  @if $flex == false {

    @include clearfix;

  } @else {

    display: $flex;
    flex-direction: $dir;
    flex-wrap: $wrap;
    justify-content: $justify;
    align-items: $align-items;

  }
}

// caculate percentage flex needs to span
@mixin update-flex($span, $cols: $superior-cols) {
  flex: 0 1 span($span, $cols);
  max-width: span($span, $cols);
}

// calculate span for float or flex
// add padding/box sizing to account for gutters
@mixin make-span($span, $cols: $superior-cols, $flex: false) {
  @if $flex == true {
    @include update-flex($span, $cols);
  } @else {
    width: span($span, $cols);
  }
  padding: 0 $superior-gutter / 2;
  box-sizing: border-box;
}

// make a flexbox column
// accepts order param
@mixin make-flex($span, $cols: $superior-cols, $order: null) {
  @include make-span($span, $cols, true);

  @if $order {
    order: $order;
  }
}

// make a flexbox column
@mixin make-float($span, $cols: $superior-cols, $float: left) {
  @include make-span($span, $cols);
  float: $float;
}

// *New*
// Output class names for each column
@mixin make-classes($flex: true) {
  .cols {
    @include cols;
  }

  @for $i from 1 through $superior-cols {

    .col-#{$i} {
      @if $flex == true {
        @include make-flex($i);
      } @else {
        @include make-float($i)
      }
    }

  }
}


// =======================
// ====== UTILITIES ======
// =======================
@mixin offset($span, $direction: left, $cols: $superior-cols) {
  margin-#{$direction}: span($span, $cols);
}

@mixin push($i, $cols: $superior-cols) {
  position: relative;
  left: percentage($i / $cols);
}

@mixin pull($i, $cols: $superior-cols) {
  position: relative;
  right: percentage($i / $cols);<commit_msg>fix if statement in make-flex<commit_after>// =======================
// ===== DEFINE VARS =====
// =======================
$superior-cols: 12 !default;
$superior-gutter: 1rem !default;



// Returns percentage of span to cols
@function span($span, $cols: $superior-cols) {
  @return percentage($span / $cols);
}


// =======================
// ==== DEFINE MIXINS ====
// =======================

// Column wrapper/parent
// aka row
@mixin cols($flex: flex, $dir: row, $wrap: wrap, $justify: flex-start, $align-items: flex-start) {
  margin: 0 $superior-gutter / -2;

  @if $flex == false {

    @include clearfix;

  } @else {

    display: $flex;
    flex-direction: $dir;
    flex-wrap: $wrap;
    justify-content: $justify;
    align-items: $align-items;

  }
}

// caculate percentage flex needs to span
@mixin update-flex($span, $cols: $superior-cols) {
  flex: 0 1 span($span, $cols);
  max-width: span($span, $cols);
}

// calculate span for float or flex
// add padding/box sizing to account for gutters
@mixin make-span($span, $cols: $superior-cols, $flex: false) {
  @if $flex == true {
    @include update-flex($span, $cols);
  } @else {
    width: span($span, $cols);
  }
  padding: 0 $superior-gutter / 2;
  box-sizing: border-box;
}

// make a flexbox column
// accepts order param
@mixin make-flex($span, $cols: $superior-cols, $order: null) {
  @include make-span($span, $cols, true);

  @if $order {
    order: $order;
  }
}

// make a flexbox column
@mixin make-float($span, $cols: $superior-cols, $float: left) {
  @include make-span($span, $cols);
  float: $float;
}

// *New*
// Output class names for each column
@mixin make-classes($flex: true) {
  @if $flex == true {
    .cols {
      @include cols;
    }
  } @else {
    .cols {
      @include cols($flex: false);
    }
  }

  @for $i from 1 through $superior-cols {

    .col-#{$i} {
      @if $flex == true {
        @include make-flex($i);
      } @else {
        @include make-float($i)
      }
    }

  }
}


// =======================
// ====== UTILITIES ======
// =======================
@mixin offset($span, $direction: left, $cols: $superior-cols) {
  margin-#{$direction}: span($span, $cols);
}

@mixin push($i, $cols: $superior-cols) {
  position: relative;
  left: percentage($i / $cols);
}

@mixin pull($i, $cols: $superior-cols) {
  position: relative;
  right: percentage($i / $cols);
{'fraction_non_alphanumeric': 0.23949126967018755, 'fraction_numerical': 0.004311273981461522, 'mean_word_length': 3.225865209471767, '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': '6135651', 'n_tokens_mistral': 1710, 'n_tokens_neox': 1631, 'n_words': 419}