<commit_before>@mixin btn($name, $color) {
  .btn-#{$name} {
    border-bottom-color: darken($color, 25%);
    background-color: $color;

    &:hover {
      background-color: lighten($color, 5%);
    }

    &.btn-outline {
      border-color: $color;
      background-color: transparent;
      color: $color
    }
  }
}

input[type="button"],
input[type="submit"],
button,
.btn {
  @include ui-padding;
  display: inline-block;
  margin: 0;
  border: 0;
  border-bottom: 2px solid darken($color-btn, 25%);
  border-radius: $ui-border-radius;
  background-color: $color-btn;
  color: $color-white;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: 1px;
  appearance: none;

  &:hover {
    background-color: lighten($color-btn, 5%);
  }
}

button[disabled],
.btn-disabled {
  border-bottom-color: darken($color-disabled, 20%);
  background-color: $color-disabled;
  cursor: not-allowed;

  &:hover {
    background-color: $color-disabled;
  }

  @if $link-active {
    &:active {
      top: 0;
    }
  }
}

.btn-outline {
  border: 1px solid $color-btn;
  background-color: transparent;
  color: $color-btn;

  &:hover {
    background-color: transparent;
  }
}

.btn-block {
  display: block;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}

@include btn('brand', $color-brand);
@include btn('positive', $color-positive);
@include btn('negative', $color-negative);
<commit_msg>Fix vertical-align of outline buttons<commit_after>@mixin btn($name, $color) {
  .btn-#{$name} {
    border-bottom-color: darken($color, 25%);
    background-color: $color;

    &:hover {
      background-color: lighten($color, 5%);
    }

    &.btn-outline {
      border-color: $color;
      background-color: transparent;
      color: $color
    }
  }
}

input[type="button"],
input[type="submit"],
button,
.btn {
  @include ui-padding;
  display: inline-block;
  margin: 0;
  border: 0;
  border-bottom: 2px solid darken($color-btn, 25%);
  border-radius: $ui-border-radius;
  background-color: $color-btn;
  color: $color-white;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: 1px;
  appearance: none;

  &:hover {
    background-color: lighten($color-btn, 5%);
  }
}

button[disabled],
.btn-disabled {
  border-bottom-color: darken($color-disabled, 20%);
  background-color: $color-disabled;
  cursor: not-allowed;

  &:hover {
    background-color: $color-disabled;
  }

  @if $link-active {
    &:active {
      top: 0;
    }
  }
}

.btn-outline {
  border: 1px solid $color-btn;
  background-color: transparent;
  color: $color-btn;
  vertical-align: 0;

  &:hover {
    background-color: transparent;
  }
}

.btn-block {
  display: block;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}

@include btn('brand', $color-brand);
@include btn('positive', $color-positive);
@include btn('negative', $color-negative);

{'fraction_non_alphanumeric': 0.16890727335401587, 'fraction_numerical': 0.011375387797311272, 'mean_word_length': 3.299259259259259, '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': '2310439', 'n_tokens_mistral': 1094, 'n_tokens_neox': 1034, 'n_words': 214}