<commit_before>/*
 * Button classes, including
 *
 * Table of Contents
 *
 * Buttons
 * Split Buttons
 */


 /* ==========================================================================
   Notifications
   ========================================================================== */

.notifications {
    @media (min-width: 401px) {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 980;
        width: 300px;
    }

    @media (max-width: 400px) {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
    }
}

.js-bb-notification {
    @include transform(translateZ(0));
}

.notification {
    @include icon($i-notification) {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 44px;
        padding: 14px 15px;
        text-align: center;
        color: rgba(255,255,255,0.8);
        background: rgba(0,0,0,0.1);
    };
    width: 100%;
    min-height: 40px;
    padding: 10px 43px 10px 57px;
    margin: 0 0 15px 0;
    color: rgba(255,255,255,0.9);
    background: $blue;
    position:relative;
    box-shadow: $shadow;
    @include transform(translateZ(0));

    @media (max-width: 400px) {
        margin-bottom: 1px;
    }

    .close {
        @include icon-after($i-close) {
            padding: 6px;
            position: absolute;
            top: 8px;
            right: 9px;
        };
        display: inline-block;
        color: rgba(255,255,255,0.6);
        cursor: pointer;
        &:hover {
            color: #fff;
        }

    }

    a {
        color: inherit;
        text-decoration: underline;
    }
}

.notification-success {
    @extend .notification;
    @include icon($i-success);
    background: $green;

    &.notification-passive {
        @include animation(fade-out 1s linear);
        @include animation-delay(3s);
        @include animation-iteration-count(1);
        @include animation-fill-mode(forwards);
    }
}

.notification-error {
    @extend .notification;
    @include icon($i-error);
    background: $red;
}

<commit_msg>Don't fade out notifications when the mouse is over<commit_after>/*
 * Button classes, including
 *
 * Table of Contents
 *
 * Buttons
 * Split Buttons
 */


 /* ==========================================================================
   Notifications
   ========================================================================== */

.notifications {
    @media (min-width: 401px) {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 980;
        width: 300px;
    }

    @media (max-width: 400px) {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
    }
}

.js-bb-notification {
    @include transform(translateZ(0));
}

.notification {
    @include icon($i-notification) {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 44px;
        padding: 14px 15px;
        text-align: center;
        color: rgba(255,255,255,0.8);
        background: rgba(0,0,0,0.1);
    };
    width: 100%;
    min-height: 40px;
    padding: 10px 43px 10px 57px;
    margin: 0 0 15px 0;
    color: rgba(255,255,255,0.9);
    background: $blue;
    position:relative;
    box-shadow: $shadow;
    @include transform(translateZ(0));

    @media (max-width: 400px) {
        margin-bottom: 1px;
    }

    .close {
        @include icon-after($i-close) {
            padding: 6px;
            position: absolute;
            top: 8px;
            right: 9px;
        };
        display: inline-block;
        color: rgba(255,255,255,0.6);
        cursor: pointer;
        &:hover {
            color: #fff;
        }

    }

    a {
        color: inherit;
        text-decoration: underline;
    }
}

.notification-success {
    @extend .notification;
    @include icon($i-success);
    background: $green;

    &.notification-passive {
        @include animation(fade-out 1s linear);
        @include animation-delay(3s);
        @include animation-iteration-count(1);
        @include animation-fill-mode(forwards);
    }
  
    &.notification-passive:hover {
        @include animation(fade-in 0.2s linear);
    }
}

.notification-error {
    @extend .notification;
    @include icon($i-error);
    background: $red;
}


{'fraction_non_alphanumeric': 0.1914991914991915, 'fraction_numerical': 0.04666204666204666, 'mean_word_length': 2.025856044723969, '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': '6598060', 'n_tokens_mistral': 1531, 'n_tokens_neox': 1317, 'n_words': 295}