angular-motion/dist/modules/flip.min.css.map

AngularMotion - Fancy CSS3 animations for AngularJS

{"version":3,"sources":["flip/flip.less","flip/flip.css"],"names":[],"mappings":"AAQA;EAEE,iCAAA;UAAA,yBAAA;EACA,wCAAA;UAAA,gCAAA;EACA,uCAAA;UAAA,+BAAA;CCRD;ADUC;;;EACE,sCAAA;UAAA,8BAAA;CCNH;ADQC;;EACE,iCAAA;UAAA,yBAAA;CCLH;ADQC;EACE,mBAAA;EACA,sCAAA;UAAA,8BAAA;EACA,qCAAA;UAAA,6BAAA;CCNH;ADOG;EACE,oBAAA;EACA,sCAAA;UAAA,8BAAA;CCLL;ADQC;EACE,iCAAA;UAAA,yBAAA;EACA,qCAAA;UAAA,6BAAA;CCNH;ADOG;EACE,sCAAA;UAAA,8BAAA;CCLL;ADWD;EAEE,iCAAA;UAAA,yBAAA;EACA,wCAAA;UAAA,gCAAA;EACA,uCAAA;UAAA,+BAAA;CCVD;ADYC;;;EACE,gCAAA;UAAA,wBAAA;CCRH;ADUC;;EACE,iCAAA;UAAA,yBAAA;CCPH;ADUC;EACE,mBAAA;EACA,gCAAA;UAAA,wBAAA;EACA,qCAAA;UAAA,6BAAA;CCRH;ADSG;EACE,oBAAA;EACA,sCAAA;UAAA,8BAAA;CCPL;ADUC;EACE,iCAAA;UAAA,yBAAA;EACA,qCAAA;UAAA,6BAAA;CCRH;ADSG;EACE,sCAAA;UAAA,8BAAA;CCPL;ADgBD;EACE;IACE,WAAA;IACA,qDAAA;YAAA,6CAAA;GCdD;EDgBD;IACE,WAAA;IACA,oDAAA;YAAA,4CAAA;GCdD;CACF;ADMD;EACE;IACE,WAAA;IACA,qDAAA;YAAA,6CAAA;GCdD;EDgBD;IACE,WAAA;IACA,oDAAA;YAAA,4CAAA;GCdD;CACF;ADiBD;EACE;IACE,WAAA;IACA,qDAAA;YAAA,6CAAA;GCfD;EDiBD;IACE,sDAAA;YAAA,8CAAA;GCfD;EDiBD;IACE,qDAAA;YAAA,6CAAA;GCfD;EDiBD;IACE,WAAA;IACA,oDAAA;YAAA,4CAAA;GCfD;CACF;ADCD;EACE;IACE,WAAA;IACA,qDAAA;YAAA,6CAAA;GCfD;EDiBD;IACE,sDAAA;YAAA,8CAAA;GCfD;EDiBD;IACE,qDAAA;YAAA,6CAAA;GCfD;EDiBD;IACE,WAAA;IACA,oDAAA;YAAA,4CAAA;GCfD;CACF;ADkBD;EACE;IACE,WAAA;IACA,oDAAA;YAAA,4CAAA;GChBD;EDkBD;IACE,WAAA;IACA,qDAAA;YAAA,6CAAA;GChBD;CACF;ADQD;EACE;IACE,WAAA;IACA,oDAAA;YAAA,4CAAA;GChBD;EDkBD;IACE,WAAA;IACA,qDAAA;YAAA,6CAAA;GChBD;CACF","file":"modules/flip.min.css","sourcesContent":["\n\n// Fade\n//\n\n@flip-duration: .4s;\n@flip-timing-function: ease;\n\n.am-flip-x {\n\n  animation-duration: @flip-duration;\n  animation-timing-function: @flip-timing-function;\n  animation-fill-mode: backwards;\n\n  &.am-flip-x-add, &.ng-hide-remove, &.ng-move {\n    animation-name: flipInXBounce;\n  }\n  &.am-flip-x-remove, &.ng-hide {\n    animation-name: flipOutX;\n  }\n\n  &.ng-enter {\n    visibility: hidden;\n    animation-name: flipInXBounce;\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: flipOutX;\n    animation-play-state: paused;\n    &.ng-leave-active {\n      animation-play-state: running;\n    }\n  }\n\n}\n\n.am-flip-x-linear {\n\n  animation-duration: @flip-duration;\n  animation-timing-function: @flip-timing-function;\n  animation-fill-mode: backwards;\n\n  &.am-flip-x-add, &.ng-hide-remove, &.ng-move {\n    animation-name: flipInX;\n  }\n  &.am-flip-x-remove, &.ng-hide {\n    animation-name: flipOutX;\n  }\n\n  &.ng-enter {\n    visibility: hidden;\n    animation-name: flipInX;\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: flipOutX;\n    animation-play-state: paused;\n    &.ng-leave-active {\n      animation-play-state: running;\n    }\n  }\n\n}\n\n// Keyframes\n//\n\n@keyframes flipInX {\n  from {\n    opacity: 0;\n    transform: perspective(400px) rotateX(90deg);\n  }\n  to {\n    opacity: 1;\n    transform: perspective(400px) rotateX(0deg);\n  }\n}\n\n@keyframes flipInXBounce {\n  from {\n    opacity: 0;\n    transform: perspective(400px) rotateX(90deg);\n  }\n  40% {\n    transform: perspective(400px) rotateX(-10deg);\n  }\n  70% {\n    transform: perspective(400px) rotateX(10deg);\n  }\n  to {\n    opacity: 1;\n    transform: perspective(400px) rotateX(0deg);\n  }\n}\n\n@keyframes flipOutX {\n  from {\n    opacity: 1;\n    transform: perspective(400px) rotateX(0deg);\n  }\n  to {\n    opacity: 0;\n    transform: perspective(400px) rotateX(90deg);\n  }\n}\n",".am-flip-x {\n  animation-duration: 0.4s;\n  animation-timing-function: ease;\n  animation-fill-mode: backwards;\n}\n.am-flip-x.am-flip-x-add,\n.am-flip-x.ng-hide-remove,\n.am-flip-x.ng-move {\n  animation-name: flipInXBounce;\n}\n.am-flip-x.am-flip-x-remove,\n.am-flip-x.ng-hide {\n  animation-name: flipOutX;\n}\n.am-flip-x.ng-enter {\n  visibility: hidden;\n  animation-name: flipInXBounce;\n  animation-play-state: paused;\n}\n.am-flip-x.ng-enter.ng-enter-active {\n  visibility: visible;\n  animation-play-state: running;\n}\n.am-flip-x.ng-leave {\n  animation-name: flipOutX;\n  animation-play-state: paused;\n}\n.am-flip-x.ng-leave.ng-leave-active {\n  animation-play-state: running;\n}\n.am-flip-x-linear {\n  animation-duration: 0.4s;\n  animation-timing-function: ease;\n  animation-fill-mode: backwards;\n}\n.am-flip-x-linear.am-flip-x-add,\n.am-flip-x-linear.ng-hide-remove,\n.am-flip-x-linear.ng-move {\n  animation-name: flipInX;\n}\n.am-flip-x-linear.am-flip-x-remove,\n.am-flip-x-linear.ng-hide {\n  animation-name: flipOutX;\n}\n.am-flip-x-linear.ng-enter {\n  visibility: hidden;\n  animation-name: flipInX;\n  animation-play-state: paused;\n}\n.am-flip-x-linear.ng-enter.ng-enter-active {\n  visibility: visible;\n  animation-play-state: running;\n}\n.am-flip-x-linear.ng-leave {\n  animation-name: flipOutX;\n  animation-play-state: paused;\n}\n.am-flip-x-linear.ng-leave.ng-leave-active {\n  animation-play-state: running;\n}\n@keyframes flipInX {\n  from {\n    opacity: 0;\n    transform: perspective(400px) rotateX(90deg);\n  }\n  to {\n    opacity: 1;\n    transform: perspective(400px) rotateX(0deg);\n  }\n}\n@keyframes flipInXBounce {\n  from {\n    opacity: 0;\n    transform: perspective(400px) rotateX(90deg);\n  }\n  40% {\n    transform: perspective(400px) rotateX(-10deg);\n  }\n  70% {\n    transform: perspective(400px) rotateX(10deg);\n  }\n  to {\n    opacity: 1;\n    transform: perspective(400px) rotateX(0deg);\n  }\n}\n@keyframes flipOutX {\n  from {\n    opacity: 1;\n    transform: perspective(400px) rotateX(0deg);\n  }\n  to {\n    opacity: 0;\n    transform: perspective(400px) rotateX(90deg);\n  }\n}\n"],"sourceRoot":"/source/"}