Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64

/srv/data/web/vhosts/www.shinegis.mu/htdocs/assets/css/elems/

/srv/data/web/vhosts/www.shinegis.mu/htdocs/assets/css/elems/notifications.scss

 #notification_sandbox {
    position: fixed;
    left: 15px;
    top: 130px;
    z-index: 9999;
}

.notification {
    position: relative;
    background: $secondary;
    animation: 0.5s fadeInLeft;
    overflow: hidden;
    margin: 5px 0px;
    display: block;
    padding: 10px;
    padding-right: 45px;
    p {
        margin: 0px;
        color: $white;
    }
    &.danger {
        background: #f8d7da;
    }
    &.hide {
        animation: 0.5s fadeOutLeft;
        transform: translateX(calc(-100% - 15px));
    }
    .notification_toggle {
        position: absolute;
        top: 50%;
        right: 15px;
        height: 27px;
        transform: translateY(-50%);
        line-height: 28px;
    }
    &::after {
        content: "";
        background: $theme;
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 3px;
        animation: 15s fillOut;
    }
}

@keyframes fillOut {
    0% {
        width: 100%;
    }
    100% {
        width: 0%;
    }
}

@keyframes fadeOutLeft {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(calc(-100% - 20px));
    }
}

@keyframes fadeInLeft {
    0% {
        transform: translateX(calc(-100% - 20px));
    }
    100% {
        transform: translateX(0px);
    }
}