UNPKG

angular-motion

Version:

AngularMotion - Fancy CSS3 animations for AngularJS

1 lines 3.1 kB
{"version":3,"sources":["fade-and-scale/fade-and-scale.less","fade-and-scale/fade-and-scale.css"],"names":[],"mappings":"AAOA;EAEE,iCAAA;UAAA,yBAAA;EACA,+CAAA;UAAA,uCAAA;EACA,uCAAA;UAAA,+BAAA;CCPD;ADSC;;;;EACE,uCAAA;UAAA,+BAAA;CCJH;ADMC;;;EACE,wCAAA;UAAA,gCAAA;CCFH;ADKC;EACE,mBAAA;EACA,uCAAA;UAAA,+BAAA;EACA,qCAAA;UAAA,6BAAA;CCHH;ADIG;EACE,oBAAA;EACA,sCAAA;UAAA,8BAAA;CCFL;ADKC;EACE,wCAAA;UAAA,gCAAA;EACA,qCAAA;UAAA,6BAAA;CCHH;ADIG;EACE,sCAAA;UAAA,8BAAA;CCFL;ADYD;EACE;IACE,WAAA;IACA,8BAAA;YAAA,sBAAA;GCVD;EDYD;IACE,WAAA;GCVD;CACF;ADGD;EACE;IACE,WAAA;IACA,8BAAA;YAAA,sBAAA;GCVD;EDYD;IACE,WAAA;GCVD;CACF;ADaD;EACE;IACE,WAAA;GCXD;EDaD;IACE,WAAA;IACA,8BAAA;YAAA,sBAAA;GCXD;CACF;ADID;EACE;IACE,WAAA;GCXD;EDaD;IACE,WAAA;IACA,8BAAA;YAAA,sBAAA;GCXD;CACF","file":"modules/fade-and-scale.min.css","sourcesContent":["\n// Fade & Slide\n//\n\n@fade-and-scale-duration: .3s;\n@fade-and-scale-timing-function: ease-in-out;\n\n.am-fade-and-scale {\n\n animation-duration: @fade-and-scale-duration;\n animation-timing-function: @fade-and-scale-timing-function;\n animation-fill-mode: backwards;\n\n &.ng-enter, &.am-fade-and-scale-add, &.ng-hide-remove, &.ng-move {\n animation-name: fadeAndScaleIn;\n }\n &.ng-leave, &.am-fade-and-scale-remove, &.ng-hide {\n animation-name: fadeAndScaleOut;\n }\n\n &.ng-enter {\n visibility: hidden;\n animation-name: fadeAndScaleIn;\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: fadeAndScaleOut;\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 fadeAndScaleIn {\n from {\n opacity: 0;\n transform: scale(0.7);\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes fadeAndScaleOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n transform: scale(0.7);\n }\n}\n",".am-fade-and-scale {\n animation-duration: 0.3s;\n animation-timing-function: ease-in-out;\n animation-fill-mode: backwards;\n}\n.am-fade-and-scale.ng-enter,\n.am-fade-and-scale.am-fade-and-scale-add,\n.am-fade-and-scale.ng-hide-remove,\n.am-fade-and-scale.ng-move {\n animation-name: fadeAndScaleIn;\n}\n.am-fade-and-scale.ng-leave,\n.am-fade-and-scale.am-fade-and-scale-remove,\n.am-fade-and-scale.ng-hide {\n animation-name: fadeAndScaleOut;\n}\n.am-fade-and-scale.ng-enter {\n visibility: hidden;\n animation-name: fadeAndScaleIn;\n animation-play-state: paused;\n}\n.am-fade-and-scale.ng-enter.ng-enter-active {\n visibility: visible;\n animation-play-state: running;\n}\n.am-fade-and-scale.ng-leave {\n animation-name: fadeAndScaleOut;\n animation-play-state: paused;\n}\n.am-fade-and-scale.ng-leave.ng-leave-active {\n animation-play-state: running;\n}\n@keyframes fadeAndScaleIn {\n from {\n opacity: 0;\n transform: scale(0.7);\n }\n to {\n opacity: 1;\n }\n}\n@keyframes fadeAndScaleOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n transform: scale(0.7);\n }\n}\n"],"sourceRoot":"/source/"}