Spaces:
No application file
No application file
File size: 1,473 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 77 |
.modalTranslate(@x; @y) { -webkit-transform: translate(@x, @y); -ms-transform: translate(@x, @y); transform: translate(@x, @y); } .modalAnimate() { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .modalAnimateName(@name) { -webkit-animation-name: @name; animation-name: @name; } .modalSlideDownTop() { 0% { margin-top: -100%; .modalTranslate(-50%, -150%); } 100% { margin-top: 0; .modalTranslate(-50%, 0); } } @-webkit-keyframes mf-modal-slide-down-top { .modalSlideDownTop; } @keyframes mf-modal-slide-down-top { .modalSlideDownTop; } .modalSlideDownMiddle() { 0% { margin-top: -100%; .modalTranslate(-50%, -150%); } 100% { margin-top: 0; .modalTranslate(-50%, -50%); } } @-webkit-keyframes mf-modal-slide-down-middle { .modalSlideDownMiddle; } @keyframes mf-modal-slide-down-middle { .modalSlideDownMiddle; } .modalSlideUpBottom() { 0% { margin-bottom: -100%; .modalTranslate(-50%, 150%); } 100% { margin-bottom: 0; .modalTranslate(-50%, 0); } } @-webkit-keyframes mf-modal-slide-up-bottom { .modalSlideUpBottom; } @keyframes mf-modal-slide-up-bottom { .modalSlideUpBottom; } |