angular-motion
Version:
AngularMotion - Fancy CSS3 animations for AngularJS
1 lines • 3.2 kB
Source Map (JSON)
{"version":3,"sources":["fade/fade.less","fade/fade.css"],"names":[],"mappings":"AAOA;EAEE,iCAAA;UAAA,yBAAA;EACA,0CAAA;UAAA,kCAAA;EACA,uCAAA;UAAA,+BAAA;EACA,WAAA;CCPD;ADSC;;;EACE,+BAAA;UAAA,uBAAA;CCLH;ADOC;;EACE,gCAAA;UAAA,wBAAA;CCJH;ADOC;EACE,mBAAA;EACA,+BAAA;UAAA,uBAAA;EACA,qCAAA;UAAA,6BAAA;CCLH;ADMG;EACE,oBAAA;EACA,sCAAA;UAAA,8BAAA;CCJL;ADOC;EACE,gCAAA;UAAA,wBAAA;EACA,qCAAA;UAAA,6BAAA;CCLH;ADMG;EACE,sCAAA;UAAA,8BAAA;CCJL;ADcD;EACE;IACE,WAAA;GCZD;EDcD;IACE,WAAA;GCZD;CACF;ADMD;EACE;IACE,WAAA;GCZD;EDcD;IACE,WAAA;GCZD;CACF;ADeD;EACE;IACE,WAAA;GCbD;EDeD;IACE,WAAA;GCbD;CACF;ADOD;EACE;IACE,WAAA;GCbD;EDeD;IACE,WAAA;GCbD;CACF;ADuBG;EACE,yBAAA;CCrBL;ADuBG;EACE,+BAAA;UAAA,uBAAA;CCrBL;AD8BC;;EAEE,+BAAA;EACA,kCAAA;UAAA,0BAAA;CC5BH","file":"modules/fade.min.css","sourcesContent":["\n// Fade\n//\n\n@fade-duration: .3s;\n@fade-timing-function: linear;\n\n.am-fade {\n\n animation-duration: @fade-duration;\n animation-timing-function: @fade-timing-function;\n animation-fill-mode: backwards;\n opacity: 1;\n\n &.am-fade-add, &.ng-hide-remove, &.ng-move {\n animation-name: fadeIn;\n }\n &.am-fade-remove, &.ng-hide {\n animation-name: fadeOut;\n }\n\n &.ng-enter {\n visibility: hidden;\n animation-name: fadeIn;\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: fadeOut;\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 fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n\n// Bootstrap 3\n//\n\n.tab-pane {\n\n &.am-fade {\n\n &.active-remove {\n display: none !important;\n }\n &.active-add {\n animation-name: fadeIn;\n }\n\n }\n\n}\n\n.modal-backdrop, .aside-backdrop {\n\n &.am-fade {\n\n background: rgba(0, 0, 0, .5);\n animation-duration: @fade-duration / 2;\n \n\n }\n\n}\n",".am-fade {\n animation-duration: 0.3s;\n animation-timing-function: linear;\n animation-fill-mode: backwards;\n opacity: 1;\n}\n.am-fade.am-fade-add,\n.am-fade.ng-hide-remove,\n.am-fade.ng-move {\n animation-name: fadeIn;\n}\n.am-fade.am-fade-remove,\n.am-fade.ng-hide {\n animation-name: fadeOut;\n}\n.am-fade.ng-enter {\n visibility: hidden;\n animation-name: fadeIn;\n animation-play-state: paused;\n}\n.am-fade.ng-enter.ng-enter-active {\n visibility: visible;\n animation-play-state: running;\n}\n.am-fade.ng-leave {\n animation-name: fadeOut;\n animation-play-state: paused;\n}\n.am-fade.ng-leave.ng-leave-active {\n animation-play-state: running;\n}\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n.tab-pane.am-fade.active-remove {\n display: none !important;\n}\n.tab-pane.am-fade.active-add {\n animation-name: fadeIn;\n}\n.modal-backdrop.am-fade,\n.aside-backdrop.am-fade {\n background: rgba(0, 0, 0, 0.5);\n animation-duration: 0.15s;\n}\n"],"sourceRoot":"/source/"}