<commit_before>@mixin respond-to($breakpoint) {
  @media only screen and (max-width: $breakpoint + px) { @content; }
}

@mixin ellipsis($max-width){
  max-width: $max-width;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

%reset-main-padding {
  margin-left: -$mainLeftPadding;
  margin-right: -$mainRightPadding;
  padding-left: $mainLeftPadding;
  padding-right: $mainRightPadding;
}

// keep in sync with jslib
@mixin striped($angle: 45deg, $stripeColor: rgba(255,255,255,.15)){
  background-image: -webkit-linear-gradient($angle, $stripeColor 25%, transparent 25%, transparent 50%, $stripeColor 50%, $stripeColor 75%, transparent 75%, transparent);
  background-image: linear-gradient($angle, $stripeColor 25%, transparent 25%, transparent 50%, $stripeColor 50%, $stripeColor 75%, transparent 75%, transparent);
}

@mixin loading-stripes-keyframes() {
    from  { background-position: 40px 0; }
    to    { background-position: 0 0; }
}

@mixin animate-stripes($seconds){
  @-webkit-keyframes loading-stripes { @include loading-stripes-keyframes(); }
  @-ms-keyframes loading-stripes { @include loading-stripes-keyframes(); }
  @keyframes loading-stripes { @include loading-stripes-keyframes(); }

  -webkit-animation:  loading-stripes $seconds linear infinite;
  animation:          loading-stripes $seconds linear infinite;
}

%clearfix {
  &:before,
  &:after {
    display: table;
    content: "";
    // Fixes Opera/contenteditable bug:
    // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
    line-height: 0;
  }
  &:after {
    clear: both;
  }
}

@mixin placeholder($color: $placeholderText){
  &:-moz-placeholder {
    color: $color;
  }
  &:-ms-input-placeholder {
    color: $color;
  }
  &::-webkit-input-placeholder {
    color: $color;
  }
}

@mixin border-top-radius($radius){
  border-top-right-radius: $radius;
  border-top-left-radius: $radius;
}
@mixin border-bottom-radius($radius){
  border-bottom-right-radius: $radius;
  border-bottom-left-radius: $radius;
}

@mixin rotate($degrees){
  -webkit-transform: rotate($degrees);
     -moz-transform: rotate($degrees);
      -ms-transform: rotate($degrees);
       -o-transform: rotate($degrees);
          transform: rotate($degrees);
}

@mixin background-clip($clip){
  -webkit-background-clip: $clip;
     -moz-background-clip: $clip;
          background-clip: $clip;
}

@mixin box-sizing($boxmodel){
     -moz-box-sizing: $boxmodel;
          box-sizing: $boxmodel;
}
<commit_msg>Add TODO for later refactoring<commit_after>@mixin respond-to($breakpoint) {
  @media only screen and (max-width: $breakpoint + px) { @content; }
}

@mixin ellipsis($max-width){
  max-width: $max-width;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  //TODO: element needs display
}

%reset-main-padding {
  margin-left: -$mainLeftPadding;
  margin-right: -$mainRightPadding;
  padding-left: $mainLeftPadding;
  padding-right: $mainRightPadding;
}

// keep in sync with jslib
@mixin striped($angle: 45deg, $stripeColor: rgba(255,255,255,.15)){
  background-image: -webkit-linear-gradient($angle, $stripeColor 25%, transparent 25%, transparent 50%, $stripeColor 50%, $stripeColor 75%, transparent 75%, transparent);
  background-image: linear-gradient($angle, $stripeColor 25%, transparent 25%, transparent 50%, $stripeColor 50%, $stripeColor 75%, transparent 75%, transparent);
}

@mixin loading-stripes-keyframes() {
    from  { background-position: 40px 0; }
    to    { background-position: 0 0; }
}

@mixin animate-stripes($seconds){
  @-webkit-keyframes loading-stripes { @include loading-stripes-keyframes(); }
  @-ms-keyframes loading-stripes { @include loading-stripes-keyframes(); }
  @keyframes loading-stripes { @include loading-stripes-keyframes(); }

  -webkit-animation:  loading-stripes $seconds linear infinite;
  animation:          loading-stripes $seconds linear infinite;
}

%clearfix {
  &:before,
  &:after {
    display: table;
    content: "";
    // Fixes Opera/contenteditable bug:
    // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
    line-height: 0;
  }
  &:after {
    clear: both;
  }
}

@mixin placeholder($color: $placeholderText){
  &:-moz-placeholder {
    color: $color;
  }
  &:-ms-input-placeholder {
    color: $color;
  }
  &::-webkit-input-placeholder {
    color: $color;
  }
}

@mixin border-top-radius($radius){
  border-top-right-radius: $radius;
  border-top-left-radius: $radius;
}
@mixin border-bottom-radius($radius){
  border-bottom-right-radius: $radius;
  border-bottom-left-radius: $radius;
}

@mixin rotate($degrees){
  -webkit-transform: rotate($degrees);
     -moz-transform: rotate($degrees);
      -ms-transform: rotate($degrees);
       -o-transform: rotate($degrees);
          transform: rotate($degrees);
}

@mixin background-clip($clip){
  -webkit-background-clip: $clip;
     -moz-background-clip: $clip;
          background-clip: $clip;
}

@mixin box-sizing($boxmodel){
     -moz-box-sizing: $boxmodel;
          box-sizing: $boxmodel;
}


{'fraction_non_alphanumeric': 0.15755053507728894, 'fraction_numerical': 0.019024970273483946, 'mean_word_length': 3.8716216216216215, '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': '925730', 'n_tokens_mistral': 1815, 'n_tokens_neox': 1691, 'n_words': 344}