<commit_before>/**
 * -----------------------------------------------------------------------------
 *  _buttons.scss
 * -----------------------------------------------------------------------------
 *
 * Interface buttons can be links, buttons or submit inputs and can be used
 * anywhere in the UI for different needs.
 *
 * Example:
 *
 * <a class="button [button--modifier]" role="button" href="#">Button text</a>
 * <button class="button [button--modifier]" type="submit">Button text</button>
 * <input class="button [button--modifier]" type="submit" value="Button text">
 */

/**
 * Button constructor
 *
 * 1. Corrects inability to style clickable `input` types in iOS
 * 2. Normalize `box-sizing` across all elements that this component could be
 *    applied to.
 * 3. Inherit text color from ancestor.
 * 4. Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+.
 * 5. Prevent button text from being selectable.
 * 6. Prevent wrapping across multiple lines.
 * 7. Remove excess padding and border in Firefox 4+
 */

.btn {
    -webkit-appearance: none; /* 1 */
    background: transparent;
    border: 0px;
    border-radius: $border-radius;
    -moz-box-sizing: border-box;
    box-sizing: border-box; /* 2 */
    color: inherit; /* 3 */
    cursor: pointer;
    @include inline-block;
    font-size: 14px;
    line-height: normal; /* 4 */
    margin: 0;
    padding: 8px 14px 6px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none; /* 5 */
    vertical-align: bottom;
    white-space: nowrap; /* 6 */

    @include ie-lte(7) {
        padding: 7px;
    }

    &::moz-focus-inner { /* 7 */
      border: 0;
      padding: 0;
    }
}


.btn--small {
    font-size: .75em !important;
    padding: 0.4em 0.5em !important;
}

/**
 * UI states
 */

.btn {
  border-bottom-style: solid;

  &:hover,
  &:focus,
  &:active {
    text-decoration: none;
  }

  &:disabled,
  &.is-disabled,
  &.disabled {
    // padding-top: 9px;
    cursor: not-allowed !important;

    &:hover {
      cursor: not-allowed !important;
    }
  }
}

/**
 * Mixin to theme button states
 */

@mixin button-states($base-color, $alt-color: #000000, $disabled-fade: 5) {
    $shadow-color: darken($base-color, 10%);

    background-color: $base-color;
    box-shadow: 0 2px 0 $shadow-color;
    color: $alt-color;
    position: relative;

    &:hover {
      box-shadow: 0 1px 0 $shadow-color;
      color: $alt-color;
      top: 1px;
    }

    &:active,
    &.active {
      background-color: darken($base-color, 5);
      box-shadow: 0 0 0 $shadow-color;
      top: 2px;
    }

    &:disabled,
    &.is-disabled,
    &.disabled {
      background-color: lighten($base-color, $disabled-fade);
      box-shadow: 0 2px 0 lighten($shadow-color, $disabled-fade);
      color: $gray;
    }
}

@mixin btn-active($base-color) {
    &.active {
    $border-active: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
    $inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -17%);
    border: 1px solid $border-active;
    box-shadow: inset 0 0 8px 4px $inset-shadow-active, inset 0 0 8px 4px $inset-shadow-active, 0 1px 1px 0 #eee;
    }
}

.btn {
    @include button-states(darken($white, 10%));
}

.btn--primary {
    @include button-states($primary-color, $primary-color-alt, 30);

    .badge {
        background-color: $badge-primary-bg-darker;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    }
}

.btn--success {
    @include button-states($success-color, $success-color-alt, 30);
<commit_msg>Changed disabled btn colour<commit_after>/**
 * -----------------------------------------------------------------------------
 *  _buttons.scss
 * -----------------------------------------------------------------------------
 *
 * Interface buttons can be links, buttons or submit inputs and can be used
 * anywhere in the UI for different needs.
 *
 * Example:
 *
 * <a class="button [button--modifier]" role="button" href="#">Button text</a>
 * <button class="button [button--modifier]" type="submit">Button text</button>
 * <input class="button [button--modifier]" type="submit" value="Button text">
 */

/**
 * Button constructor
 *
 * 1. Corrects inability to style clickable `input` types in iOS
 * 2. Normalize `box-sizing` across all elements that this component could be
 *    applied to.
 * 3. Inherit text color from ancestor.
 * 4. Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+.
 * 5. Prevent button text from being selectable.
 * 6. Prevent wrapping across multiple lines.
 * 7. Remove excess padding and border in Firefox 4+
 */

.btn {
    -webkit-appearance: none; /* 1 */
    background: transparent;
    border: 0px;
    border-radius: $border-radius;
    -moz-box-sizing: border-box;
    box-sizing: border-box; /* 2 */
    color: inherit; /* 3 */
    cursor: pointer;
    @include inline-block;
    font-size: 14px;
    line-height: normal; /* 4 */
    margin: 0;
    padding: 8px 14px 6px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none; /* 5 */
    vertical-align: bottom;
    white-space: nowrap; /* 6 */

    @include ie-lte(7) {
        padding: 7px;
    }

    &::moz-focus-inner { /* 7 */
      border: 0;
      padding: 0;
    }
}


.btn--small {
    font-size: .75em !important;
    padding: 0.4em 0.5em !important;
}

/**
 * UI states
 */

.btn {
  border-bottom-style: solid;

  &:hover,
  &:focus,
  &:active {
    text-decoration: none;
  }

  &:disabled,
  &.is-disabled,
  &.disabled {
    // padding-top: 9px;
    cursor: not-allowed !important;

    &:hover {
      cursor: not-allowed !important;
    }
  }
}

/**
 * Mixin to theme button states
 */

@mixin button-states($base-color, $alt-color: #000000, $disabled-fade: 5) {
    $shadow-color: darken($base-color, 10%);

    background-color: $base-color;
    box-shadow: 0 2px 0 $shadow-color;
    color: $alt-color;
    position: relative;

    &:hover {
      box-shadow: 0 1px 0 $shadow-color;
      color: $alt-color;
      top: 1px;
    }

    &:active,
    &.active {
      background-color: darken($base-color, 5);
      box-shadow: 0 0 0 $shadow-color;
      top: 2px;
    }

    &:disabled,
    &.is-disabled,
    &.disabled {
      background-color: lighten($base-color, $disabled-fade);
      box-shadow: 0 2px 0 lighten($shadow-color, $disabled-fade);
      color: $white;
    }
}

@mixin btn-active($base-color) {
    &.active {
    $border-active: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
    $inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -17%);
    border: 1px solid $border-active;
    box-shadow: inset 0 0 8px 4px $inset-shadow-active, inset 0 0 8px 4px $inset-shadow-active, 0 1px 1px 0 #eee;
    }
}

.btn {
    @include button-states(darken($white, 10%));
}

.btn--primary {
    @include button-states($primary-color, $primary-color-alt, 30);

    .badge {
        background-color: $badge-primary-bg-darker;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    }
}

.btn--success {
    @include button-states($success-color, $success-color-alt, 30);

{'fraction_non_alphanumeric': 0.19321433437798066, 'fraction_numerical': 0.025071535631557434, 'mean_word_length': 2.2593250444049735, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 13, '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': '2346855', 'n_tokens_mistral': 2660, 'n_tokens_neox': 2411, 'n_words': 645}