Matteo Scandolo | be342fa | 2016-06-08 15:54:55 -0700 | [diff] [blame] | 1 | /* animations |
| 2 | -------------------------------------------------- */ |
| 3 | @keyframes slideOutRight { |
| 4 | from { |
| 5 | transform: translate3d(0, 0, 0); |
| 6 | opacity: 1; } |
| 7 | to { |
| 8 | opacity: 0; |
| 9 | transform: translate3d(100%, 0, 0); } } |
| 10 | |
| 11 | @keyframes slideInRight { |
| 12 | from { |
| 13 | transform: translate3d(100%, 0, 0); |
| 14 | opacity: 0; } |
| 15 | to { |
| 16 | transform: translate3d(0, 0, 0); |
| 17 | opacity: 1; } } |
| 18 | |
| 19 | @keyframes fadein { |
| 20 | from { |
| 21 | opacity: 0; |
| 22 | transform: scale3d(0.3, 0.3, 0.3); } |
| 23 | 50% { |
| 24 | transform: scale3d(1, 1, 1); } |
| 25 | to { |
| 26 | opacity: 1; } } |
| 27 | |
| 28 | /* ng-view-animation |
| 29 | -------------------------------------------------- */ |
| 30 | .fade { |
| 31 | opacity: 1; } |
| 32 | |
| 33 | .fade.ng-enter, |
| 34 | .fade.ng-leave { |
| 35 | transition: all .5s ease-in-out; } |
| 36 | |
| 37 | .fade.ng-enter { |
| 38 | opacity: 0; } |
| 39 | |
| 40 | .fade.ng-enter-active { |
| 41 | opacity: 1; } |
| 42 | |
| 43 | .fade.ng-leave { |
| 44 | opacity: 1; } |
| 45 | |
| 46 | .fade.ng-leave-active { |
| 47 | opacity: 0; } |
| 48 | |
| 49 | /* ng-show-animation |
| 50 | -------------------------------------------------- */ |
| 51 | .animate.ng-hide-add { |
| 52 | animation: 0.5s slideOutRight ease-in-out; } |
| 53 | |
| 54 | .animate.ng-hide-remove { |
| 55 | animation: 0.5s slideInRight ease-in-out; } |
| 56 | |
| 57 | /* ng-repeat-animation |
| 58 | -------------------------------------------------- */ |
| 59 | .animate-repeat.ng-move, |
| 60 | .animate-repeat.ng-enter, |
| 61 | .animate-repeat.ng-leave { |
| 62 | transition: all linear 0.5s; } |
| 63 | |
| 64 | .animate-repeat.ng-leave.ng-leave-active, |
| 65 | .animate-repeat.ng-move, |
| 66 | .animate-repeat.ng-enter { |
| 67 | opacity: 0; |
| 68 | animation: 0.5s slideOutRight ease-in-out; } |
| 69 | |
| 70 | .animate-repeat.ng-leave, |
| 71 | .animate-repeat.ng-move.ng-move-active, |
| 72 | .animate-repeat.ng-enter.ng-enter-active { |
| 73 | opacity: 1; |
| 74 | height: 60px; |
| 75 | animation: 0.5s slideInRight ease-in-out; } |
| 76 | |
| 77 | .animate-repeat.ng-enter-stagger, |
| 78 | .animate-repeat.ng-leave-stagger { |
| 79 | transition-delay: 0.1s; |
| 80 | animation-delay: 0.1s; } |
| 81 | |
| 82 | /*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAic3JjL3N0eWxlL2FuaW1hdGlvbi5jc3MiLAoJInNvdXJjZXMiOiBbCgkJInNyYy9zYXNzL2FuaW1hdGlvbi5zY3NzIgoJXSwKCSJtYXBwaW5ncyI6ICJBQUFBO3VEQUN1RDtBQUVyRCxVQUFVLENBQVYsYUFBVTtFQUNSLEFBQUEsSUFBSTtJQUNGLFNBQVMsRUFBRSxvQkFBVztJQUN0QixPQUFPLEVBQUUsQ0FBRTtFQUdiLEFBQUEsRUFBRTtJQUNBLE9BQU8sRUFBRSxDQUFFO0lBQ1gsU0FBUyxFQUFFLHVCQUFXOztBQUkxQixVQUFVLENBQVYsWUFBVTtFQUNSLEFBQUEsSUFBSTtJQUNGLFNBQVMsRUFBRSx1QkFBVztJQUN0QixPQUFPLEVBQUUsQ0FBRTtFQUdiLEFBQUEsRUFBRTtJQUNBLFNBQVMsRUFBRSxvQkFBVztJQUN0QixPQUFPLEVBQUUsQ0FBRTs7QUFJakIsVUFBVSxDQUFWLE1BQVU7RUFDUixBQUFBLElBQUk7SUFDRixPQUFPLEVBQUUsQ0FBRTtJQUNYLFNBQVMsRUFBRSxzQkFBTztFQUVwQixBQUFBLEdBQUc7SUFDRCxTQUFTLEVBQUUsZ0JBQU87RUFFcEIsQUFBQSxFQUFFO0lBQUssT0FBTyxFQUFFLENBQUU7O0FBSXBCO3FEQUNxRDtBQUNyRCxBQUFBLEtBQUssQ0FBQztFQUNKLE9BQU8sRUFBRSxDQUFFLEdBQ1o7O0FBQ0QsQUFBSyxLQUFBLEFBQUEsU0FBUztBQUNkLEFBQUssS0FBQSxBQUFBLFNBQVMsQ0FBQztFQUNiLFVBQVUsRUFBRSxtQkFBb0IsR0FDakM7O0FBQ0QsQUFBSyxLQUFBLEFBQUEsU0FBUyxDQUFDO0VBQ2IsT0FBTyxFQUFFLENBQUUsR0FDWjs7QUFDRCxBQUFLLEtBQUEsQUFBQSxnQkFBZ0IsQ0FBQztFQUNwQixPQUFPLEVBQUUsQ0FBRSxHQUNaOztBQUNELEFBQUssS0FBQSxBQUFBLFNBQVMsQ0FBQztFQUNiLE9BQU8sRUFBRSxDQUFFLEdBQ1o7O0FBQ0QsQUFBSyxLQUFBLEFBQUEsZ0JBQWdCLENBQUM7RUFDcEIsT0FBTyxFQUFFLENBQUUsR0FDWjs7QUFFQzt1REFDcUQ7QUFFckQsQUFBUSxRQUFBLEFBQUEsWUFBWSxDQUFDO0VBQ25CLFNBQVMsRUFBQyw4QkFBK0IsR0FDMUM7O0FBQ0QsQUFBUSxRQUFBLEFBQUEsZUFBZSxDQUFDO0VBQ3RCLFNBQVMsRUFBQyw2QkFBOEIsR0FDekM7O0FBRUQ7dURBQ3FEO0FBQ3JELEFBQWUsZUFBQSxBQUFBLFFBQVE7QUFDdkIsQUFBZSxlQUFBLEFBQUEsU0FBUztBQUN4QixBQUFlLGVBQUEsQUFBQSxTQUFTLENBQUM7RUFDdkIsVUFBVSxFQUFDLGVBQWdCLEdBQzVCOztBQUVELEFBQXdCLGVBQVQsQUFBQSxTQUFTLEFBQUEsZ0JBQWdCO0FBQ3hDLEFBQWUsZUFBQSxBQUFBLFFBQVE7QUFDdkIsQUFBZSxlQUFBLEFBQUEsU0FBUyxDQUFDO0VBQ3ZCLE9BQU8sRUFBQyxDQUFFO0VBQ1YsU0FBUyxFQUFFLDhCQUErQixHQUMzQzs7QUFFRCxBQUFlLGVBQUEsQUFBQSxTQUFTO0FBQ3hCLEFBQXVCLGVBQVIsQUFBQSxRQUFRLEFBQUEsZUFBZTtBQUN0QyxBQUF3QixlQUFULEFBQUEsU0FBUyxBQUFBLGdCQUFnQixDQUFDO0VBQ3ZDLE9BQU8sRUFBQyxDQUFFO0VBQ1YsTUFBTSxFQUFDLElBQUs7RUFDWixTQUFTLEVBQUUsNkJBQThCLEdBQzFDOztBQUVELEFBQWUsZUFBQSxBQUFBLGlCQUFpQjtBQUNoQyxBQUFlLGVBQUEsQUFBQSxpQkFBaUIsQ0FBQTtFQUM5QixnQkFBZ0IsRUFBRSxJQUFLO0VBQ3ZCLGVBQWUsRUFBRSxJQUFLLEdBQ3ZCIiwKCSJuYW1lcyI6IFtdCn0= */ |