<commit_before>$breakpoint-sm: '(min-width: 600px)' !default;
$breakpoint-md: '(min-width: 768px)' !default;
$breakpoint-lg: '(min-width: 1280px)' !default;
$breakpoint-xl: '(min-width: 1440px)' !default;

// Apply relative positioning to an element.
// Specifically a parent with absolutely positioned
// children.
.relative { position: relative; }

// Absolute positioning.
.absolute,
[class^='absolute-'],
[class*=' absolute-'] {
  position: absolute;

  &[class*='top'] { top: 0; }
  &[class*='bottom'] { bottom: 0; }
  &[class*='left'] { left: 0; }
  &[class*='right'] { right: 0; }

  &[class*='left-middle'] {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  &[class*='right-middle'] {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  &[class*='center-middle'] {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
  }

  &[class*='md-'] {
    position: relative;

    @media #{$breakpoint-md} {
      position: absolute;
    }
  }

  &[class*='sm-'] {
    position: relative;

    @media #{$breakpoint-sm} {
      position: absolute;
    }
  }

  &[class*='md-'] {
    position: relative;

    @media #{$breakpoint-md} {
      position: absolute;
    }
  }

  &[class*='lg-'] {
    position: relative;

    @media #{$breakpoint-lg} {
      position: absolute;
    }
  }

  &[class*='xl-'] {
    position: relative;

    @media #{$breakpoint-xl} {
      position: absolute;
    }
  }
}

// Fixed positioning.
.fixed,
[class^='fixed-'],
[class*=' fixed-'] {
  position: fixed;

  &[class*='top'] { top: 0; }
  &[class*='bottom'] { bottom: 0; }
  &[class*='left'] { left: 0; }
  &[class*='right'] { right: 0; }

  &[class*='left-middle'] {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  &[class*='right-middle'] {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  &[class*='center-middle'] {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
  }

  &[class*='md-'] {
    position: relative;

    @media #{$breakpoint-md} {
      position: fixed;
    }
  }

  &[class*='sm-'] {
    position: relative;

    @media #{$breakpoint-sm} {
      position: fixed;
    }
  }

  &[class*='md-'] {
    position: relative;

    @media #{$breakpoint-md} {
      position: fixed;
    }
  }

  &[class*='lg-'] {
    position: relative;

    @media #{$breakpoint-lg} {
      position: fixed;
    }
  }

  &[class*='xl-'] {
    position: relative;

    @media #{$breakpoint-xl} {
      position: fixed;
    }
  }
}

@for $i from 1 through 10 {
  .y-#{$i*10} { transform: translateY($i*10%); }
  .yn-#{$i*10} { transform: translateY(-$i*10%); }
  .x-#{$i*10} { transform: translateX($i*10%); }
  .xn-#{$i*10} { transform: translateX(-$i*10%); }
}

@media #{$breakpoint-sm} {
  @for $i from 1 through 10 {
    .y-sm-#{$i*10} { transform: translateY($i*10%); }
    .yn-sm-#{$i*10} { transform: translateY(-$i*10%); }<commit_msg>Completes merge<commit_after>$breakpoint-sm: '(min-width: 600px)' !default;
$breakpoint-md: '(min-width: 768px)' !default;
$breakpoint-lg: '(min-width: 1280px)' !default;
$breakpoint-xl: '(min-width: 1440px)' !default;

// Apply relative positioning to an element.
// Specifically a parent with absolutely positioned
// children.
.relative { position: relative; }

// Absolute positioning.
.absolute,
[class^='absolute-'],
[class*=' absolute-'] {
  position: absolute;

  &[class*='top'] { top: 0; }
  &[class*='bottom'] { bottom: 0; }
  &[class*='left'] { left: 0; }
  &[class*='right'] { right: 0; }

  &[class*='left-middle'] {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  &[class*='right-middle'] {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  &[class*='center-middle'] {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
  }
}

.absolute-sm {
  position: relative;

  @media #{$breakpoint-sm} {
    position: absolute;
  }
}

.absolute-md {
  position: relative;

  @media #{$breakpoint-md} {
    position: absolute;
  }
}

.absolute-lg {
  position: relative;

  @media #{$breakpoint-lg} {
    position: absolute;
  }
}

.absolute-xl {
  position: relative;

  @media #{$breakpoint-xl} {
    position: absolute;
  }
}

// Fixed positioning.
.fixed,
[class^='fixed-'],
[class*=' fixed-'] {
  position: fixed;

  &[class*='top'] { top: 0; }
  &[class*='bottom'] { bottom: 0; }
  &[class*='left'] { left: 0; }
  &[class*='right'] { right: 0; }

  &[class*='left-middle'] {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  &[class*='right-middle'] {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  &[class*='center-middle'] {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
  }
}

.fixed-sm {
  position: relative;

  @media #{$breakpoint-sm} {
    position: fixed;
  }
}

.fixed-md {
  position: relative;

  @media #{$breakpoint-md} {
    position: fixed;
  }
}

.fixed-lg {
  position: relative;

  @media #{$breakpoint-lg} {
    position: fixed;
  }
}

.fixed-xl {
  position: relative;

  @media #{$breakpoint-xl} {
    position: fixed;
  }
}

@for $i from 1 through 10 {
  .y-#{$i*10} { transform: translateY($i*10%); }
  .yn-#{$i*10} { transform: translateY(-$i*10%); }
  .x-#{$i*10} { transform: translateX($i*10%); }
  .xn-#{$i*10} { transform: translateX(-$i*10%); }
}

@media #{$breakpoint-sm} {
  @for $i from 1 through 10 {
    .y-sm-#{$i*10} { transform: translateY($i*10%); }
    .yn-sm-#{$i*10} { transform: translateY(-$i*10%); }
{'fraction_non_alphanumeric': 0.22585924713584288, 'fraction_numerical': 0.03346062920531006, 'mean_word_length': 2.9398280802292263, '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': '476547', 'n_tokens_mistral': 2326, 'n_tokens_neox': 2107, 'n_words': 427}