UNPKG

angular-motion

Version:

AngularMotion - Fancy CSS3 animations for AngularJS

1 lines 9.5 kB
{"version":3,"sources":["slide/slide.less","slide/slide.css"],"names":[],"mappings":"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","file":"modules/slide.min.css","sourcesContent":["\n// Slide\n//\n\n@slide-duration: .3s;\n@slide-timing-function: ease-in-out;\n\n.am-slide-top {\n\n animation-duration: @slide-duration;\n animation-timing-function: @slide-timing-function;\n animation-fill-mode: backwards;\n\n &.am-slide-top-add, &.ng-hide-remove, &.ng-move {\n animation-name: slideFromTop;\n }\n &.am-slide-top-remove, &.ng-hide {\n animation-name: slideToTop;\n }\n\n &.ng-enter {\n visibility: hidden;\n animation-name: slideFromTop;\n animation-play-state: paused;\n &.ng-enter-active {\n visibility: visible;\n animation-play-state: running;\n }\n }\n &.ng-leave {\n animation-name: slideToTop;\n animation-play-state: paused;\n &.ng-leave-active {\n animation-play-state: running;\n }\n }\n\n}\n\n.am-slide-right {\n\n animation-duration: @slide-duration;\n animation-timing-function: @slide-timing-function;\n animation-fill-mode: backwards;\n\n &.am-slide-right-add, &.ng-hide-remove, &.ng-move {\n animation-name: slideFromRight;\n }\n &.am-slide-right-remove, &.ng-hide {\n animation-name: slideToRight;\n }\n\n &.ng-enter {\n visibility: hidden;\n animation-name: slideFromRight;\n animation-play-state: paused;\n &.ng-enter-active {\n visibility: visible;\n animation-play-state: running;\n }\n }\n &.ng-leave {\n animation-name: slideToRight;\n animation-play-state: paused;\n &.ng-leave-active {\n animation-play-state: running;\n }\n }\n\n}\n\n.am-slide-bottom {\n\n animation-duration: @slide-duration;\n animation-timing-function: @slide-timing-function;\n animation-fill-mode: backwards;\n\n &.am-slide-bottom-add, &.ng-hide-remove, &.ng-move {\n animation-name: slideFromBottom;\n }\n &.am-slide-bottom-remove, &.ng-hide {\n animation-name: slideToBottom;\n }\n\n &.ng-enter {\n visibility: hidden;\n animation-name: slideFromBottom;\n animation-play-state: paused;\n &.ng-enter-active {\n visibility: visible;\n animation-play-state: running;\n }\n }\n &.ng-leave {\n animation-name: slideToBottom;\n animation-play-state: paused;\n &.ng-leave-active {\n animation-play-state: running;\n }\n }\n\n}\n\n.am-slide-left {\n\n animation-duration: @slide-duration;\n animation-timing-function: @slide-timing-function;\n animation-fill-mode: backwards;\n\n &.am-slide-left-add, &.ng-hide-remove, &.ng-move {\n animation-name: slideFromLeft;\n }\n &.am-slide-left-remove, &.ng-hide {\n animation-name: slideToLeft;\n }\n\n &.ng-enter {\n visibility: hidden;\n animation-name: slideFromLeft;\n animation-play-state: paused;\n &.ng-enter-active {\n visibility: visible;\n animation-play-state: running;\n }\n }\n &.ng-leave {\n animation-name: slideToLeft;\n animation-play-state: paused;\n &.ng-leave-active {\n animation-play-state: running;\n }\n }\n\n}\n\n\n// Keyframes\n//\n\n@keyframes slideFromTop {\n from {\n transform: translateY(-100%);\n }\n}\n\n@keyframes slideToTop {\n to {\n transform: translateY(-100%);\n }\n}\n\n@keyframes slideFromRight {\n from {\n transform: translateX(100%);\n }\n}\n@keyframes slideToRight {\n to {\n transform: translateX(100%);\n }\n}\n\n@keyframes slideFromBottom {\n from {\n transform: translateY(100%);\n }\n}\n\n@keyframes slideToBottom {\n to {\n transform: translateY(100%);\n }\n}\n\n@keyframes slideFromLeft {\n from {\n transform: translateX(-100%);\n }\n}\n@keyframes slideToLeft {\n to {\n transform: translateX(-100%);\n }\n}\n",".am-slide-top {\n animation-duration: 0.3s;\n animation-timing-function: ease-in-out;\n animation-fill-mode: backwards;\n}\n.am-slide-top.am-slide-top-add,\n.am-slide-top.ng-hide-remove,\n.am-slide-top.ng-move {\n animation-name: slideFromTop;\n}\n.am-slide-top.am-slide-top-remove,\n.am-slide-top.ng-hide {\n animation-name: slideToTop;\n}\n.am-slide-top.ng-enter {\n visibility: hidden;\n animation-name: slideFromTop;\n animation-play-state: paused;\n}\n.am-slide-top.ng-enter.ng-enter-active {\n visibility: visible;\n animation-play-state: running;\n}\n.am-slide-top.ng-leave {\n animation-name: slideToTop;\n animation-play-state: paused;\n}\n.am-slide-top.ng-leave.ng-leave-active {\n animation-play-state: running;\n}\n.am-slide-right {\n animation-duration: 0.3s;\n animation-timing-function: ease-in-out;\n animation-fill-mode: backwards;\n}\n.am-slide-right.am-slide-right-add,\n.am-slide-right.ng-hide-remove,\n.am-slide-right.ng-move {\n animation-name: slideFromRight;\n}\n.am-slide-right.am-slide-right-remove,\n.am-slide-right.ng-hide {\n animation-name: slideToRight;\n}\n.am-slide-right.ng-enter {\n visibility: hidden;\n animation-name: slideFromRight;\n animation-play-state: paused;\n}\n.am-slide-right.ng-enter.ng-enter-active {\n visibility: visible;\n animation-play-state: running;\n}\n.am-slide-right.ng-leave {\n animation-name: slideToRight;\n animation-play-state: paused;\n}\n.am-slide-right.ng-leave.ng-leave-active {\n animation-play-state: running;\n}\n.am-slide-bottom {\n animation-duration: 0.3s;\n animation-timing-function: ease-in-out;\n animation-fill-mode: backwards;\n}\n.am-slide-bottom.am-slide-bottom-add,\n.am-slide-bottom.ng-hide-remove,\n.am-slide-bottom.ng-move {\n animation-name: slideFromBottom;\n}\n.am-slide-bottom.am-slide-bottom-remove,\n.am-slide-bottom.ng-hide {\n animation-name: slideToBottom;\n}\n.am-slide-bottom.ng-enter {\n visibility: hidden;\n animation-name: slideFromBottom;\n animation-play-state: paused;\n}\n.am-slide-bottom.ng-enter.ng-enter-active {\n visibility: visible;\n animation-play-state: running;\n}\n.am-slide-bottom.ng-leave {\n animation-name: slideToBottom;\n animation-play-state: paused;\n}\n.am-slide-bottom.ng-leave.ng-leave-active {\n animation-play-state: running;\n}\n.am-slide-left {\n animation-duration: 0.3s;\n animation-timing-function: ease-in-out;\n animation-fill-mode: backwards;\n}\n.am-slide-left.am-slide-left-add,\n.am-slide-left.ng-hide-remove,\n.am-slide-left.ng-move {\n animation-name: slideFromLeft;\n}\n.am-slide-left.am-slide-left-remove,\n.am-slide-left.ng-hide {\n animation-name: slideToLeft;\n}\n.am-slide-left.ng-enter {\n visibility: hidden;\n animation-name: slideFromLeft;\n animation-play-state: paused;\n}\n.am-slide-left.ng-enter.ng-enter-active {\n visibility: visible;\n animation-play-state: running;\n}\n.am-slide-left.ng-leave {\n animation-name: slideToLeft;\n animation-play-state: paused;\n}\n.am-slide-left.ng-leave.ng-leave-active {\n animation-play-state: running;\n}\n@keyframes slideFromTop {\n from {\n transform: translateY(-100%);\n }\n}\n@keyframes slideToTop {\n to {\n transform: translateY(-100%);\n }\n}\n@keyframes slideFromRight {\n from {\n transform: translateX(100%);\n }\n}\n@keyframes slideToRight {\n to {\n transform: translateX(100%);\n }\n}\n@keyframes slideFromBottom {\n from {\n transform: translateY(100%);\n }\n}\n@keyframes slideToBottom {\n to {\n transform: translateY(100%);\n }\n}\n@keyframes slideFromLeft {\n from {\n transform: translateX(-100%);\n }\n}\n@keyframes slideToLeft {\n to {\n transform: translateX(-100%);\n }\n}\n"],"sourceRoot":"/source/"}