<commit_before>// Breakpoints, from smallest to biggest 
$breakpointMap: (
//size-name //min-breakpoint    //columns //gutter
xSmall:     (280px,             4,        30px),
small:      (480px,             4,        30px),
medium:     (750px,             8,        30px),
large:      (960px,             12,       30px),
xLarge:     (1024px,            12,       30px)
);

//Media Mixin
// $size - would be the name of the sizes
// $modifier:
//   up - mobile first
//   only - for only that breakpoint
//   down - desktop first
@mixin media($size, $modifier: up) {
  @if not index(map-keys($breakpointMap), $size) {
    @warn "Warning: `#{size}` is not a valid breakpoint name.";
  }
  @else {
    $first: false;
    $last: false;
    @if index(map-keys($breakpointMap), $size) == 1 { $first: true; }
    @if index(map-keys($breakpointMap), $size) == length($breakpointMap) { $last: true; }
    @if not($last) {
      $sizeUp: nth(map-get($breakpointMap, nth(nth($breakpointMap, index(map-keys($breakpointMap), $size) + 1), 1)), 1) - 1 !global;
    }
    @if $modifier == only { 
      @if $first { $modifier: down; }
      @if $last { $modifier: up; }
      @else {
        $mediaBreaks: "and (min-width: #{nth(map-get($breakpointMap, $size), 1)}) and (max-width: #{$sizeUp})" !global;
      }
    }
    @if $modifier == down {
      @if $last { $mediaBreaks: "" !global; }
      @else {
        $mediaBreaks: "and (max-width: #{$sizeUp})" !global;
      }
    }
    @if $modifier == up {
      $mediaBreaks: "and (min-width: #{nth(map-get($breakpointMap, $size), 1)})" !global;
    }
    @media screen #{$mediaBreaks} {
      @content;
    }
  }
}<commit_msg>fixing fault in mobile-first small sizing<commit_after>// Breakpoints, from smallest to biggest 
$breakpointMap: (
//size-name //min-breakpoint    //columns //gutter
xSmall:     (280px,             4,        30px),
small:      (480px,             4,        30px),
medium:     (750px,             8,        30px),
large:      (960px,             12,       30px),
xLarge:     (1024px,            12,       30px)
);

//Media Mixin
// $size - would be the name of the sizes
// $modifier:
//   up - mobile first
//   only - for only that breakpoint
//   down - desktop first
@mixin media($size, $modifier: up) {
  @if not index(map-keys($breakpointMap), $size) {
    @warn "Warning: `#{size}` is not a valid breakpoint name.";
  }
  @else {
    $first: false;
    $last: false;
    @if index(map-keys($breakpointMap), $size) == 1 { $first: true; }
    @if index(map-keys($breakpointMap), $size) == length($breakpointMap) { $last: true; }
    @if not($last) {
      $sizeUp: nth(map-get($breakpointMap, nth(nth($breakpointMap, index(map-keys($breakpointMap), $size) + 1), 1)), 1) - 1 !global;
    }
    @if $modifier == only { 
      @if $first { $modifier: down; }
      @if $last { $modifier: up; }
      @else {
        $mediaBreaks: "and (min-width: #{nth(map-get($breakpointMap, $size), 1)}) and (max-width: #{$sizeUp})" !global;
      }
    }
    @if $modifier == down {
      @if $last { $mediaBreaks: "" !global; }
      @else {
        $mediaBreaks: "and (max-width: #{$sizeUp})" !global;
      }
    }
    @if $modifier == up {
      @if $first { $mediaBreaks: "" !global; }
      @else {
        $mediaBreaks: "and (min-width: #{nth(map-get($breakpointMap, $size), 1)})" !global;
      }
    }
    @media screen #{$mediaBreaks} {
      @content;
    }
  }
}
{'fraction_non_alphanumeric': 0.18043795620437955, 'fraction_numerical': 0.02335766423357664, 'mean_word_length': 2.2597526165556614, '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': '4719017', 'n_tokens_mistral': 1275, 'n_tokens_neox': 1221, 'n_words': 306}