<commit_before>.button,
.btn {
    $btn-shadow: inset 0 3px 5px 0 rgba(0,0,0, .35) !default;

    text-align: center;

    @extend %base-transition;

    @include element-state('hover') {
        background: darken(get-color('additional', 'middle'), 50%);
    }

    @include element-state('active') {
        box-shadow:  $btn-shadow;
    }

    &[disabled] {
        opacity: .75;
    }

    //
    &--action {
        border-color: get-color('additional', 'darker');
        background-color: get-color('additional', 'darker');
        color: get-color('additional', 'ultra');

        @include element-state('hover') {
            border-color: lighten(get-color('additional', 'darker'), 5%);
            background: lighten(get-color('additional', 'darker'), 5%);
            color: get-color('additional', 'ultra');
        }

        @include element-state('focus') {
            border-color: lighten(get-color('additional', 'darker'), 5%);
        }
    }

    &--info {
        border-color: get-color('primary', 'base') ;
        background-color: get-color('primary', 'base');
        color: get-color('additional', 'ultra');

        @include element-state('hover') {
            border-color: lighten(get-color('primary', 'base'), 5%);
            background-color: lighten(get-color('primary', 'base'), 5%);
            color: get-color('additional', 'ultra');
        }

        @include element-state('focus') {
            border-color: lighten(get-color('primary', 'base'), 5%);
        }
    }

    &--primary {
        border-color: get-color('additional', 'middle') ;
        background-color: get-color('additional', 'middle');
        color: get-color('additional', 'ultra');

        @include element-state('hover') {
            border-color: lighten(get-color('additional', 'middle'), 5%);
            background-color: lighten(get-color('additional', 'middle'), 5%);
            color: get-color('additional', 'ultra');
        }

        @include element-state('focus') {
            border-color: lighten(get-color('additional', 'middle'), 5%);
        }
    }

    &--link {
        border-color: transparent;
        background-color: transparent;
        color: get-color('ui', 'normal');

        @include element-state('hover') {
            background-color: transparent;
            border-color: transparent;<commit_msg>BB-5345: use bootstrap4 - fix nav - fix buttons<commit_after>.button,
.btn {
    $btn-shadow: inset 0 3px 5px 0 rgba(0,0,0, .35) !default;

    text-align: center;

    @extend %base-transition;

    @include element-state('hover') {
        background: darken(get-color('additional', 'middle'), 50%);
    }

    @include element-state('active') {
        box-shadow:  $btn-shadow;
    }

    &[disabled] {
        opacity: .75;
    }

    //
    &--action {
        border-color: get-color('additional', 'darker');
        background-color: get-color('additional', 'darker');
        color: get-color('additional', 'ultra');

        @include element-state('hover') {
            border-color: lighten(get-color('additional', 'darker'), 5%);
            background: lighten(get-color('additional', 'darker'), 5%);
            color: get-color('additional', 'ultra');
        }

        @include element-state('focus') {
            border-color: lighten(get-color('additional', 'darker'), 5%);
        }
    }

    &--info {
        border-color: get-color('primary', 'base') ;
        background-color: get-color('primary', 'base');
        color: get-color('additional', 'ultra');

        @include element-state('hover') {
            border-color: lighten(get-color('primary', 'base'), 5%);
            background-color: lighten(get-color('primary', 'base'), 5%);
            color: get-color('additional', 'ultra');
        }

        @include element-state('focus') {
            border-color: lighten(get-color('primary', 'base'), 5%);
        }
    }

    &--primary {
        border-color: get-color('additional', 'middle') ;
        background-color: get-color('additional', 'middle');
        color: get-color('additional', 'ultra');

        @include element-state('hover') {
            border-color: lighten(get-color('additional', 'middle'), 5%);
            background-color: lighten(get-color('additional', 'middle'), 5%);
            color: get-color('additional', 'ultra');
        }

        @include element-state('focus') {
            border-color: lighten(get-color('additional', 'middle'), 5%);
        }
    }

    &--link {
        padding: 2px 5px;

        border-color: transparent;
        background-color: transparent;
        color: get-color('ui', 'normal');

        @include element-state('hover') {
            background-color: transparent;
            border-color: transparent;
{'fraction_non_alphanumeric': 0.1796106342893029, 'fraction_numerical': 0.010676156583629894, 'mean_word_length': 2.3365921787709496, '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': '1893739', 'n_tokens_mistral': 1493, 'n_tokens_neox': 1359, 'n_words': 266}