1 | .next-sr-only {
|
2 | position: absolute;
|
3 | width: 1px;
|
4 | height: 1px;
|
5 | padding: 0;
|
6 | overflow: hidden;
|
7 | clip: rect(0, 0, 0, 0);
|
8 | white-space: nowrap;
|
9 | border: 0;
|
10 | top: 0;
|
11 | margin: -1px; }
|
12 |
|
13 | .next-notification {
|
14 | width: 384px;
|
15 | position: fixed;
|
16 | z-index: 1010;
|
17 | padding: 0;
|
18 | margin: 0; }
|
19 | .next-notification .next-message {
|
20 | margin-bottom: 16px;
|
21 | overflow: hidden; }
|
22 |
|
23 | .next-notification-fade-leave {
|
24 | animation-duration: 300ms;
|
25 | animation-play-state: paused;
|
26 | animation-fill-mode: both;
|
27 | animation-timing-function: ease; }
|
28 |
|
29 | .next-notification-fade-leave.next-notification-fade-leave-active {
|
30 | animation-name: NotificationFadeOut;
|
31 | animation-play-state: running; }
|
32 |
|
33 | @keyframes NotificationFadeOut {
|
34 | 0% {
|
35 | max-height: 150px;
|
36 | margin-bottom: 16px;
|
37 | opacity: 1; }
|
38 | 100% {
|
39 | max-height: 0;
|
40 | margin-bottom: 0;
|
41 | padding-top: 0;
|
42 | padding-bottom: 0;
|
43 | opacity: 0; } }
|