angular-motion/dist/modules/fade-and-slide.min.css.map

AngularMotion - Fancy CSS3 animations for AngularJS

{"version":3,"sources":["fade-and-slide/fade-and-slide.less","fade-and-slide/fade-and-slide.css"],"names":[],"mappings":"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","file":"modules/fade-and-slide.min.css","sourcesContent":["\n// Fade & Slide\n//\n\n@fade-and-slide-duration: .3s;\n@fade-and-slide-timing-function: ease-in-out;\n\n.am-fade-and-slide-top {\n\n  animation-duration: @fade-and-slide-duration;\n  animation-timing-function: @fade-and-slide-timing-function;\n  animation-fill-mode: backwards;\n\n  &.am-fade-and-slide-top-add, &.ng-hide-remove, &.ng-move {\n    animation-name: fadeAndSlideFromTop;\n  }\n  &.am-fade-and-slide-top-remove, &.ng-hide {\n    animation-name: fadeAndSlideToTop;\n  }\n\n  &.ng-enter {\n    visibility: hidden;\n    animation-name: fadeAndSlideFromTop;\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: fadeAndSlideToTop;\n    animation-play-state: paused;\n    &.ng-leave-active {\n      animation-play-state: running;\n    }\n  }\n\n}\n\n.am-fade-and-slide-right {\n\n  animation-duration: @fade-and-slide-duration;\n  animation-timing-function: @fade-and-slide-timing-function;\n  animation-fill-mode: backwards;\n\n  &.am-fade-and-slide-right-add, &.ng-hide-remove, &.ng-move {\n    animation-name: fadeAndSlideFromRight;\n  }\n  &.am-fade-and-slide-right-remove, &.ng-hide {\n    animation-name: fadeAndSlideToRight;\n  }\n\n  &.ng-enter {\n    visibility: hidden;\n    animation-name: fadeAndSlideFromRight;\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: fadeAndSlideToRight;\n    animation-play-state: paused;\n    &.ng-leave-active {\n      animation-play-state: running;\n    }\n  }\n\n}\n\n.am-fade-and-slide-bottom {\n\n  animation-duration: @fade-and-slide-duration;\n  animation-timing-function: @fade-and-slide-timing-function;\n  animation-fill-mode: backwards;\n\n  &.am-fade-and-slide-bottom-add, &.ng-hide-remove, &.ng-move {\n    animation-name: fadeAndSlideFromBottom;\n  }\n  &.am-fade-and-slide-bottom-remove, &.ng-hide {\n    animation-name: fadeAndSlideToBottom;\n  }\n\n  &.ng-enter {\n    visibility: hidden;\n    animation-name: fadeAndSlideFromBottom;\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: fadeAndSlideToBottom;\n    animation-play-state: paused;\n    &.ng-leave-active {\n      animation-play-state: running;\n    }\n  }\n\n}\n\n.am-fade-and-slide-left {\n\n  animation-duration: @fade-and-slide-duration;\n  animation-timing-function: @fade-and-slide-timing-function;\n  animation-fill-mode: backwards;\n\n  &.am-fade-and-slide-left-add, &.ng-hide-remove, &.ng-move {\n    animation-fill-mode: backwards;\n    animation-name: fadeAndSlideFromLeft;\n  }\n  &.am-fade-and-slide-left-remove, &.ng-hide {\n    animation-name: fadeAndSlideToLeft;\n  }\n\n  &.ng-enter {\n    visibility: hidden;\n    animation-name: fadeAndSlideFromLeft;\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: fadeAndSlideToLeft;\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 fadeAndSlideFromTop {\n  from {\n    opacity: 0;\n    transform: translateY(-20%);\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes fadeAndSlideToTop {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-20%);\n  }\n}\n\n@keyframes fadeAndSlideFromRight {\n  from {\n    opacity: 0;\n    transform: translateX(20%);\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes fadeAndSlideToRight {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n    transform: translateX(20%);\n  }\n}\n\n@keyframes fadeAndSlideFromBottom {\n  from {\n    opacity: 0;\n    transform: translateY(20%);\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes fadeAndSlideToBottom {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n    transform: translateY(20%);\n  }\n}\n\n@keyframes fadeAndSlideFromLeft {\n  from {\n    opacity: 0;\n    transform: translateX(-20%);\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes fadeAndSlideToLeft {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n    transform: translateX(-20%);\n  }\n}\n",".am-fade-and-slide-top {\n  animation-duration: 0.3s;\n  animation-timing-function: ease-in-out;\n  animation-fill-mode: backwards;\n}\n.am-fade-and-slide-top.am-fade-and-slide-top-add,\n.am-fade-and-slide-top.ng-hide-remove,\n.am-fade-and-slide-top.ng-move {\n  animation-name: fadeAndSlideFromTop;\n}\n.am-fade-and-slide-top.am-fade-and-slide-top-remove,\n.am-fade-and-slide-top.ng-hide {\n  animation-name: fadeAndSlideToTop;\n}\n.am-fade-and-slide-top.ng-enter {\n  visibility: hidden;\n  animation-name: fadeAndSlideFromTop;\n  animation-play-state: paused;\n}\n.am-fade-and-slide-top.ng-enter.ng-enter-active {\n  visibility: visible;\n  animation-play-state: running;\n}\n.am-fade-and-slide-top.ng-leave {\n  animation-name: fadeAndSlideToTop;\n  animation-play-state: paused;\n}\n.am-fade-and-slide-top.ng-leave.ng-leave-active {\n  animation-play-state: running;\n}\n.am-fade-and-slide-right {\n  animation-duration: 0.3s;\n  animation-timing-function: ease-in-out;\n  animation-fill-mode: backwards;\n}\n.am-fade-and-slide-right.am-fade-and-slide-right-add,\n.am-fade-and-slide-right.ng-hide-remove,\n.am-fade-and-slide-right.ng-move {\n  animation-name: fadeAndSlideFromRight;\n}\n.am-fade-and-slide-right.am-fade-and-slide-right-remove,\n.am-fade-and-slide-right.ng-hide {\n  animation-name: fadeAndSlideToRight;\n}\n.am-fade-and-slide-right.ng-enter {\n  visibility: hidden;\n  animation-name: fadeAndSlideFromRight;\n  animation-play-state: paused;\n}\n.am-fade-and-slide-right.ng-enter.ng-enter-active {\n  visibility: visible;\n  animation-play-state: running;\n}\n.am-fade-and-slide-right.ng-leave {\n  animation-name: fadeAndSlideToRight;\n  animation-play-state: paused;\n}\n.am-fade-and-slide-right.ng-leave.ng-leave-active {\n  animation-play-state: running;\n}\n.am-fade-and-slide-bottom {\n  animation-duration: 0.3s;\n  animation-timing-function: ease-in-out;\n  animation-fill-mode: backwards;\n}\n.am-fade-and-slide-bottom.am-fade-and-slide-bottom-add,\n.am-fade-and-slide-bottom.ng-hide-remove,\n.am-fade-and-slide-bottom.ng-move {\n  animation-name: fadeAndSlideFromBottom;\n}\n.am-fade-and-slide-bottom.am-fade-and-slide-bottom-remove,\n.am-fade-and-slide-bottom.ng-hide {\n  animation-name: fadeAndSlideToBottom;\n}\n.am-fade-and-slide-bottom.ng-enter {\n  visibility: hidden;\n  animation-name: fadeAndSlideFromBottom;\n  animation-play-state: paused;\n}\n.am-fade-and-slide-bottom.ng-enter.ng-enter-active {\n  visibility: visible;\n  animation-play-state: running;\n}\n.am-fade-and-slide-bottom.ng-leave {\n  animation-name: fadeAndSlideToBottom;\n  animation-play-state: paused;\n}\n.am-fade-and-slide-bottom.ng-leave.ng-leave-active {\n  animation-play-state: running;\n}\n.am-fade-and-slide-left {\n  animation-duration: 0.3s;\n  animation-timing-function: ease-in-out;\n  animation-fill-mode: backwards;\n}\n.am-fade-and-slide-left.am-fade-and-slide-left-add,\n.am-fade-and-slide-left.ng-hide-remove,\n.am-fade-and-slide-left.ng-move {\n  animation-fill-mode: backwards;\n  animation-name: fadeAndSlideFromLeft;\n}\n.am-fade-and-slide-left.am-fade-and-slide-left-remove,\n.am-fade-and-slide-left.ng-hide {\n  animation-name: fadeAndSlideToLeft;\n}\n.am-fade-and-slide-left.ng-enter {\n  visibility: hidden;\n  animation-name: fadeAndSlideFromLeft;\n  animation-play-state: paused;\n}\n.am-fade-and-slide-left.ng-enter.ng-enter-active {\n  visibility: visible;\n  animation-play-state: running;\n}\n.am-fade-and-slide-left.ng-leave {\n  animation-name: fadeAndSlideToLeft;\n  animation-play-state: paused;\n}\n.am-fade-and-slide-left.ng-leave.ng-leave-active {\n  animation-play-state: running;\n}\n@keyframes fadeAndSlideFromTop {\n  from {\n    opacity: 0;\n    transform: translateY(-20%);\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes fadeAndSlideToTop {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-20%);\n  }\n}\n@keyframes fadeAndSlideFromRight {\n  from {\n    opacity: 0;\n    transform: translateX(20%);\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes fadeAndSlideToRight {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n    transform: translateX(20%);\n  }\n}\n@keyframes fadeAndSlideFromBottom {\n  from {\n    opacity: 0;\n    transform: translateY(20%);\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes fadeAndSlideToBottom {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n    transform: translateY(20%);\n  }\n}\n@keyframes fadeAndSlideFromLeft {\n  from {\n    opacity: 0;\n    transform: translateX(-20%);\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes fadeAndSlideToLeft {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n    transform: translateX(-20%);\n  }\n}\n"],"sourceRoot":"/source/"}