<commit_before>/* @author <NAME> */

/** -------------------------------------------
    Button Styles
    ------------------------------------------- **/
/**
 * Button colors
 */
@mixin button-colors($type){
    background-color: map-get($base-colors, $type);
    color: map-get($base-colors, #{$type}-text);

    &:hover {
        @if (map-get($base-colors, #{$type}-highlight) != null) {
            background-color: map-get($base-colors, #{$type}-highlight);
        }

        @else {
            background-color: darken(map-get($base-colors, $type), 7.5);
        }
        color: map-get($base-colors, #{$type}-text);
    }
}


/**
 * In most cases, using buttons with button tag allows more styling options
 * it is cross browser and meaningful. Also ".button" class is added in order to
 * get button-like elements
 */
%button {
    @include prefixer(apperance, none);
    @include disable-text-select();
    @include app-transition();

    display: inline-block;
    cursor: pointer;
    padding: ($base-input-spacing + 1px) (3 * $base-input-spacing);
    line-height: normal;
    text-decoration: none;

    @if($base-button-border-radius != null){
        border-radius: $base-button-border-radius;
    }

    @include button-colors('standart');

    &:disabled,
    &.disabled {
        cursor: default;
        background: lighten($base-button-color, 15);
    }

    &:active {
        @include box-shadow(inset 0 2px 3px rgba(0, 0, 0, .3));
    }
}

/**
 * Native button elements
 * Input button elements
 */
button,
input[type="submit"],
input[type="reset"],
input.button {
    @extend %button;
    border: transparent;
}

/**
 * Anchor and other elements
 */
.button {<commit_msg>Update _buttons.scss<commit_after>/* @author <NAME> */

/** -------------------------------------------
    Button Styles
    ------------------------------------------- **/
/**
 * Button colors
 */
@mixin button-colors($type){
    background-color: map-get($base-colors, $type);
    color: map-get($base-colors, #{$type}-text);

    &:hover {
        @if (map-get($base-colors, #{$type}-highlight) != null) {
            background-color: map-get($base-colors, #{$type}-highlight);
        }

        @else {
            background-color: darken(map-get($base-colors, $type), 7.5);
        }
        color: map-get($base-colors, #{$type}-text);
    }
}


/**
 * In most cases, using buttons with button tag allows more styling options
 * it is cross browser and meaningful. Also ".button" class is added in order to
 * get button-like elements
 */
%button {
    @include prefixer(apperance, none);
    @include disable-text-select();
    @include app-transition();

    display: inline-block;
    cursor: pointer;
    padding: $base-input-spacing (3 * $base-input-spacing);
    line-height: normal;
    text-decoration: none;

    @if($base-button-border-radius != null){
        border-radius: $base-button-border-radius;
    }

    @include button-colors('standart');

    &:disabled,
    &.disabled {
        cursor: default;
        @include button-colors('disabled');
    }

    &:active {
        @include box-shadow(inset 0 2px 3px rgba(0, 0, 0, .3));
    }
}

/**
 * Native button elements
 * Input button elements
 */
button,
input[type="submit"],
input[type="reset"],
input.button {
    @extend %button;
    border: transparent;
}

/**
 * Anchor and other elements
 */
.button {
{'fraction_non_alphanumeric': 0.20867768595041322, 'fraction_numerical': 0.00678866587957497, 'mean_word_length': 2.23069590085796, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, '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': '659854', 'n_tokens_mistral': 1062, 'n_tokens_neox': 1010, 'n_words': 245}