<commit_before>$buttons--fs: $fs-base;

@mixin button($color, $bg, $border: transparent, $color--active: $color,
 $bg--active: darken($bg, 15%), $border--active: $border) {
  @extend %btn;
  color: $color;
  background-color: $bg;
  border-color: $border;
  min-width: 12em;

  &:hover {
    color: $color--active;
    background-color: $bg--active;
    border-color: $border--active;
    outline: 0;
    text-decoration: none;
  }

  &:focus {
    @include focus($bg, .8);
  }

  &.disabled,
  &[disabled],
  fieldset[disabled] & {
    cursor: not-allowed;
    pointer-events: none; // Future-proof disabling of clicks
    opacity: .65;
    box-shadow: none;
  }
}

@mixin button-size($padding-vertical, $padding-horizontal, $font-size,
 $line-height, $border-radius) {
  padding: $padding-vertical $padding-horizontal;
  font-size: $font-size;
  line-height: $line-height;
  border-radius: $border-radius;
}

button{
  color: inherit;
  border: 0;
  background-color: transparent;
  padding: 0;
  margin: 0;
  &:hover,
  &:focus,
  &:active{
    outline: 0;
    text-decoration: none;
  }
}

.btn-primary{
  @include button(white,$primary);

  &-light{
    @include button($primary,$primary-lighter, transparent,
     $primary, lighten($primary, 30%), $primary);
  }
}

.btn-secondary{
  @include button(white, $secondary-light);

  &-light{
    @include button($secondary-light, $secondary-lighter, transparent,
     $secondary-light, lighten($secondary-light, 30%), $secondary-light);
  }
}

%btn {
  @include button-size(.5em, 1em, inherit, 1, 3px);
  display: inline-block;
  margin-bottom: 0; // For input.btn
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
  border: 1px solid transparent;
  user-select: none;
  max-width: 100%;
  transition: all .2s ease-out;
}

.btn-block{
  display: block;
  width: 100%;
  min-width: auto;
  @include margin-bottom(($fs-base/$fs-small)* 1em);
}

.btn-rounded{
  @extend %btn;
  @include button-size(0, 0, 1em, 2.2em, 50%);
  color: $secondary-light;
  border: 1px solid $secondary-lighter;
  width: 2.3em;
  height: 2.3em;
  opacity: .7;
  transform: scale(1);
  transition: all .2s ease-out;

  &:hover{
    transform: scale(1.1);
    opacity: 1;
  }
}

.btn-facebook {
  @include button(white,#286B99);
  @extend .btn-block;
}

.btn-twitter{
  @include button(white,#3CB1E7);
  @extend .btn-block;
}<commit_msg>[CSS] btn-rounded text-decoration<commit_after>$buttons--fs: $fs-base;

@mixin button($color, $bg, $border: transparent, $color--active: $color,
 $bg--active: darken($bg, 15%), $border--active: $border) {
  @extend %btn;
  color: $color;
  background-color: $bg;
  border-color: $border;
  min-width: 12em;

  &:hover {
    color: $color--active;
    background-color: $bg--active;
    border-color: $border--active;
    outline: 0;
    text-decoration: none;
  }

  &:focus {
    @include focus($bg, .8);
  }

  &.disabled,
  &[disabled],
  fieldset[disabled] & {
    cursor: not-allowed;
    pointer-events: none; // Future-proof disabling of clicks
    opacity: .65;
    box-shadow: none;
  }
}

@mixin button-size($padding-vertical, $padding-horizontal, $font-size,
 $line-height, $border-radius) {
  padding: $padding-vertical $padding-horizontal;
  font-size: $font-size;
  line-height: $line-height;
  border-radius: $border-radius;
}

button{
  color: inherit;
  border: 0;
  background-color: transparent;
  padding: 0;
  margin: 0;
  &:hover,
  &:focus,
  &:active{
    outline: 0;
    text-decoration: none;
  }
}

.btn-primary{
  @include button(white,$primary);

  &-light{
    @include button($primary,$primary-lighter, transparent,
     $primary, lighten($primary, 30%), $primary);
  }
}

.btn-secondary{
  @include button(white, $secondary-light);

  &-light{
    @include button($secondary-light, $secondary-lighter, transparent,
     $secondary-light, lighten($secondary-light, 30%), $secondary-light);
  }
}

%btn {
  @include button-size(.5em, 1em, inherit, 1, 3px);
  display: inline-block;
  margin-bottom: 0; // For input.btn
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
  border: 1px solid transparent;
  user-select: none;
  max-width: 100%;
  transition: all .2s ease-out;
}

.btn-block{
  display: block;
  width: 100%;
  min-width: auto;
  @include margin-bottom(($fs-base/$fs-small)* 1em);
}

.btn-rounded{
  @extend %btn;
  @include button-size(0, 0, 1em, 2.2em, 50%);
  color: $secondary-light;
  border: 1px solid $secondary-lighter;
  width: 2.3em;
  height: 2.3em;
  opacity: .7;
  transform: scale(1);
  transition: all .2s ease-out;

  &:hover{
    transform: scale(1.1);
    text-decoration: none;
    opacity: 1;
  }
}

.btn-facebook {
  @include button(white,#286B99);
  @extend .btn-block;
}

.btn-twitter{
  @include button(white,#3CB1E7);
  @extend .btn-block;
}
{'fraction_non_alphanumeric': 0.17017577747730345, 'fraction_numerical': 0.022793123430558237, 'mean_word_length': 3.510452961672474, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, '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': '2540934', 'n_tokens_mistral': 2002, 'n_tokens_neox': 1874, 'n_words': 418}