UNPKG

angular-motion

Version:

AngularMotion - Fancy CSS3 animations for AngularJS

1 lines 3.17 kB
{"version":3,"sources":["collapse/collapse.less","collapse/collapse.css"],"names":[],"mappings":"AAOA;EAEE,iCAAA;UAAA,yBAAA;EACA,wCAAA;UAAA,gCAAA;EACA,uCAAA;UAAA,+BAAA;EACA,iBAAA;EACA,WAAA;CCPD;ADSC;;;EACE,+BAAA;UAAA,uBAAA;CCLH;ADOC;;EACE,iCAAA;UAAA,yBAAA;CCJH;ADOC;EACE,mBAAA;EACA,+BAAA;UAAA,uBAAA;EACA,qCAAA;UAAA,6BAAA;CCLH;ADMG;EACE,oBAAA;EACA,sCAAA;UAAA,8BAAA;CCJL;ADOC;EACE,iCAAA;UAAA,yBAAA;EACA,qCAAA;UAAA,6BAAA;CCLH;ADMG;EACE,sCAAA;UAAA,8BAAA;CCJL;ADcD;EACE;IACE,gBAAA;GCZD;EDcD;IACE,kBAAA;GCZD;CACF;ADMD;EACE;IACE,gBAAA;GCZD;EDcD;IACE,kBAAA;GCZD;CACF;ADeD;EACE;IACE,kBAAA;GCbD;EDeD;IACE,gBAAA;GCbD;CACF;ADOD;EACE;IACE,kBAAA;GCbD;EDeD;IACE,gBAAA;GCbD;CACF;ADuBG;EACE,iCAAA;UAAA,yBAAA;EACA,eAAA;CCrBL;ADuBG;EACE,+BAAA;UAAA,uBAAA;CCrBL","file":"modules/collapse.min.css","sourcesContent":["\n// Collapse\n//\n\n@collapse-duration: .3s;\n@collapse-timing-function: ease;\n\n.am-collapse {\n\n animation-duration: @collapse-duration;\n animation-timing-function: @collapse-timing-function;\n animation-fill-mode: backwards;\n overflow: hidden;\n opacity: 1;\n\n &.am-collapse-add, &.ng-hide-remove, &.ng-move {\n animation-name: expand;\n }\n &.am-collapse-remove, &.ng-hide {\n animation-name: collapse;\n }\n\n &.ng-enter {\n visibility: hidden;\n animation-name: expand;\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: collapse;\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 expand {\n from {\n max-height: 0px;\n }\n to {\n max-height: 500px;\n }\n}\n\n@keyframes collapse {\n from {\n max-height: 500px;\n }\n to {\n max-height: 0px;\n }\n}\n\n// Bootstrap 3\n//\n\n.panel-collapse {\n\n &.am-collapse {\n\n &.in-remove {\n animation-name: collapse;\n display: block;\n }\n &.in-add {\n animation-name: expand;\n }\n\n }\n\n}\n",".am-collapse {\n animation-duration: 0.3s;\n animation-timing-function: ease;\n animation-fill-mode: backwards;\n overflow: hidden;\n opacity: 1;\n}\n.am-collapse.am-collapse-add,\n.am-collapse.ng-hide-remove,\n.am-collapse.ng-move {\n animation-name: expand;\n}\n.am-collapse.am-collapse-remove,\n.am-collapse.ng-hide {\n animation-name: collapse;\n}\n.am-collapse.ng-enter {\n visibility: hidden;\n animation-name: expand;\n animation-play-state: paused;\n}\n.am-collapse.ng-enter.ng-enter-active {\n visibility: visible;\n animation-play-state: running;\n}\n.am-collapse.ng-leave {\n animation-name: collapse;\n animation-play-state: paused;\n}\n.am-collapse.ng-leave.ng-leave-active {\n animation-play-state: running;\n}\n@keyframes expand {\n from {\n max-height: 0px;\n }\n to {\n max-height: 500px;\n }\n}\n@keyframes collapse {\n from {\n max-height: 500px;\n }\n to {\n max-height: 0px;\n }\n}\n.panel-collapse.am-collapse.in-remove {\n animation-name: collapse;\n display: block;\n}\n.panel-collapse.am-collapse.in-add {\n animation-name: expand;\n}\n"],"sourceRoot":"/source/"}