From e9ad18d396dd670cc1a8117b08050660fd71a1d3 Mon Sep 17 00:00:00 2001 From: Joe Workman Date: Thu, 26 Sep 2024 14:03:54 -0700 Subject: [PATCH 1/2] Update dist files --- dist/motion-ui.css | 699 +++++++++++------------------------------ dist/motion-ui.min.css | 2 +- dist/motion-ui.min.js | 2 +- 3 files changed, 177 insertions(+), 526 deletions(-) diff --git a/dist/motion-ui.css b/dist/motion-ui.css index 8ede563..d94cd9c 100644 --- a/dist/motion-ui.css +++ b/dist/motion-ui.css @@ -1,186 +1,103 @@ .slide-in-down.mui-enter { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: translateY(-100%); - -ms-transform: translateY(-100%); - transform: translateY(-100%); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: translateY(-100%); transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; } .slide-in-down.mui-enter.mui-enter-active { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); } .slide-in-left.mui-enter { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: translateX(-100%); - -ms-transform: translateX(-100%); - transform: translateX(-100%); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: translateX(-100%); transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; } .slide-in-left.mui-enter.mui-enter-active { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); + transform: translateX(0); } .slide-in-up.mui-enter { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: translateY(100%); - -ms-transform: translateY(100%); - transform: translateY(100%); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: translateY(100%); transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; } .slide-in-up.mui-enter.mui-enter-active { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); } .slide-in-right.mui-enter { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: translateX(100%); - -ms-transform: translateX(100%); - transform: translateX(100%); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: translateX(100%); transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; } .slide-in-right.mui-enter.mui-enter-active { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); + transform: translateX(0); } .slide-out-down.mui-leave { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: translateY(0); transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; } .slide-out-down.mui-leave.mui-leave-active { - -webkit-transform: translateY(100%); - -ms-transform: translateY(100%); - transform: translateY(100%); + transform: translateY(100%); } .slide-out-right.mui-leave { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: translateX(0); transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; } .slide-out-right.mui-leave.mui-leave-active { - -webkit-transform: translateX(100%); - -ms-transform: translateX(100%); - transform: translateX(100%); + transform: translateX(100%); } .slide-out-up.mui-leave { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: translateY(0); transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; } .slide-out-up.mui-leave.mui-leave-active { - -webkit-transform: translateY(-100%); - -ms-transform: translateY(-100%); - transform: translateY(-100%); + transform: translateY(-100%); } .slide-out-left.mui-leave { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: translateX(0); transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; } .slide-out-left.mui-leave.mui-leave-active { - -webkit-transform: translateX(-100%); - -ms-transform: translateX(-100%); - transform: translateX(-100%); + transform: translateX(-100%); } .fade-in.mui-enter { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-duration: 500ms; + transition-timing-function: linear; opacity: 0; - -webkit-transition-property: opacity; transition-property: opacity; } @@ -189,12 +106,9 @@ } .fade-out.mui-leave { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-duration: 500ms; + transition-timing-function: linear; opacity: 1; - -webkit-transition-property: opacity; transition-property: opacity; } @@ -203,622 +117,373 @@ } .hinge-in-from-top.mui-enter { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); - -webkit-transform-origin: top; - -ms-transform-origin: top; - transform-origin: top; - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotateX(-90deg); + transform-origin: top; transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; opacity: 0; } .hinge-in-from-top.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-right.mui-enter { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); - -webkit-transform-origin: right; - -ms-transform-origin: right; - transform-origin: right; - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotateY(-90deg); + transform-origin: right; transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; opacity: 0; } .hinge-in-from-right.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-bottom.mui-enter { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateX(90deg); - transform: perspective(2000px) rotateX(90deg); - -webkit-transform-origin: bottom; - -ms-transform-origin: bottom; - transform-origin: bottom; - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotateX(90deg); + transform-origin: bottom; transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; opacity: 0; } .hinge-in-from-bottom.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-left.mui-enter { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateY(90deg); - transform: perspective(2000px) rotateY(90deg); - -webkit-transform-origin: left; - -ms-transform-origin: left; - transform-origin: left; - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotateY(90deg); + transform-origin: left; transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; opacity: 0; } .hinge-in-from-left.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-x.mui-enter { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotateX(-90deg); + transform-origin: center; transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; opacity: 0; } .hinge-in-from-middle-x.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-y.mui-enter { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotateY(-90deg); + transform-origin: center; transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; opacity: 0; } .hinge-in-from-middle-y.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-out-from-top.mui-leave { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: top; - -ms-transform-origin: top; - transform-origin: top; - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotate(0deg); + transform-origin: top; transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; opacity: 1; } .hinge-out-from-top.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateX(90deg); - transform: perspective(2000px) rotateX(90deg); + transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-right.mui-leave { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: right; - -ms-transform-origin: right; - transform-origin: right; - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotate(0deg); + transform-origin: right; transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; opacity: 1; } .hinge-out-from-right.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateY(90deg); - transform: perspective(2000px) rotateY(90deg); + transform: perspective(2000px) rotateY(90deg); opacity: 0; } .hinge-out-from-bottom.mui-leave { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: bottom; - -ms-transform-origin: bottom; - transform-origin: bottom; - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotate(0deg); + transform-origin: bottom; transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; opacity: 1; } .hinge-out-from-bottom.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); + transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-left.mui-leave { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: left; - -ms-transform-origin: left; - transform-origin: left; - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotate(0deg); + transform-origin: left; transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; opacity: 1; } .hinge-out-from-left.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); + transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .hinge-out-from-middle-x.mui-leave { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotate(0deg); + transform-origin: center; transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; opacity: 1; } .hinge-out-from-middle-x.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateX(90deg); - transform: perspective(2000px) rotateX(90deg); + transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-middle-y.mui-leave { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotate(0deg); + transform-origin: center; transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; opacity: 1; } .hinge-out-from-middle-y.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateY(90deg); - transform: perspective(2000px) rotateY(90deg); + transform: perspective(2000px) rotateY(90deg); opacity: 0; } .scale-in-up.mui-enter { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: scale(0.5); - -ms-transform: scale(0.5); - transform: scale(0.5); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: scale(0.5); transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; opacity: 0; } .scale-in-up.mui-enter.mui-enter-active { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); + transform: scale(1); opacity: 1; } .scale-in-down.mui-enter { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: scale(1.5); transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; opacity: 0; } .scale-in-down.mui-enter.mui-enter-active { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); + transform: scale(1); opacity: 1; } .scale-out-up.mui-leave { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: scale(1); transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; opacity: 1; } .scale-out-up.mui-leave.mui-leave-active { - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); + transform: scale(1.5); opacity: 0; } .scale-out-down.mui-leave { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: scale(1); transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; opacity: 1; } .scale-out-down.mui-leave.mui-leave-active { - -webkit-transform: scale(0.5); - -ms-transform: scale(0.5); - transform: scale(0.5); + transform: scale(0.5); opacity: 0; } .spin-in.mui-enter { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: rotate(-0.75turn); - -ms-transform: rotate(-0.75turn); - transform: rotate(-0.75turn); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: rotate(-0.75turn); transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; opacity: 0; } .spin-in.mui-enter.mui-enter-active { - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); + transform: rotate(0); opacity: 1; } .spin-out.mui-leave { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: rotate(0); transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; opacity: 1; } .spin-out.mui-leave.mui-leave-active { - -webkit-transform: rotate(0.75turn); - -ms-transform: rotate(0.75turn); - transform: rotate(0.75turn); + transform: rotate(0.75turn); opacity: 0; } .spin-in-ccw.mui-enter { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: rotate(0.75turn); - -ms-transform: rotate(0.75turn); - transform: rotate(0.75turn); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: rotate(0.75turn); transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; opacity: 0; } .spin-in-ccw.mui-enter.mui-enter-active { - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); + transform: rotate(0); opacity: 1; } .spin-out-ccw.mui-leave { - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transition-duration: 500ms; + transition-timing-function: linear; + transform: rotate(0); transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; opacity: 1; } .spin-out-ccw.mui-leave.mui-leave-active { - -webkit-transform: rotate(-0.75turn); - -ms-transform: rotate(-0.75turn); - transform: rotate(-0.75turn); + transform: rotate(-0.75turn); opacity: 0; } .slow { - -webkit-transition-duration: 750ms !important; - transition-duration: 750ms !important; + transition-duration: 750ms !important; } .fast { - -webkit-transition-duration: 250ms !important; - transition-duration: 250ms !important; + transition-duration: 250ms !important; } .linear { - -webkit-transition-timing-function: linear !important; - transition-timing-function: linear !important; + transition-timing-function: linear !important; } .ease { - -webkit-transition-timing-function: ease !important; - transition-timing-function: ease !important; + transition-timing-function: ease !important; } .ease-in { - -webkit-transition-timing-function: ease-in !important; - transition-timing-function: ease-in !important; + transition-timing-function: ease-in !important; } .ease-out { - -webkit-transition-timing-function: ease-out !important; - transition-timing-function: ease-out !important; + transition-timing-function: ease-out !important; } .ease-in-out { - -webkit-transition-timing-function: ease-in-out !important; - transition-timing-function: ease-in-out !important; + transition-timing-function: ease-in-out !important; } .bounce-in { - -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; - transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; + transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { - -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; - transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; + transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { - -webkit-transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; - transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; + transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { - -webkit-transition-delay: 300ms !important; - transition-delay: 300ms !important; + transition-delay: 300ms !important; } .long-delay { - -webkit-transition-delay: 700ms !important; - transition-delay: 700ms !important; + transition-delay: 700ms !important; } .shake { - -webkit-animation-name: shake-7; - animation-name: shake-7; -} -@-webkit-keyframes shake-7 { - 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { - -webkit-transform: translateX(7%); - transform: translateX(7%); - } - 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { - -webkit-transform: translateX(-7%); - transform: translateX(-7%); - } + animation-name: shake-7; } @keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { - -webkit-transform: translateX(7%); - transform: translateX(7%); + transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { - -webkit-transform: translateX(-7%); - transform: translateX(-7%); + transform: translateX(-7%); } } .spin-cw { - -webkit-animation-name: spin-cw-1turn; - animation-name: spin-cw-1turn; -} -@-webkit-keyframes spin-cw-1turn { - 0% { - -webkit-transform: rotate(-1turn); - transform: rotate(-1turn); - } - 100% { - -webkit-transform: rotate(0); - transform: rotate(0); - } + animation-name: spin-cw-1turn; } @keyframes spin-cw-1turn { 0% { - -webkit-transform: rotate(-1turn); - transform: rotate(-1turn); + transform: rotate(-1turn); } 100% { - -webkit-transform: rotate(0); - transform: rotate(0); + transform: rotate(0); } } .spin-ccw { - -webkit-animation-name: spin-ccw-1turn; - animation-name: spin-ccw-1turn; -} -@-webkit-keyframes spin-ccw-1turn { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(-1turn); - transform: rotate(-1turn); - } + animation-name: spin-ccw-1turn; } @keyframes spin-ccw-1turn { 0% { - -webkit-transform: rotate(0); - transform: rotate(0); + transform: rotate(0); } 100% { - -webkit-transform: rotate(-1turn); - transform: rotate(-1turn); + transform: rotate(-1turn); } } .wiggle { - -webkit-animation-name: wiggle-7deg; - animation-name: wiggle-7deg; -} -@-webkit-keyframes wiggle-7deg { - 40%, 50%, 60% { - -webkit-transform: rotate(7deg); - transform: rotate(7deg); - } - 35%, 45%, 55%, 65% { - -webkit-transform: rotate(-7deg); - transform: rotate(-7deg); - } - 0%, 30%, 70%, 100% { - -webkit-transform: rotate(0); - transform: rotate(0); - } + animation-name: wiggle-7deg; } @keyframes wiggle-7deg { 40%, 50%, 60% { - -webkit-transform: rotate(7deg); - transform: rotate(7deg); + transform: rotate(7deg); } 35%, 45%, 55%, 65% { - -webkit-transform: rotate(-7deg); - transform: rotate(-7deg); + transform: rotate(-7deg); } 0%, 30%, 70%, 100% { - -webkit-transform: rotate(0); - transform: rotate(0); + transform: rotate(0); } } @@ -826,71 +491,57 @@ .spin-cw, .spin-ccw, .wiggle { - -webkit-animation-duration: 500ms; - animation-duration: 500ms; + animation-duration: 500ms; } .infinite { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; + animation-iteration-count: infinite; } .slow { - -webkit-animation-duration: 750ms !important; - animation-duration: 750ms !important; + animation-duration: 750ms !important; } .fast { - -webkit-animation-duration: 250ms !important; - animation-duration: 250ms !important; + animation-duration: 250ms !important; } .linear { - -webkit-animation-timing-function: linear !important; - animation-timing-function: linear !important; + animation-timing-function: linear !important; } .ease { - -webkit-animation-timing-function: ease !important; - animation-timing-function: ease !important; + animation-timing-function: ease !important; } .ease-in { - -webkit-animation-timing-function: ease-in !important; - animation-timing-function: ease-in !important; + animation-timing-function: ease-in !important; } .ease-out { - -webkit-animation-timing-function: ease-out !important; - animation-timing-function: ease-out !important; + animation-timing-function: ease-out !important; } .ease-in-out { - -webkit-animation-timing-function: ease-in-out !important; - animation-timing-function: ease-in-out !important; + animation-timing-function: ease-in-out !important; } .bounce-in { - -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; - animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; + animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { - -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; - animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; + animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { - -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; - animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; + animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { - -webkit-animation-delay: 300ms !important; - animation-delay: 300ms !important; + animation-delay: 300ms !important; } .long-delay { - -webkit-animation-delay: 700ms !important; - animation-delay: 700ms !important; + animation-delay: 700ms !important; } \ No newline at end of file diff --git a/dist/motion-ui.min.css b/dist/motion-ui.min.css index 8c8137f..cc73dc9 100644 --- a/dist/motion-ui.min.css +++ b/dist/motion-ui.min.css @@ -1 +1 @@ -.slide-in-down.mui-enter{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slide-in-left.mui-enter,.slide-in-up.mui-enter{-webkit-transition-duration:.5s;-webkit-transition-timing-function:linear;-webkit-transition-property:opacity,-webkit-transform;-webkit-backface-visibility:hidden}.slide-in-down.mui-enter.mui-enter-active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.slide-in-left.mui-enter{transition-duration:.5s;transition-timing-function:linear;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;backface-visibility:hidden}.slide-in-left.mui-enter.mui-enter-active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.slide-in-up.mui-enter{transition-duration:.5s;transition-timing-function:linear;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;backface-visibility:hidden}.slide-in-right.mui-enter,.slide-out-down.mui-leave{-webkit-transition-duration:.5s;-webkit-transition-timing-function:linear;-webkit-transition-property:opacity,-webkit-transform;-webkit-backface-visibility:hidden}.slide-in-up.mui-enter.mui-enter-active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.slide-in-right.mui-enter{transition-duration:.5s;transition-timing-function:linear;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;backface-visibility:hidden}.slide-out-left.mui-leave,.slide-out-right.mui-leave{-webkit-transform:translateX(0);-ms-transform:translateX(0)}.slide-in-right.mui-enter.mui-enter-active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.slide-out-down.mui-leave{transition-duration:.5s;transition-timing-function:linear;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;backface-visibility:hidden}.slide-out-right.mui-leave,.slide-out-up.mui-leave{-webkit-transition-duration:.5s;-webkit-transition-property:opacity,-webkit-transform;-webkit-backface-visibility:hidden}.slide-out-down.mui-leave.mui-leave-active{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.slide-out-right.mui-leave{transition-duration:.5s;-webkit-transition-timing-function:linear;transition-timing-function:linear;transform:translateX(0);transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;backface-visibility:hidden}.slide-out-right.mui-leave.mui-leave-active{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.slide-out-up.mui-leave{transition-duration:.5s;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;backface-visibility:hidden}.slide-out-up.mui-leave.mui-leave-active{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.slide-out-left.mui-leave{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:linear;transition-timing-function:linear;transform:translateX(0);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slide-out-left.mui-leave.mui-leave-active{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.fade-in.mui-enter{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:linear;transition-timing-function:linear;opacity:0;-webkit-transition-property:opacity;transition-property:opacity}.fade-in.mui-enter.mui-enter-active{opacity:1}.fade-out.mui-leave{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:linear;transition-timing-function:linear;opacity:1;-webkit-transition-property:opacity;transition-property:opacity}.hinge-in-from-bottom.mui-enter,.hinge-in-from-right.mui-enter,.hinge-in-from-top.mui-enter{-webkit-transition-property:opacity,-webkit-transform;-webkit-transition-duration:.5s}.fade-out.mui-leave.mui-leave-active{opacity:0}.hinge-in-from-top.mui-enter{transition-duration:.5s;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;opacity:0}.hinge-in-from-top.mui-enter.mui-enter-active{-webkit-transform:perspective(2000px) rotate(0);transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-right.mui-enter{transition-duration:.5s;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transform:perspective(2000px) rotateY(-90deg);transform:perspective(2000px) rotateY(-90deg);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;opacity:0}.hinge-in-from-right.mui-enter.mui-enter-active{-webkit-transform:perspective(2000px) rotate(0);transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-bottom.mui-enter,.hinge-in-from-left.mui-enter,.hinge-in-from-middle-x.mui-enter{-webkit-transition-timing-function:linear;opacity:0}.hinge-in-from-bottom.mui-enter{transition-duration:.5s;transition-timing-function:linear;-webkit-transform:perspective(2000px) rotateX(90deg);transform:perspective(2000px) rotateX(90deg);-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.hinge-in-from-bottom.mui-enter.mui-enter-active{-webkit-transform:perspective(2000px) rotate(0);transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-left.mui-enter{-webkit-transition-duration:.5s;transition-duration:.5s;transition-timing-function:linear;-webkit-transform:perspective(2000px) rotateY(90deg);transform:perspective(2000px) rotateY(90deg);-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.hinge-in-from-left.mui-enter.mui-enter-active{-webkit-transform:perspective(2000px) rotate(0);transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-middle-x.mui-enter{-webkit-transition-duration:.5s;transition-duration:.5s;transition-timing-function:linear;-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.hinge-in-from-middle-y.mui-enter,.hinge-out-from-bottom.mui-leave,.hinge-out-from-right.mui-leave,.hinge-out-from-top.mui-leave{-webkit-transition-property:opacity,-webkit-transform}.hinge-in-from-middle-x.mui-enter.mui-enter-active{-webkit-transform:perspective(2000px) rotate(0);transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-middle-y.mui-enter{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transform:perspective(2000px) rotateY(-90deg);transform:perspective(2000px) rotateY(-90deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;opacity:0}.hinge-in-from-middle-y.mui-enter.mui-enter-active{-webkit-transform:perspective(2000px) rotate(0);transform:perspective(2000px) rotate(0);opacity:1}.hinge-out-from-top.mui-leave{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transform:perspective(2000px) rotate(0);transform:perspective(2000px) rotate(0);-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;opacity:1}.hinge-out-from-top.mui-leave.mui-leave-active{-webkit-transform:perspective(2000px) rotateX(90deg);transform:perspective(2000px) rotateX(90deg);opacity:0}.hinge-out-from-right.mui-leave{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transform:perspective(2000px) rotate(0);transform:perspective(2000px) rotate(0);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;opacity:1}.hinge-out-from-right.mui-leave.mui-leave-active{-webkit-transform:perspective(2000px) rotateY(90deg);transform:perspective(2000px) rotateY(90deg);opacity:0}.hinge-out-from-bottom.mui-leave{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transform:perspective(2000px) rotate(0);transform:perspective(2000px) rotate(0);-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;opacity:1}.hinge-out-from-bottom.mui-leave.mui-leave-active{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}.hinge-out-from-left.mui-leave,.hinge-out-from-middle-x.mui-leave{-webkit-transition-timing-function:linear;-webkit-transform:perspective(2000px) rotate(0)}.hinge-out-from-left.mui-leave{-webkit-transition-duration:.5s;transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotate(0);-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;opacity:1}.hinge-out-from-left.mui-leave.mui-leave-active{-webkit-transform:perspective(2000px) rotateY(-90deg);transform:perspective(2000px) rotateY(-90deg);opacity:0}.hinge-out-from-middle-x.mui-leave{-webkit-transition-duration:.5s;transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotate(0);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;opacity:1}.hinge-out-from-middle-x.mui-leave.mui-leave-active{-webkit-transform:perspective(2000px) rotateX(90deg);transform:perspective(2000px) rotateX(90deg);opacity:0}.hinge-out-from-middle-y.mui-leave{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transform:perspective(2000px) rotate(0);transform:perspective(2000px) rotate(0);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;opacity:1}.hinge-out-from-middle-y.mui-leave.mui-leave-active{-webkit-transform:perspective(2000px) rotateY(90deg);transform:perspective(2000px) rotateY(90deg);opacity:0}.scale-in-up.mui-enter{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;opacity:0}.scale-in-down.mui-enter,.scale-out-up.mui-leave{-webkit-transition-property:opacity,-webkit-transform}.scale-in-up.mui-enter.mui-enter-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.scale-in-down.mui-enter{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;opacity:0}.scale-out-down.mui-leave,.scale-out-up.mui-leave,.spin-in.mui-enter{-webkit-transition-timing-function:linear}.scale-in-down.mui-enter.mui-enter-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.scale-out-up.mui-leave{-webkit-transition-duration:.5s;transition-duration:.5s;transition-timing-function:linear;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;opacity:1}.scale-out-down.mui-leave,.spin-in.mui-enter{-webkit-transition-duration:.5s;-webkit-transition-property:opacity,-webkit-transform}.scale-out-up.mui-leave.mui-leave-active{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);opacity:0}.scale-out-down.mui-leave{transition-duration:.5s;transition-timing-function:linear;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;opacity:1}.scale-out-down.mui-leave.mui-leave-active{-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);opacity:0}.spin-in.mui-enter{transition-duration:.5s;transition-timing-function:linear;-webkit-transform:rotate(-.75turn);-ms-transform:rotate(-.75turn);transform:rotate(-.75turn);transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;opacity:0}.spin-in-ccw.mui-enter,.spin-out.mui-leave{-webkit-transition-duration:.5s;-webkit-transition-timing-function:linear;-webkit-transition-property:opacity,-webkit-transform}.spin-in.mui-enter.mui-enter-active{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}.spin-out.mui-leave{transition-duration:.5s;transition-timing-function:linear;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;opacity:1}.spin-out.mui-leave.mui-leave-active{-webkit-transform:rotate(.75turn);-ms-transform:rotate(.75turn);transform:rotate(.75turn);opacity:0}.spin-in-ccw.mui-enter{transition-duration:.5s;transition-timing-function:linear;-webkit-transform:rotate(.75turn);-ms-transform:rotate(.75turn);transform:rotate(.75turn);transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;opacity:0}.spin-in-ccw.mui-enter.mui-enter-active{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}.spin-out-ccw.mui-leave{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;opacity:1}.spin-out-ccw.mui-leave.mui-leave-active{-webkit-transform:rotate(-.75turn);-ms-transform:rotate(-.75turn);transform:rotate(-.75turn);opacity:0}.slow{-webkit-transition-duration:750ms!important;transition-duration:750ms!important}.linear{-webkit-transition-timing-function:linear!important;transition-timing-function:linear!important;-webkit-animation-timing-function:linear!important;animation-timing-function:linear!important}.ease{-webkit-transition-timing-function:ease!important;transition-timing-function:ease!important;-webkit-animation-timing-function:ease!important;animation-timing-function:ease!important}.ease-in{-webkit-transition-timing-function:ease-in!important;transition-timing-function:ease-in!important;-webkit-animation-timing-function:ease-in!important;animation-timing-function:ease-in!important}.ease-out{-webkit-transition-timing-function:ease-out!important;transition-timing-function:ease-out!important;-webkit-animation-timing-function:ease-out!important;animation-timing-function:ease-out!important}.ease-in-out{-webkit-transition-timing-function:ease-in-out!important;transition-timing-function:ease-in-out!important;-webkit-animation-timing-function:ease-in-out!important;animation-timing-function:ease-in-out!important}.bounce-in{-webkit-transition-timing-function:cubic-bezier(.485,.155,.24,1.245)!important;transition-timing-function:cubic-bezier(.485,.155,.24,1.245)!important;-webkit-animation-timing-function:cubic-bezier(.485,.155,.24,1.245)!important;animation-timing-function:cubic-bezier(.485,.155,.24,1.245)!important}.bounce-out{-webkit-transition-timing-function:cubic-bezier(.485,.155,.515,.845)!important;transition-timing-function:cubic-bezier(.485,.155,.515,.845)!important;-webkit-animation-timing-function:cubic-bezier(.485,.155,.515,.845)!important;animation-timing-function:cubic-bezier(.485,.155,.515,.845)!important}.bounce-in-out{-webkit-transition-timing-function:cubic-bezier(.76,-.245,.24,1.245)!important;transition-timing-function:cubic-bezier(.76,-.245,.24,1.245)!important;-webkit-animation-timing-function:cubic-bezier(.76,-.245,.24,1.245)!important;animation-timing-function:cubic-bezier(.76,-.245,.24,1.245)!important}.short-delay{-webkit-transition-delay:.3s!important;transition-delay:.3s!important;-webkit-animation-delay:.3s!important;animation-delay:.3s!important}.long-delay{-webkit-transition-delay:.7s!important;transition-delay:.7s!important;-webkit-animation-delay:.7s!important;animation-delay:.7s!important}.shake{-webkit-animation-name:shake-7;animation-name:shake-7}@-webkit-keyframes shake-7{0%,10%,20%,30%,40%,50%,60%,70%,80%,90%{-webkit-transform:translateX(7%);transform:translateX(7%)}15%,25%,35%,45%,5%,55%,65%,75%,85%,95%{-webkit-transform:translateX(-7%);transform:translateX(-7%)}}@keyframes shake-7{0%,10%,20%,30%,40%,50%,60%,70%,80%,90%{-webkit-transform:translateX(7%);transform:translateX(7%)}15%,25%,35%,45%,5%,55%,65%,75%,85%,95%{-webkit-transform:translateX(-7%);transform:translateX(-7%)}}.spin-cw{-webkit-animation-name:spin-cw-1turn;animation-name:spin-cw-1turn}@-webkit-keyframes spin-cw-1turn{0%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes spin-cw-1turn{0%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.spin-ccw{-webkit-animation-name:spin-ccw-1turn;animation-name:spin-ccw-1turn}@-webkit-keyframes spin-ccw-1turn{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes spin-ccw-1turn{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.wiggle{-webkit-animation-name:wiggle-7deg;animation-name:wiggle-7deg}@-webkit-keyframes wiggle-7deg{40%,50%,60%{-webkit-transform:rotate(7deg);transform:rotate(7deg)}35%,45%,55%,65%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}0%,100%,30%,70%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes wiggle-7deg{40%,50%,60%{-webkit-transform:rotate(7deg);transform:rotate(7deg)}35%,45%,55%,65%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}0%,100%,30%,70%{-webkit-transform:rotate(0);transform:rotate(0)}}.shake,.spin-ccw,.spin-cw,.wiggle{-webkit-animation-duration:.5s;animation-duration:.5s}.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.slow{-webkit-animation-duration:750ms!important;animation-duration:750ms!important}.fast{-webkit-transition-duration:250ms!important;transition-duration:250ms!important;-webkit-animation-duration:250ms!important;animation-duration:250ms!important} \ No newline at end of file +.slide-in-down.mui-enter,.slide-in-left.mui-enter,.slide-in-right.mui-enter,.slide-in-up.mui-enter,.slide-out-down.mui-leave,.slide-out-left.mui-leave,.slide-out-right.mui-leave,.slide-out-up.mui-leave{transition-duration:.5s;transition-timing-function:linear;transition-property:transform,opacity;backface-visibility:hidden}.slide-in-down.mui-enter{transform:translateY(-100%)}.slide-in-down.mui-enter.mui-enter-active{transform:translateY(0)}.slide-in-left.mui-enter{transform:translateX(-100%)}.slide-in-left.mui-enter.mui-enter-active{transform:translateX(0)}.slide-in-up.mui-enter{transform:translateY(100%)}.slide-in-up.mui-enter.mui-enter-active{transform:translateY(0)}.slide-in-right.mui-enter{transform:translateX(100%)}.slide-in-right.mui-enter.mui-enter-active{transform:translateX(0)}.slide-out-down.mui-leave{transform:translateY(0)}.slide-out-down.mui-leave.mui-leave-active{transform:translateY(100%)}.slide-out-right.mui-leave{transform:translateX(0)}.slide-out-right.mui-leave.mui-leave-active{transform:translateX(100%)}.slide-out-up.mui-leave{transform:translateY(0)}.slide-out-up.mui-leave.mui-leave-active{transform:translateY(-100%)}.slide-out-left.mui-leave{transform:translateX(0)}.fade-in.mui-enter,.fade-out.mui-leave{transition-duration:.5s;transition-timing-function:linear;transition-property:opacity}.slide-out-left.mui-leave.mui-leave-active{transform:translateX(-100%)}.fade-in.mui-enter{opacity:0}.fade-in.mui-enter.mui-enter-active,.fade-out.mui-leave{opacity:1}.hinge-in-from-bottom.mui-enter,.hinge-in-from-left.mui-enter,.hinge-in-from-middle-x.mui-enter,.hinge-in-from-middle-y.mui-enter,.hinge-in-from-right.mui-enter,.hinge-in-from-top.mui-enter,.hinge-out-from-bottom.mui-leave,.hinge-out-from-left.mui-leave,.hinge-out-from-middle-x.mui-leave,.hinge-out-from-middle-y.mui-leave,.hinge-out-from-right.mui-leave,.hinge-out-from-top.mui-leave,.scale-in-down.mui-enter,.scale-in-up.mui-enter,.scale-out-down.mui-leave,.scale-out-up.mui-leave,.spin-in-ccw.mui-enter,.spin-in.mui-enter,.spin-out-ccw.mui-leave,.spin-out.mui-leave{transition-duration:.5s;transition-timing-function:linear;transition-property:transform,opacity}.fade-out.mui-leave.mui-leave-active{opacity:0}.hinge-in-from-top.mui-enter{transform:perspective(2000px) rotateX(-90deg);transform-origin:top;opacity:0}.hinge-in-from-top.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-right.mui-enter{transform:perspective(2000px) rotateY(-90deg);transform-origin:right;opacity:0}.hinge-in-from-right.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-bottom.mui-enter{transform:perspective(2000px) rotateX(90deg);transform-origin:bottom;opacity:0}.hinge-in-from-bottom.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-left.mui-enter{transform:perspective(2000px) rotateY(90deg);transform-origin:left;opacity:0}.hinge-in-from-left.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-middle-x.mui-enter{transform:perspective(2000px) rotateX(-90deg);transform-origin:center;opacity:0}.hinge-in-from-middle-x.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-middle-y.mui-enter{transform:perspective(2000px) rotateY(-90deg);transform-origin:center;opacity:0}.hinge-in-from-middle-y.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-out-from-top.mui-leave{transform:perspective(2000px) rotate(0);transform-origin:top;opacity:1}.hinge-out-from-top.mui-leave.mui-leave-active{transform:perspective(2000px) rotateX(90deg);opacity:0}.hinge-out-from-right.mui-leave{transform:perspective(2000px) rotate(0);transform-origin:right;opacity:1}.hinge-out-from-right.mui-leave.mui-leave-active{transform:perspective(2000px) rotateY(90deg);opacity:0}.hinge-out-from-bottom.mui-leave{transform:perspective(2000px) rotate(0);transform-origin:bottom;opacity:1}.hinge-out-from-bottom.mui-leave.mui-leave-active{transform:perspective(2000px) rotateX(-90deg);opacity:0}.hinge-out-from-left.mui-leave{transform:perspective(2000px) rotate(0);transform-origin:left;opacity:1}.hinge-out-from-left.mui-leave.mui-leave-active{transform:perspective(2000px) rotateY(-90deg);opacity:0}.hinge-out-from-middle-x.mui-leave{transform:perspective(2000px) rotate(0);transform-origin:center;opacity:1}.hinge-out-from-middle-x.mui-leave.mui-leave-active{transform:perspective(2000px) rotateX(90deg);opacity:0}.hinge-out-from-middle-y.mui-leave{transform:perspective(2000px) rotate(0);transform-origin:center;opacity:1}.hinge-out-from-middle-y.mui-leave.mui-leave-active{transform:perspective(2000px) rotateY(90deg);opacity:0}.scale-in-up.mui-enter{transform:scale(.5);opacity:0}.scale-in-up.mui-enter.mui-enter-active{transform:scale(1);opacity:1}.scale-in-down.mui-enter{transform:scale(1.5);opacity:0}.scale-in-down.mui-enter.mui-enter-active,.scale-out-down.mui-leave,.scale-out-up.mui-leave{transform:scale(1);opacity:1}.scale-out-up.mui-leave.mui-leave-active{transform:scale(1.5);opacity:0}.scale-out-down.mui-leave.mui-leave-active{transform:scale(.5);opacity:0}.spin-in.mui-enter{transform:rotate(-.75turn);opacity:0}.spin-in.mui-enter.mui-enter-active,.spin-out.mui-leave{transform:rotate(0);opacity:1}.spin-in-ccw.mui-enter,.spin-out.mui-leave.mui-leave-active{transform:rotate(.75turn);opacity:0}.spin-in-ccw.mui-enter.mui-enter-active,.spin-out-ccw.mui-leave{transform:rotate(0);opacity:1}.spin-out-ccw.mui-leave.mui-leave-active{transform:rotate(-.75turn);opacity:0}.slow{transition-duration:750ms!important}.linear{transition-timing-function:linear!important;animation-timing-function:linear!important}.ease{transition-timing-function:ease!important;animation-timing-function:ease!important}.ease-in{transition-timing-function:ease-in!important;animation-timing-function:ease-in!important}.ease-out{transition-timing-function:ease-out!important;animation-timing-function:ease-out!important}.ease-in-out{transition-timing-function:ease-in-out!important;animation-timing-function:ease-in-out!important}.bounce-in{transition-timing-function:cubic-bezier(.485,.155,.24,1.245)!important;animation-timing-function:cubic-bezier(.485,.155,.24,1.245)!important}.bounce-out{transition-timing-function:cubic-bezier(.485,.155,.515,.845)!important;animation-timing-function:cubic-bezier(.485,.155,.515,.845)!important}.bounce-in-out{transition-timing-function:cubic-bezier(.76,-.245,.24,1.245)!important;animation-timing-function:cubic-bezier(.76,-.245,.24,1.245)!important}.short-delay{transition-delay:.3s!important;animation-delay:.3s!important}.long-delay{transition-delay:.7s!important;animation-delay:.7s!important}.shake{animation-name:shake-7}@keyframes shake-7{0%,10%,20%,30%,40%,50%,60%,70%,80%,90%{transform:translateX(7%)}15%,25%,35%,45%,5%,55%,65%,75%,85%,95%{transform:translateX(-7%)}}.spin-cw{animation-name:spin-cw-1turn}@keyframes spin-cw-1turn{0%{transform:rotate(-1turn)}100%{transform:rotate(0)}}.spin-ccw{animation-name:spin-ccw-1turn}@keyframes spin-ccw-1turn{0%{transform:rotate(0)}100%{transform:rotate(-1turn)}}.wiggle{animation-name:wiggle-7deg}@keyframes wiggle-7deg{40%,50%,60%{transform:rotate(7deg)}35%,45%,55%,65%{transform:rotate(-7deg)}0%,100%,30%,70%{transform:rotate(0)}}.shake,.spin-ccw,.spin-cw,.wiggle{animation-duration:.5s}.infinite{animation-iteration-count:infinite}.slow{animation-duration:750ms!important}.fast{transition-duration:250ms!important;animation-duration:250ms!important} \ No newline at end of file diff --git a/dist/motion-ui.min.js b/dist/motion-ui.min.js index 46da730..5403b95 100644 --- a/dist/motion-ui.min.js +++ b/dist/motion-ui.min.js @@ -1 +1 @@ -!function(n,e){"function"==typeof define&&define.amd?define(["jquery"],e):"object"==typeof exports?module.exports=e(require("jquery")):n.MotionUI=e(n.jQuery)}(this,function(s){"use strict";Date.now||(Date.now=function(){return(new Date).getTime()});for(var t,n=["webkit","moz"],e=0;e{"function"==typeof define&&define.amd?define(["jquery"],e):"object"==typeof exports?module.exports=e(require("jquery")):n.MotionUI=e(n.jQuery)})(this,function(s){Date.now||(Date.now=function(){return(new Date).getTime()});for(var t,n=["webkit","moz"],e=0;e{var n,e={transition:"transitionend",WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"otransitionend"},i=window.document.createElement("div");for(n in e)if(void 0!==i.style[n])return e[n];return null})();function o(n,e,i,t){var o,a;function r(){e[0].style.transitionDuration=0,e.removeClass(o+" "+a+" "+i)}(e=s(e).eq(0)).length&&(null===d?(n?e.show():e.hide(),t()):(o=n?u[0]:u[1],a=n?m[0]:m[1],r(),e.addClass(i),e.css("transition","none"),requestAnimationFrame(function(){e.addClass(o),n&&e.show()}),requestAnimationFrame(function(){e[0].offsetWidth,e.css("transition",""),e.addClass(a)}),e.one("transitionend",function(){n||e.hide();r(),t&&t.apply(e)})))}return{animateIn:function(n,e,i){o(!0,n,e,i)},animateOut:function(n,e,i){o(!1,n,e,i)}}}); \ No newline at end of file From 86a2e783b8a1d5994e10e9adc464bc55894e90cf Mon Sep 17 00:00:00 2001 From: Joe Workman Date: Thu, 26 Sep 2024 14:04:51 -0700 Subject: [PATCH 2/2] updated version 2.0.7 --- CHANGELOG.md | 4 ++++ package.js | 2 +- package.json | 2 +- 3 files changed, 6 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 33a4e80..575fdbb 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,9 @@ # Changelog +# 2.0.7 (26 Sept 2024) + +* Updated dist file from 2.0.6 release + # 2.0.6 (26 Sept 2024) * Move to sass-embedded for faster builds diff --git a/package.js b/package.js index 5f3c0f9..5e96259 100644 --- a/package.js +++ b/package.js @@ -1,6 +1,6 @@ Package.describe({ name: 'foundation:motion-ui', - version: '2.0.6', + version: '2.0.7', summary: 'Sass library for creating transitions and animations', git: 'https://github.com/foundation/motion-ui.git', documentation: 'README.md' diff --git a/package.json b/package.json index 1c9eb94..baa096f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "motion-ui", - "version": "2.0.6", + "version": "2.0.7", "description": "Sass library for creating transitions and animations.", "main": "dist/motion-ui.js", "scripts": {