<commit_before>@mixin transition($time: 0.5s, $type: all) {
  -webkit-transition: $type $time ease;
     -moz-transition: $type $time ease;
      -ms-transition: $type $time ease;
       -o-transition: $type $time ease;
          transition: $type $time ease;
}

@mixin rotate($deg) {
  -webkit-transform: rotate($deg);
       -o-transform: rotate($deg);
          transform: rotate($deg);
}


@mixin media-max-width($width) {
  @media screen and (max-width: #{$width}) {
    @content;
  }
  .show-panel & {
    @media screen and (max-width: #{$width + $chat-width}) {
      @content;
    }
  }
}

@mixin media-min-width($width) {
  @media screen and (min-width: #{$width}) {
    @content;
  }
  .show-panel & {
    @media screen and (min-width: #{$width + $chat-width}) {
      @content;
    }
  }
}

@mixin underline($color: $lime) {
  position: relative;
  &:after {
    @include transition;
    border-bottom: 2px solid $color;
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 1em;
    margin-top: -1px;
    opacity: 0;
    width: 100%;
  }
  &:hover:after {
    opacity: 1;
  }
}

@mixin button($background, $border, $hover-color, $text-shadow) {
  @include transition();
  background: $background;
  border: 1px solid $border;
  -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
  padding: 12px 30px;
  text-shadow: 0px 1px 0px $text-shadow;
  &, a, a:hover {
    color: #FFF;
    cursor: pointer;
    display: block;
    font-size: 18px;
    text-decoration: none;
  }
  &:hover {
    background: $hover-color;
  }
  &:active {
  	position: relative;<commit_msg>Center button text<commit_after>@mixin transition($time: 0.5s, $type: all) {
  -webkit-transition: $type $time ease;
     -moz-transition: $type $time ease;
      -ms-transition: $type $time ease;
       -o-transition: $type $time ease;
          transition: $type $time ease;
}

@mixin rotate($deg) {
  -webkit-transform: rotate($deg);
       -o-transform: rotate($deg);
          transform: rotate($deg);
}


@mixin media-max-width($width) {
  @media screen and (max-width: #{$width}) {
    @content;
  }
  .show-panel & {
    @media screen and (max-width: #{$width + $chat-width}) {
      @content;
    }
  }
}

@mixin media-min-width($width) {
  @media screen and (min-width: #{$width}) {
    @content;
  }
  .show-panel & {
    @media screen and (min-width: #{$width + $chat-width}) {
      @content;
    }
  }
}

@mixin underline($color: $lime) {
  position: relative;
  &:after {
    @include transition;
    border-bottom: 2px solid $color;
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 1em;
    margin-top: -1px;
    opacity: 0;
    width: 100%;
  }
  &:hover:after {
    opacity: 1;
  }
}

@mixin button($background, $border, $hover-color, $text-shadow) {
  @include transition();
  background: $background;
  border: 1px solid $border;
  -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
  padding: 12px 30px;
  text-align: center;
  text-shadow: 0px 1px 0px $text-shadow;
  &, a, a:hover {
    color: #FFF;
    cursor: pointer;
    display: block;
    font-size: 18px;
    text-decoration: none;
  }
  &:hover {
    background: $hover-color;
  }
  &:active {
  	position: relative;
{'fraction_non_alphanumeric': 0.16742355434453526, 'fraction_numerical': 0.014532243415077202, 'mean_word_length': 2.771689497716895, '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': '6936035', 'n_tokens_mistral': 1269, 'n_tokens_neox': 1205, 'n_words': 283}