29 lines
592 B
SCSS
29 lines
592 B
SCSS
.notification-wrapper {
|
|
position: fixed;
|
|
inset-inline-end: var(--space-medium);
|
|
inset-block-end: var(--space-medium);
|
|
z-index: 10;
|
|
}
|
|
|
|
.notification-feed-item {
|
|
position: relative;
|
|
animation: toastSlideInSlideOut 4s ease-in-out forwards;
|
|
}
|
|
|
|
.nova-enabled ~ .notification-wrapper .newtab-toast-success {
|
|
--message-bar-background-color: var(--background-color-box);
|
|
--message-bar-icon-color: var(--icon-color-success);
|
|
}
|
|
|
|
@keyframes toastSlideInSlideOut {
|
|
0%, 100% {
|
|
opacity: 0;
|
|
inset-block-start: 50%;
|
|
}
|
|
|
|
15%, 85% {
|
|
opacity: 1;
|
|
inset-block-start: 0;
|
|
}
|
|
}
|