<commit_before>// Usage: @include transition(all .3s ease-in-out);
@mixin transition($args...) {
  -webkit-transition: $args;
  -moz-transition: $args;
  -ms-transition: $args;
  -o-transition: $args;
  transition: $args;
}

// Usage: @include animation(animation-name, .2s, 1s, ease-in-out, forwards);
@mixin animation($animation-name, $duration, $delay, $timing-function, $fill-mode, $iteration-count: 1) {
  -webkit-animation-name: $animation-name;
  -webkit-animation-duration: $duration;
  -webkit-animation-delay: $delay;
  -webkit-animation-timing-function: $timing-function;
  -webkit-animation-fill-mode: $fill-mode;
  -webkit-animation-iteration-count: $iteration-count;

  -moz-animation-name: $animation-name;
  -moz-animation-duration: $duration;
  -moz-animation-delay: $delay;
  -moz-animation-timing-function: $timing-function;
  -moz-animation-fill-mode: $fill-mode;
  -moz-animation-iteration-count: $iteration-count;

  -o-animation-name: $animation-name;
  -o-animation-duration: $duration;
  -o-animation-delay: $delay;
  -o-animation-timing-function: $timing-function;
  -o-animation-fill-mode: $fill-mode;
  -o-animation-iteration-count: $iteration-count;

  animation-name: $animation-name;
  animation-duration: $duration;
  animation-delay: $delay;
  animation-timing-function: $timing-function;
  animation-fill-mode: $fill-mode;
  animation-iteration-count: $iteration-count;
}

// Transform
@mixin transform($transforms) {
  -webkit-transform: $transforms;
  -moz-transform: $transforms;
  -o-transform: $transforms;
  -ms-transform: $transforms;
  transform: $transforms;
}

// TranslateY
// Usage @include translateY(0%);
@mixin translateY($y) {
  @include transform(translateY($y));
}

// Keyframes
@mixin keyframes($animationName) {
  @-webkit-keyframes #{$animationName} {
    @content;
  }
  @-moz-keyframes #{$animationName} {
    @content;
  }
  @-o-keyframes #{$animationName} {
    @content;
  }
  @keyframes #{$animationName} {
    @content;
  }
}

@mixin close-icon {
  display: inline-block;
  width: $icon-size--s;
  height: $icon-size--s;
  background: url('../img/x-black.svg') no-repeat center/cover;
  opacity: .26;
  @include transition(all .3s ease-in-out);
}<commit_msg>Add a new box-shadow mixin<commit_after>// Usage: @include transition(all .3s ease-in-out);
@mixin transition($args...) {
  -webkit-transition: $args;
  -moz-transition: $args;
  -ms-transition: $args;
  -o-transition: $args;
  transition: $args;
}

// Usage: @include animation(animation-name, .2s, 1s, ease-in-out, forwards);
@mixin animation($animation-name, $duration, $delay, $timing-function, $fill-mode, $iteration-count: 1) {
  -webkit-animation-name: $animation-name;
  -webkit-animation-duration: $duration;
  -webkit-animation-delay: $delay;
  -webkit-animation-timing-function: $timing-function;
  -webkit-animation-fill-mode: $fill-mode;
  -webkit-animation-iteration-count: $iteration-count;

  -moz-animation-name: $animation-name;
  -moz-animation-duration: $duration;
  -moz-animation-delay: $delay;
  -moz-animation-timing-function: $timing-function;
  -moz-animation-fill-mode: $fill-mode;
  -moz-animation-iteration-count: $iteration-count;

  -o-animation-name: $animation-name;
  -o-animation-duration: $duration;
  -o-animation-delay: $delay;
  -o-animation-timing-function: $timing-function;
  -o-animation-fill-mode: $fill-mode;
  -o-animation-iteration-count: $iteration-count;

  animation-name: $animation-name;
  animation-duration: $duration;
  animation-delay: $delay;
  animation-timing-function: $timing-function;
  animation-fill-mode: $fill-mode;
  animation-iteration-count: $iteration-count;
}

// Transform
@mixin transform($transforms) {
  -webkit-transform: $transforms;
  -moz-transform: $transforms;
  -o-transform: $transforms;
  -ms-transform: $transforms;
  transform: $transforms;
}

// TranslateY
// Usage @include translateY(0%);
@mixin translateY($y) {
  @include transform(translateY($y));
}

// Keyframes
@mixin keyframes($animationName) {
  @-webkit-keyframes #{$animationName} {
    @content;
  }
  @-moz-keyframes #{$animationName} {
    @content;
  }
  @-o-keyframes #{$animationName} {
    @content;
  }
  @keyframes #{$animationName} {
    @content;
  }
}

// Usage: @include box-shadow(0 10px 20px 0 rgba(black, .12));
@mixin box-shadow($args...) {
  -webkit-box-shadow: $args;
  -moz-box-shadow: $args;
  -o-box-shadow: $args;
  box-shadow: $args;
}

@mixin close-icon {
  display: inline-block;
  width: $icon-size--s;
  height: $icon-size--s;
  background: url('../../img/x-black.svg') no-repeat center/cover;
  opacity: .26;
  @include transition(all .3s ease-in-out);
}
{'fraction_non_alphanumeric': 0.17669819432502148, 'fraction_numerical': 0.005159071367153913, 'mean_word_length': 3.9978517722878624, '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': '4296831', 'n_tokens_mistral': 1716, 'n_tokens_neox': 1662, 'n_words': 292}