<commit_before>///*------------------------------------*\
//    #OBJECTS-NOTIFICATION
//\*------------------------------------*/

// Notification base styles
.notification {
    @include position(fixed, null $base-spacing-unit * 3 0 null);
    @include display(flex);
    @include align-items(center);
    max-width: 300px;
    padding: $base-spacing-unit * 2 $base-spacing-unit * 3;
    border-radius: $base-round;
    background-color: #323232;
    cursor: pointer;
    @include transform(translateY(100%));
    @include transition-property(margin-bottom transform);
    @include transition-duration(0.4s);
    @include transition-timing-function($ease-out-quint);
}

.notification--has-action {
    padding-right: $base-spacing-unit * 2;
}

.notification--is-shown {
    @include transform(translateY(-24px));
}

    // Notification content / icon
    .notification__content,
    .notification__icon {
        opacity: 0;
        @include transition-property(opacity);
        @include transition-duration(0.4s);

        .notification--is-shown & {
            opacity: 1;
        }
    }

    // Notification content
    .notification__content {
        @include typography('body-1');
        color: $white-1;
    }

    // Notification icon
    .notification__icon {
        margin-right: $base-spacing-unit * 2;
        @include typography('body-1');
        color: $white-1;
    }

    // Notification action
    .notification__action {
        margin-left: $base-spacing-unit * 2;
    }


@each $key, $color in $colors {
    .notification--#{$key} .notification__icon {
        color: $color;
    }
}
<commit_msg>feat notification: add missing elevation<commit_after>///*------------------------------------*\
//    #OBJECTS-NOTIFICATION
//\*------------------------------------*/

// Notification base styles
.notification {
    @include position(fixed, null $base-spacing-unit * 3 0 null);
    @include display(flex);
    @include align-items(center);
    max-width: 300px;
    padding: $base-spacing-unit * 2 $base-spacing-unit * 3;
    border-radius: $base-round;
    background-color: #323232;
    cursor: pointer;
    @include elevation(6);
    @include transform(translateY(100%));
    @include transition-property(margin-bottom transform);
    @include transition-duration(0.4s);
    @include transition-timing-function($ease-out-quint);
}

.notification--has-action {
    padding-right: $base-spacing-unit * 2;
}

.notification--is-shown {
    @include transform(translateY(-24px));
}

    // Notification content / icon
    .notification__content,
    .notification__icon {
        opacity: 0;
        @include transition-property(opacity);
        @include transition-duration(0.4s);

        .notification--is-shown & {
            opacity: 1;
        }
    }

    // Notification content
    .notification__content {
        @include typography('body-1');
        color: $white-1;
    }

    // Notification icon
    .notification__icon {
        margin-right: $base-spacing-unit * 2;
        @include typography('body-1');
        color: $white-1;
    }

    // Notification action
    .notification__action {
        margin-left: $base-spacing-unit * 2;
    }


@each $key, $color in $colors {
    .notification--#{$key} .notification__icon {
        color: $color;
    }
}

{'fraction_non_alphanumeric': 0.1791995148574894, 'fraction_numerical': 0.01910248635536689, 'mean_word_length': 2.162991371045062, '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': '518347', 'n_tokens_mistral': 1026, 'n_tokens_neox': 947, 'n_words': 190}