Spaces:
No application file
No application file
File size: 1,438 Bytes
d2897cd |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 |
.notificationTranslate(@percent) { -webkit-transform: translateX(@percent); -ms-transform: translateX(@percent); transform: translateX(@percent); } .notificationAnimate() { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .notificationName(@name) { -webkit-animation-name: @name; animation-name: @name; } .notificationSlideLeft() { 0% { .notificationTranslate(150%); } 50% { .notificationTranslate(-8%); } 65% { .notificationTranslate(4%); } 80% { .notificationTranslate(-4%); } 95% { .notificationTranslate(2%); } 100% { .notificationTranslate(0%); } } @-webkit-keyframes mf-notification-slide-left { .notificationSlideLeft; } @keyframes mf-notification-slide-left { .notificationSlideLeft; } .notificationSlideRight() { 0% { .notificationTranslate(-150%); } 50% { .notificationTranslate(8%); } 65% { .notificationTranslate(-4%); } 80% { .notificationTranslate(4%); } 95% { .notificationTranslate(-2%); } 100% { .notificationTranslate(0%); } } @-webkit-keyframes mf-notification-slide-right { .notificationSlideRight; } @keyframes mf-notification-slide-right { .notificationSlideRight; } |