diff --git a/css/font-awesome-animation.css b/css/font-awesome-animation.css index 5cc4e99..5d5937c 100644 --- a/css/font-awesome-animation.css +++ b/css/font-awesome-animation.css @@ -3,10 +3,7 @@ 0%, 10%, 20%, 50%, 80%, 100% { transform: translateY(0); } - 40% { - transform: translateY(-15px); - } - 60% { + 40%, 60% { transform: translateY(-15px); } } @@ -15,11 +12,26 @@ 0%, 10%, 20%, 50%, 80%, 100% { transform: translateY(0); } - 40% { + 40%, 60% { transform: translateY(-15px); } - 60% { - transform: translateY(-15px); +} + +@-webkit-keyframes bounce-reverse { + 0%, 10%, 20%, 50%, 80%, 100% { + transform: translateY(0); + } + 40%, 60% { + transform: translateY(15px); + } +} + +@keyframes bounce-reverse { + 0%, 10%, 20%, 50%, 80%, 100% { + transform: translateY(0); + } + 40%, 60% { + transform: translateY(15px); } } @@ -44,6 +56,27 @@ animation: bounce 3s ease infinite; } +.faa-bounce.faa-reverse.animated, +.faa-bounce.faa-reverse.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-bounce.faa-reverse { + -webkit-animation: bounce-reverse 2s ease infinite; + animation: bounce-reverse 2s ease infinite; +} + +.faa-bounce.faa-reverse.animated.faa-fast, +.faa-bounce.faa-reverse.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-bounce.faa-reverse.faa-fast { + -webkit-animation: bounce-reverse 1s ease infinite; + animation: bounce-reverse 1s ease infinite; +} + +.faa-bounce.faa-reverse.animated.faa-slow, +.faa-bounce.faa-reverse.animated-hover.faa-slow:hover, +.faa-parent.animated-hover:hover > .faa-bounce.faa-reverse.faa-slow { + -webkit-animation: bounce-reverse 3s ease infinite; + animation: bounce-reverse 3s ease infinite; +} + @-webkit-keyframes burst { 0% { opacity: .6; @@ -121,6 +154,36 @@ } } +@-webkit-keyframes falling-reverse { + 0% { + transform: translateY(50%); + opacity: 0; + } + 50% { + transform: translateY(0%); + opacity: 1; + } + 100% { + transform: translateY(-50%); + opacity: 0; + } +} + +@keyframes falling-reverse { + 0% { + transform: translateY(50%); + opacity: 0; + } + 50% { + transform: translateY(0%); + opacity: 1; + } + 100% { + transform: translateY(-50%); + opacity: 0; + } +} + .faa-falling.animated, .faa-falling.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-falling { @@ -142,8 +205,38 @@ animation: falling 3s linear infinite; } +.faa-falling.faa-reverse.animated, +.faa-falling.faa-reverse.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-falling.faa-reverse, +.faa-rising.animated, +.faa-rising.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-rising { + -webkit-animation: falling-reverse 2s linear infinite; + animation: falling-reverse 2s linear infinite; +} + +.faa-falling.faa-reverse.animated.faa-fast, +.faa-falling.faa-reverse.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-falling.faa-reverse.faa-fast, +.faa-rising.animated.faa-fast, +.faa-rising.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-rising.faa-fast { + -webkit-animation: falling-reverse 1s linear infinite; + animation: falling-reverse 1s linear infinite; +} + +.faa-falling.faa-reverse.animated.faa-slow, +.faa-falling.faa-reverse.animated-hover.faa-slow:hover, +.faa-parent.animated-hover:hover > .faa-falling.faa-reverse.faa-slow, +.faa-rising.animated.faa-slow, +.faa-rising.animated-hover.faa-slow:hover, +.faa-parent.animated-hover:hover > .faa-rising.faa-slow { + -webkit-animation: falling-reverse 3s linear infinite; + animation: falling-reverse 3s linear infinite; +} + @-webkit-keyframes flash { - 0%, 100%, 50% { + 0%, 50%, 100% { opacity: 1; } 25%, 75% { @@ -152,7 +245,7 @@ } @keyframes flash { - 0%, 100%, 50% { + 0%, 50%, 100% { opacity: 1; } 25%, 75% { @@ -182,27 +275,21 @@ } @-webkit-keyframes float { - 0% { + 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } - 100% { - transform: translateY(0); - } } @keyframes float { - 0% { + 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } - 100% { - transform: translateY(0); - } } .faa-float.animated, @@ -227,50 +314,38 @@ } @-webkit-keyframes horizontal { - 0% { + 0%, 12%, 24%, 36%, 100% { transform: translate(0, 0); } - 6% { + 6%, 18%, 30% { transform: translate(5px, 0); } - 12% { - transform: translate(0, 0); - } - 18% { - transform: translate(5px, 0); - } - 24% { - transform: translate(0, 0); - } - 30% { - transform: translate(5px, 0); - } - 36%, 100% { - transform: translate(0, 0); - } } @keyframes horizontal { - 0% { + 0%, 12%, 24%, 36%, 100% { transform: translate(0, 0); } - 6% { + 6%, 18%, 30% { transform: translate(5px, 0); } - 12% { +} + +@-webkit-keyframes horizontal-reverse { + 0%, 12%, 24%, 36%, 100% { transform: translate(0, 0); } - 18% { - transform: translate(5px, 0); + 6%, 18%, 30% { + transform: translate(-5px, 0); } - 24% { +} + +@keyframes horizontal-reverse { + 0%, 12%, 24%, 36%, 100% { transform: translate(0, 0); } - 30% { - transform: translate(5px, 0); - } - 36%, 100% { - transform: translate(0, 0); + 6%, 18%, 30% { + transform: translate(-5px, 0); } } @@ -295,55 +370,25 @@ animation: horizontal 3s ease infinite; } -@-webkit-keyframes passing-reverse { - 0% { - transform: translateX(50%); - opacity: 0; - } - 50% { - transform: translateX(0%); - opacity: 1; - } - 100% { - transform: translateX(-50%); - opacity: 0; - } +.faa-horizontal.faa-reverse.animated, +.faa-horizontal.faa-reverse.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-horizontal.faa-reverse { + -webkit-animation: horizontal-reverse 2s ease infinite; + animation: horizontal-reverse 2s ease infinite; } -@keyframes passing-reverse { - 0% { - transform: translateX(50%); - opacity: 0; - } - 50% { - transform: translateX(0%); - opacity: 1; - } - 100% { - transform: translateX(-50%); - opacity: 0; - } +.faa-horizontal.faa-reverse.animated.faa-fast, +.faa-horizontal.faa-reverse.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-horizontal.faa-reverse.faa-fast { + -webkit-animation: horizontal-reverse 1s ease infinite; + animation: horizontal-reverse 1s ease infinite; } -.faa-passing-reverse.animated, -.faa-passing-reverse.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-passing-reverse { - -webkit-animation: passing-reverse 2s linear infinite; - animation: passing-reverse 2s linear infinite; -} - -.faa-passing-reverse.animated.faa-fast, -.faa-passing-reverse.animated-hover.faa-fast:hover, -.faa-parent.animated-hover:hover > .faa-passing-reverse.faa-fast { - -webkit-animation: passing-reverse 1s linear infinite; - animation: passing-reverse 1s linear infinite; -} - -.faa-passing-reverse.animated.faa-slow, -.faa-passing-reverse.animated-hover.faa-slow:hover, -.faa-parent.animated-hover:hover > .faa-passing-reverse.faa-slow { - -webkit-animation: passing-reverse 3s linear infinite; - animation: passing-reverse 3s linear infinite; +.faa-horizontal.faa-reverse.animated.faa-slow, +.faa-horizontal.faa-reverse.animated-hover.faa-slow:hover, +.faa-parent.animated-hover:hover > .faa-horizontal.faa-reverse.faa-slow { + -webkit-animation: horizontal-reverse 3s ease infinite; + animation: horizontal-reverse 3s ease infinite; } @-webkit-keyframes passing { @@ -376,6 +421,36 @@ } } +@-webkit-keyframes passing-reverse { + 0% { + transform: translateX(50%); + opacity: 0; + } + 50% { + transform: translateX(0%); + opacity: 1; + } + 100% { + transform: translateX(-50%); + opacity: 0; + } +} + +@keyframes passing-reverse { + 0% { + transform: translateX(50%); + opacity: 0; + } + 50% { + transform: translateX(0%); + opacity: 1; + } + 100% { + transform: translateX(-50%); + opacity: 0; + } +} + .faa-passing.animated, .faa-passing.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-passing { @@ -397,28 +472,43 @@ animation: passing 3s linear infinite; } +.faa-passing.faa-reverse.animated, +.faa-passing.faa-reverse.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-passing.faa-reverse { + -webkit-animation: passing-reverse 2s linear infinite; + animation: passing-reverse 2s linear infinite; +} + +.faa-passing.faa-reverse.animated.faa-fast, +.faa-passing.faa-reverse.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-passing.reverse.faa-fast { + -webkit-animation: passing-reverse 1s linear infinite; + animation: passing-reverse 1s linear infinite; +} + +.faa-passing.faa-reverse.animated.faa-slow, +.faa-passing.faa-reverse.animated-hover.faa-slow:hover, +.faa-parent.animated-hover:hover > .faa-passing.faa-reverse.faa-slow { + -webkit-animation: passing-reverse 3s linear infinite; + animation: passing-reverse 3s linear infinite; +} + @-webkit-keyframes pulse { - 0% { + 0%, 100% { transform: scale(1.1); } 50% { transform: scale(0.8); } - 100% { - transform: scale(1.1); - } } @keyframes pulse { - 0% { + 0%, 100% { transform: scale(1.1); } 50% { transform: scale(0.8); } - 100% { - transform: scale(1.1); - } } .faa-pulse.animated, @@ -449,10 +539,10 @@ 2% { transform: rotate(15deg); } - 4% { + 4%, 12% { transform: rotate(-18deg); } - 6% { + 6%, 14% { transform: rotate(18deg); } 8% { @@ -461,12 +551,6 @@ 10% { transform: rotate(22deg); } - 12% { - transform: rotate(-18deg); - } - 14% { - transform: rotate(18deg); - } 16% { transform: rotate(-12deg); } @@ -485,10 +569,10 @@ 2% { transform: rotate(15deg); } - 4% { + 4%, 12% { transform: rotate(-18deg); } - 6% { + 6%, 14% { transform: rotate(18deg); } 8% { @@ -497,12 +581,6 @@ 10% { transform: rotate(22deg); } - 12% { - transform: rotate(-18deg); - } - 14% { - transform: rotate(18deg); - } 16% { transform: rotate(-12deg); } @@ -538,57 +616,6 @@ animation: ring 3s ease infinite; } -@-webkit-keyframes rising { - 0% { - transform: translateY(50%); - opacity: 0; - } - 50% { - transform: translateY(0%); - opacity: 1; - } - 100% { - transform: translateY(-50%); - opacity: 0; - } -} - -@keyframes rising { - 0% { - transform: translateY(50%); - opacity: 0; - } - 50% { - transform: translateY(0%); - opacity: 1; - } - 100% { - transform: translateY(-50%); - opacity: 0; - } -} - -.faa-rising.animated, -.faa-rising.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-rising { - -webkit-animation: rising 2s linear infinite; - animation: rising 2s linear infinite; -} - -.faa-rising.animated.faa-fast, -.faa-rising.animated-hover.faa-fast:hover, -.faa-parent.animated-hover:hover > .faa-rising.faa-fast { - -webkit-animation: rising 1s linear infinite; - animation: rising 1s linear infinite; -} - -.faa-rising.animated.faa-slow, -.faa-rising.animated-hover.faa-slow:hover, -.faa-parent.animated-hover:hover > .faa-rising.faa-slow { - -webkit-animation: rising 3s linear infinite; - animation: rising 3s linear infinite; -} - .faa-shake.animated, .faa-shake.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-shake { @@ -599,15 +626,15 @@ .faa-shake.animated.faa-fast, .faa-shake.animated-hover.faa-fast:hover, .faa-parent.animated-hover:hover > .faa-shake.faa-fast { - -webkit-animation: wrench 1.2s ease infinite; - animation: wrench 1.2s ease infinite; + -webkit-animation: wrench 1.25s ease infinite; + animation: wrench 1.25s ease infinite; } .faa-shake.animated.faa-slow, .faa-shake.animated-hover.faa-slow:hover, .faa-parent.animated-hover:hover > .faa-shake.faa-slow { - -webkit-animation: wrench 3.7s ease infinite; - animation: wrench 3.7s ease infinite; + -webkit-animation: wrench 3.75s ease infinite; + animation: wrench 3.75s ease infinite; } @-webkit-keyframes spin { @@ -628,6 +655,24 @@ } } +@-webkit-keyframes spin-reverse { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(-359deg); + } +} + +@keyframes spin-reverse { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(-359deg); + } +} + .faa-spin.animated, .faa-spin.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-spin { @@ -638,15 +683,36 @@ .faa-spin.animated.faa-fast, .faa-spin.animated-hover.faa-fast:hover, .faa-parent.animated-hover:hover > .faa-spin.faa-fast { - -webkit-animation: spin 0.7s linear infinite; - animation: spin 0.7s linear infinite; + -webkit-animation: spin 0.75s linear infinite; + animation: spin 0.75s linear infinite; } .faa-spin.animated.faa-slow, .faa-spin.animated-hover.faa-slow:hover, .faa-parent.animated-hover:hover > .faa-spin.faa-slow { - -webkit-animation: spin 2.2s linear infinite; - animation: spin 2.2s linear infinite; + -webkit-animation: spin 2.25s linear infinite; + animation: spin 2.25s linear infinite; +} + +.faa-spin.faa-reverse.animated, +.faa-spin.faa-reverse.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-spin.faa-reverse { + -webkit-animation: spin-reverse 1.5s linear infinite; + animation: spin-reverse 1.5s linear infinite; +} + +.faa-spin.faa-reverse.animated.faa-fast, +.faa-spin.faa-reverse.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-spin.faa-reverse.faa-fast { + -webkit-animation: spin-reverse 0.75s linear infinite; + animation: spin-reverse 0.75s linear infinite; +} + +.faa-spin.faa-reverse.animated.faa-slow, +.faa-spin.faa-reverse.animated-hover.faa-slow:hover, +.faa-parent.animated-hover:hover > .faa-spin.faa-reverse.faa-slow { + -webkit-animation: spin-reverse 2.25s linear infinite; + animation: spin-reverse 2.25s linear infinite; } @-webkit-keyframes tada { @@ -707,22 +773,10 @@ } @-webkit-keyframes vertical { - 0% { + 0%, 8%, 16% { transform: translate(0, -3px); } - 4% { - transform: translate(0, 3px); - } - 8% { - transform: translate(0, -3px); - } - 12% { - transform: translate(0, 3px); - } - 16% { - transform: translate(0, -3px); - } - 20% { + 4%, 12%, 20% { transform: translate(0, 3px); } 22%, 100% { @@ -731,22 +785,10 @@ } @keyframes vertical { - 0% { + 0%, 8%, 16% { transform: translate(0, -3px); } - 4% { - transform: translate(0, 3px); - } - 8% { - transform: translate(0, -3px); - } - 12% { - transform: translate(0, 3px); - } - 16% { - transform: translate(0, -3px); - } - 20% { + 4%, 12%, 20% { transform: translate(0, 3px); } 22%, 100% { @@ -771,8 +813,8 @@ .faa-vertical.animated.faa-slow, .faa-vertical.animated-hover.faa-slow:hover, .faa-parent.animated-hover:hover > .faa-vertical.faa-slow { - -webkit-animation: vertical 4s ease infinite; - animation: vertical 4s ease infinite; + -webkit-animation: vertical 3s ease infinite; + animation: vertical 3s ease infinite; } @-webkit-keyframes wrench { @@ -782,42 +824,12 @@ 8% { transform: rotate(12deg); } - 10% { + 10%, 28%, 30%, 48%, 50%, 68% { transform: rotate(24deg); } - 18% { + 18%, 20%, 38%, 40%, 58%, 60% { transform: rotate(-24deg); } - 20% { - transform: rotate(-24deg); - } - 28% { - transform: rotate(24deg); - } - 30% { - transform: rotate(24deg); - } - 38% { - transform: rotate(-24deg); - } - 40% { - transform: rotate(-24deg); - } - 48% { - transform: rotate(24deg); - } - 50% { - transform: rotate(24deg); - } - 58% { - transform: rotate(-24deg); - } - 60% { - transform: rotate(-24deg); - } - 68% { - transform: rotate(24deg); - } 75%, 100% { transform: rotate(0deg); } @@ -830,42 +842,12 @@ 8% { transform: rotate(12deg); } - 10% { + 10%, 28%, 30%, 48%, 50%, 68% { transform: rotate(24deg); } - 18% { + 18%, 20%, 38%, 40%, 58%, 60% { transform: rotate(-24deg); } - 20% { - transform: rotate(-24deg); - } - 28% { - transform: rotate(24deg); - } - 30% { - transform: rotate(24deg); - } - 38% { - transform: rotate(-24deg); - } - 40% { - transform: rotate(-24deg); - } - 48% { - transform: rotate(24deg); - } - 50% { - transform: rotate(24deg); - } - 58% { - transform: rotate(-24deg); - } - 60% { - transform: rotate(-24deg); - } - 68% { - transform: rotate(24deg); - } 75%, 100% { transform: rotate(0deg); } @@ -884,14 +866,14 @@ .faa-wrench.animated.faa-fast, .faa-wrench.animated-hover.faa-fast:hover, .faa-parent.animated-hover:hover > .faa-wrench.faa-fast { - -webkit-animation: wrench 1.2s ease infinite; - animation: wrench 1.2s ease infinite; + -webkit-animation: wrench 1.25s ease infinite; + animation: wrench 1.25s ease infinite; } .faa-wrench.animated.faa-slow, .faa-wrench.animated-hover.faa-slow:hover, .faa-parent.animated-hover:hover > .faa-wrench.faa-slow { - -webkit-animation: wrench 3.7s ease infinite; - animation: wrench 3.7s ease infinite; + -webkit-animation: wrench 3.75s ease infinite; + animation: wrench 3.75s ease infinite; } /*# sourceMappingURL=font-awesome-animation.css.map */ \ No newline at end of file diff --git a/css/font-awesome-animation.css.map b/css/font-awesome-animation.css.map index bffa726..ee1a75d 100644 --- a/css/font-awesome-animation.css.map +++ b/css/font-awesome-animation.css.map @@ -1 +1 @@ -{"version":3,"sources":["../scss/bounce.scss","font-awesome-animation.css","../scss/burst.scss","../scss/falling.scss","../scss/flash.scss","../scss/float.scss","../scss/horizontal.scss","../scss/passing-reverse.scss","../scss/passing.scss","../scss/pulse.scss","../scss/ring.scss","../scss/rising.scss","../scss/shake.scss","../scss/spin.scss","../scss/tada.scss","../scss/vertical.scss","../scss/wrench.scss"],"names":[],"mappings":"AAAA;EACE;IACE,wBAAuB;ECCzB;EDCA;IACE,4BAA2B;ECC7B;EDCA;IACE,4BAA2B;ECC7B;AACF;;ADVA;EACE;IACE,wBAAuB;ECCzB;EDCA;IACE,4BAA2B;ECC7B;EDCA;IACE,4BAA2B;ECC7B;AACF;;ADCA;;;EAGE,0CAAkC;UAAlC,kCAAkC;ACEpC;;ADAA;;;EAGE,0CAAkC;UAAlC,kCAAkC;ACGpC;;ADDA;;;EAGE,0CAAkC;UAAlC,kCAAkC;ACIpC;;AC5BA;EACE;IACE,WAAU;ED+BZ;EC7BA;IACE,qBAAoB;IACpB,UAAS;ED+BX;EC7BA;IACE,UAAS;ED+BX;AACF;;ACzCA;EACE;IACE,WAAU;ED+BZ;EC7BA;IACE,qBAAoB;IACpB,UAAS;ED+BX;EC7BA;IACE,UAAS;ED+BX;AACF;;AC7BA;;;EAGE,2CAAmC;UAAnC,mCAAmC;ADgCrC;;AC9BA;;;EAGE,2CAAmC;UAAnC,mCAAmC;ADiCrC;;AC/BA;;;EAGE,2CAAmC;UAAnC,mCAAmC;ADkCrC;;AE3DA;EACE;IACE,2BAA0B;IAC1B,UAAS;EF8DX;EE5DA;IACE,yBAAwB;IACxB,UAAS;EF8DX;EE5DA;IACE,0BAAyB;IACzB,UAAS;EF8DX;AACF;;AE1EA;EACE;IACE,2BAA0B;IAC1B,UAAS;EF8DX;EE5DA;IACE,yBAAwB;IACxB,UAAS;EF8DX;EE5DA;IACE,0BAAyB;IACzB,UAAS;EF8DX;AACF;;AE5DA;;;EAGE,6CAAqC;UAArC,qCAAqC;AF+DvC;;AE7DA;;;EAGE,6CAAqC;UAArC,qCAAqC;AFgEvC;;AE9DA;;;EAGE,6CAAqC;UAArC,qCAAqC;AFiEvC;;AG5FA;EACE;IACE,UAAS;EH+FX;EG7FA;IAEE,UAAS;EH8FX;AACF;;AGrGA;EACE;IACE,UAAS;EH+FX;EG7FA;IAEE,UAAS;EH8FX;AACF;;AG5FA;;;EAGE,yCAAiC;UAAjC,iCAAiC;AH+FnC;;AG7FA;;;EAGE,yCAAiC;UAAjC,iCAAiC;AHgGnC;;AG9FA;;;EAGE,yCAAiC;UAAjC,iCAAiC;AHiGnC;;AIvHA;EACE;IACE,wBAAwB;EJ0H1B;EIxHA;IACE,2BAA2B;EJ0H7B;EIxHA;IACE,wBAAwB;EJ0H1B;AACF;;AInIA;EACE;IACE,wBAAwB;EJ0H1B;EIxHA;IACE,2BAA2B;EJ0H7B;EIxHA;IACE,wBAAwB;EJ0H1B;AACF;;AIxHA;;;EAGE,2CAAmC;UAAnC,mCAAmC;AJ2HrC;;AIzHA;;;EAGE,2CAAmC;UAAnC,mCAAmC;AJ4HrC;;AI1HA;;;EAGE,2CAAmC;UAAnC,mCAAmC;AJ6HrC;;AKrJA;EACE;IACE,0BAAwB;ELwJ1B;EKtJA;IACE,4BAA0B;ELwJ5B;EKtJA;IACE,0BAAwB;ELwJ1B;EKtJA;IACE,4BAA0B;ELwJ5B;EKtJA;IACE,0BAAwB;ELwJ1B;EKtJA;IACE,4BAA0B;ELwJ5B;EKtJA;IACE,0BAAwB;ELwJ1B;AACF;;AK7KA;EACE;IACE,0BAAwB;ELwJ1B;EKtJA;IACE,4BAA0B;ELwJ5B;EKtJA;IACE,0BAAwB;ELwJ1B;EKtJA;IACE,4BAA0B;ELwJ5B;EKtJA;IACE,0BAAwB;ELwJ1B;EKtJA;IACE,4BAA0B;ELwJ5B;EKtJA;IACE,0BAAwB;ELwJ1B;AACF;;AKtJA;;;EAGE,8CAAsC;UAAtC,sCAAsC;ALyJxC;;AKvJA;;;EAGE,8CAAsC;UAAtC,sCAAsC;AL0JxC;;AKxJA;;;EAGE,8CAAsC;UAAtC,sCAAsC;AL2JxC;;AM/LA;EACE;IACE,0BAAyB;IACzB,UAAS;ENkMX;EMhMA;IACE,yBAAwB;IACxB,UAAS;ENkMX;EMhMA;IACE,2BAA0B;IAC1B,UAAS;ENkMX;AACF;;AM9MA;EACE;IACE,0BAAyB;IACzB,UAAS;ENkMX;EMhMA;IACE,yBAAwB;IACxB,UAAS;ENkMX;EMhMA;IACE,2BAA0B;IAC1B,UAAS;ENkMX;AACF;;AMhMA;;;EAGE,qDAA6C;UAA7C,6CAA6C;ANmM/C;;AMjMA;;;EAGE,qDAA6C;UAA7C,6CAA6C;ANoM/C;;AMlMA;;;EAGE,qDAA6C;UAA7C,6CAA6C;ANqM/C;;AOhOA;EACE;IACE,2BAA0B;IAC1B,UAAS;EPmOX;EOjOA;IACE,yBAAwB;IACxB,UAAS;EPmOX;EOjOA;IACE,0BAAyB;IACzB,UAAS;EPmOX;AACF;;AO/OA;EACE;IACE,2BAA0B;IAC1B,UAAS;EPmOX;EOjOA;IACE,yBAAwB;IACxB,UAAS;EPmOX;EOjOA;IACE,0BAAyB;IACzB,UAAS;EPmOX;AACF;;AOjOA;;;EAGE,6CAAqC;UAArC,qCAAqC;APoOvC;;AOlOA;;;EAGE,6CAAqC;UAArC,qCAAqC;APqOvC;;AOnOA;;;EAGE,6CAAqC;UAArC,qCAAqC;APsOvC;;AQjQA;EACE;IACE,qBAAqB;ERoQvB;EQlQA;IACE,qBAAqB;ERoQvB;EQlQA;IACE,qBAAqB;ERoQvB;AACF;;AQ7QA;EACE;IACE,qBAAqB;ERoQvB;EQlQA;IACE,qBAAqB;ERoQvB;EQlQA;IACE,qBAAqB;ERoQvB;AACF;;AQlQA;;;EAGE,2CAAmC;UAAnC,mCAAmC;ARqQrC;;AQnQA;;;EAGE,2CAAmC;UAAnC,mCAAmC;ARsQrC;;AQpQA;;;EAGE,2CAAmC;UAAnC,mCAAmC;ARuQrC;;AS/RA;EACE;IACE,yBAAwB;ETkS1B;EShSA;IACE,wBAAuB;ETkSzB;EShSA;IACE,yBAAwB;ETkS1B;EShSA;IACE,wBAAuB;ETkSzB;EShSA;IACE,yBAAwB;ETkS1B;EShSA;IACE,wBAAuB;ETkSzB;EShSA;IACE,yBAAwB;ETkS1B;EShSA;IACE,wBAAuB;ETkSzB;EShSA;IACE,yBAAwB;ETkS1B;EShSA;IACE,wBAAuB;ETkSzB;EShSA;IACE,uBAAsB;ETkSxB;AACF;;ASnUA;EACE;IACE,yBAAwB;ETkS1B;EShSA;IACE,wBAAuB;ETkSzB;EShSA;IACE,yBAAwB;ETkS1B;EShSA;IACE,wBAAuB;ETkSzB;EShSA;IACE,yBAAwB;ETkS1B;EShSA;IACE,wBAAuB;ETkSzB;EShSA;IACE,yBAAwB;ETkS1B;EShSA;IACE,wBAAuB;ETkSzB;EShSA;IACE,yBAAwB;ETkS1B;EShSA;IACE,wBAAuB;ETkSzB;EShSA;IACE,uBAAsB;ETkSxB;AACF;;AShSA;;;EAGE,wCAAgC;UAAhC,gCAAgC;EAChC,uBAAuB;EACvB,uBAAuB;EACvB,2BAA2B;ATmS7B;;ASjSA;;;EAGE,wCAAgC;UAAhC,gCAAgC;AToSlC;;ASlSA;;;EAGE,wCAAgC;UAAhC,gCAAgC;ATqSlC;;AUxVA;EACE;IACE,0BAAyB;IACzB,UAAS;EV2VX;EUzVA;IACE,yBAAwB;IACxB,UAAS;EV2VX;EUzVA;IACE,2BAA0B;IAC1B,UAAS;EV2VX;AACF;;AUvWA;EACE;IACE,0BAAyB;IACzB,UAAS;EV2VX;EUzVA;IACE,yBAAwB;IACxB,UAAS;EV2VX;EUzVA;IACE,2BAA0B;IAC1B,UAAS;EV2VX;AACF;;AUzVA;;;EAGE,4CAAoC;UAApC,oCAAoC;AV4VtC;;AU1VA;;;EAGE,4CAAoC;UAApC,oCAAoC;AV6VtC;;AU3VA;;;EAGE,4CAAoC;UAApC,oCAAoC;AV8VtC;;AWzXA;;;EAGE,4CAAoC;UAApC,oCAAoC;AX4XtC;;AW1XA;;;EAGE,4CAAoC;UAApC,oCAAoC;AX6XtC;;AW3XA;;;EAGE,4CAAoC;UAApC,oCAAoC;AX8XtC;;AY3YA;EACE;IACE,uBAAsB;EZ8YxB;EY5YA;IACE,yBAAwB;EZ8Y1B;AACF;;AYpZA;EACE;IACE,uBAAsB;EZ8YxB;EY5YA;IACE,yBAAwB;EZ8Y1B;AACF;;AY5YA;;;EAGE,4CAAoC;UAApC,oCAAoC;AZ+YtC;;AY7YA;;;EAGE,4CAAoC;UAApC,oCAAoC;AZgZtC;;AY9YA;;;EAGE,4CAAoC;UAApC,oCAAoC;AZiZtC;;AataA;EACE;IACE,mBAAmB;EbyarB;EavaA;IACE,mCAAiC;EbyanC;EavaA;IACE,kCAAiC;EbyanC;EavaA;IACE,mCAAkC;EbyapC;EavaA;IACE,6BAA4B;Ebya9B;AACF;;AaxbA;EACE;IACE,mBAAmB;EbyarB;EavaA;IACE,mCAAiC;EbyanC;EavaA;IACE,kCAAiC;EbyanC;EavaA;IACE,mCAAkC;EbyapC;EavaA;IACE,6BAA4B;Ebya9B;AACF;;AavaA;;;EAGE,0CAAkC;UAAlC,kCAAkC;Ab0apC;;AaxaA;;;EAGE,0CAAkC;UAAlC,kCAAkC;Ab2apC;;AazaA;;;EAGE,0CAAkC;UAAlC,kCAAkC;Ab4apC;;Ac1cA;EACE;IACE,6BAA2B;Ed6c7B;Ec3cA;IACE,4BAA0B;Ed6c5B;Ec3cA;IACE,6BAA2B;Ed6c7B;Ec3cA;IACE,4BAA0B;Ed6c5B;Ec3cA;IACE,6BAA2B;Ed6c7B;Ec3cA;IACE,4BAA0B;Ed6c5B;Ec3cA;IACE,0BAAwB;Ed6c1B;AACF;;AcleA;EACE;IACE,6BAA2B;Ed6c7B;Ec3cA;IACE,4BAA0B;Ed6c5B;Ec3cA;IACE,6BAA2B;Ed6c7B;Ec3cA;IACE,4BAA0B;Ed6c5B;Ec3cA;IACE,6BAA2B;Ed6c7B;Ec3cA;IACE,4BAA0B;Ed6c5B;Ec3cA;IACE,0BAAwB;Ed6c1B;AACF;;Ac3cA;;;EAGE,4CAAoC;UAApC,oCAAoC;Ad8ctC;;Ac5cA;;;EAGE,4CAAoC;UAApC,oCAAoC;Ad+ctC;;Ac7cA;;;EAGE,4CAAoC;UAApC,oCAAoC;AdgdtC;;AepfA;EACE;IACE,yBAAwB;Efuf1B;EerfA;IACE,wBAAuB;EfufzB;EerfA;IACE,wBAAuB;EfufzB;EerfA;IACE,yBAAwB;Efuf1B;EerfA;IACE,yBAAwB;Efuf1B;EerfA;IACE,wBAAuB;EfufzB;EerfA;IACE,wBAAuB;EfufzB;EerfA;IACE,yBAAwB;Efuf1B;EerfA;IACE,yBAAwB;Efuf1B;EerfA;IACE,wBAAuB;EfufzB;EerfA;IACE,wBAAuB;EfufzB;EerfA;IACE,yBAAwB;Efuf1B;EerfA;IACE,yBAAwB;Efuf1B;EerfA;IACE,wBAAuB;EfufzB;EerfA;IACE,uBAAsB;EfufxB;AACF;;AepiBA;EACE;IACE,yBAAwB;Efuf1B;EerfA;IACE,wBAAuB;EfufzB;EerfA;IACE,wBAAuB;EfufzB;EerfA;IACE,yBAAwB;Efuf1B;EerfA;IACE,yBAAwB;Efuf1B;EerfA;IACE,wBAAuB;EfufzB;EerfA;IACE,wBAAuB;EfufzB;EerfA;IACE,yBAAwB;Efuf1B;EerfA;IACE,yBAAwB;Efuf1B;EerfA;IACE,wBAAuB;EfufzB;EerfA;IACE,wBAAuB;EfufzB;EerfA;IACE,yBAAwB;Efuf1B;EerfA;IACE,yBAAwB;Efuf1B;EerfA;IACE,wBAAuB;EfufzB;EerfA;IACE,uBAAsB;EfufxB;AACF;;AerfA;;;EAGE,4CAAoC;UAApC,oCAAoC;EACpC,uBAAuB;EACvB,uBAAuB;EACvB,2BAA2B;Afwf7B;;AetfA;;;EAGE,4CAAoC;UAApC,oCAAoC;AfyftC;;AevfA;;;EAGE,4CAAoC;UAApC,oCAAoC;Af0ftC","file":"font-awesome-animation.css"} \ No newline at end of file +{"version":3,"sources":["../scss/bounce.scss","font-awesome-animation.css","../scss/burst.scss","../scss/falling.scss","../scss/flash.scss","../scss/float.scss","../scss/horizontal.scss","../scss/passing.scss","../scss/pulse.scss","../scss/ring.scss","../scss/shake.scss","../scss/spin.scss","../scss/tada.scss","../scss/vertical.scss","../scss/wrench.scss"],"names":[],"mappings":"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","file":"font-awesome-animation.css"} \ No newline at end of file diff --git a/css/font-awesome-animation.min.css b/css/font-awesome-animation.min.css index 09bbc75..b6533a9 100644 --- a/css/font-awesome-animation.min.css +++ b/css/font-awesome-animation.min.css @@ -1,2 +1,2 @@ /*! font-awesome-animation v1.0.0 | MIT License | https://github.com/l-lin/font-awesome-animation */ -@-webkit-keyframes bounce{0%,10%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-15px)}}@keyframes bounce{0%,10%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-15px)}}.faa-bounce.animated,.faa-bounce.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-bounce{-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite}.faa-bounce.animated-hover.faa-fast:hover,.faa-bounce.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-bounce.faa-fast{-webkit-animation:bounce 1s ease infinite;animation:bounce 1s ease infinite}.faa-bounce.animated-hover.faa-slow:hover,.faa-bounce.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-bounce.faa-slow{-webkit-animation:bounce 3s ease infinite;animation:bounce 3s ease infinite}@-webkit-keyframes burst{0%{opacity:.6}50%{transform:scale(1.8);opacity:0}100%{opacity:0}}@keyframes burst{0%{opacity:.6}50%{transform:scale(1.8);opacity:0}100%{opacity:0}}.faa-burst.animated,.faa-burst.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-burst{-webkit-animation:burst 2s infinite linear;animation:burst 2s infinite linear}.faa-burst.animated-hover.faa-fast:hover,.faa-burst.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-burst.faa-fast{-webkit-animation:burst 1s infinite linear;animation:burst 1s infinite linear}.faa-burst.animated-hover.faa-slow:hover,.faa-burst.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-burst.faa-slow{-webkit-animation:burst 3s infinite linear;animation:burst 3s infinite linear}@-webkit-keyframes falling{0%{transform:translateY(-50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(50%);opacity:0}}@keyframes falling{0%{transform:translateY(-50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(50%);opacity:0}}.faa-falling.animated,.faa-falling.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-falling{-webkit-animation:falling 2s linear infinite;animation:falling 2s linear infinite}.faa-falling.animated-hover.faa-fast:hover,.faa-falling.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-falling.faa-fast{-webkit-animation:falling 1s linear infinite;animation:falling 1s linear infinite}.faa-falling.animated-hover.faa-slow:hover,.faa-falling.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-falling.faa-slow{-webkit-animation:falling 3s linear infinite;animation:falling 3s linear infinite}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.faa-flash.animated,.faa-flash.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-flash{-webkit-animation:flash 2s ease infinite;animation:flash 2s ease infinite}.faa-flash.animated-hover.faa-fast:hover,.faa-flash.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-flash.faa-fast{-webkit-animation:flash 1s ease infinite;animation:flash 1s ease infinite}.faa-flash.animated-hover.faa-slow:hover,.faa-flash.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-flash.faa-slow{-webkit-animation:flash 3s ease infinite;animation:flash 3s ease infinite}@-webkit-keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}.faa-float.animated,.faa-float.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-float{-webkit-animation:float 2s linear infinite;animation:float 2s linear infinite}.faa-float.animated-hover.faa-fast:hover,.faa-float.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-float.faa-fast{-webkit-animation:float 1s linear infinite;animation:float 1s linear infinite}.faa-float.animated-hover.faa-slow:hover,.faa-float.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-float.faa-slow{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite}@-webkit-keyframes horizontal{0%{transform:translate(0,0)}6%{transform:translate(5px,0)}12%{transform:translate(0,0)}18%{transform:translate(5px,0)}24%{transform:translate(0,0)}30%{transform:translate(5px,0)}100%,36%{transform:translate(0,0)}}@keyframes horizontal{0%{transform:translate(0,0)}6%{transform:translate(5px,0)}12%{transform:translate(0,0)}18%{transform:translate(5px,0)}24%{transform:translate(0,0)}30%{transform:translate(5px,0)}100%,36%{transform:translate(0,0)}}.faa-horizontal.animated,.faa-horizontal.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-horizontal{-webkit-animation:horizontal 2s ease infinite;animation:horizontal 2s ease infinite}.faa-horizontal.animated-hover.faa-fast:hover,.faa-horizontal.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-horizontal.faa-fast{-webkit-animation:horizontal 1s ease infinite;animation:horizontal 1s ease infinite}.faa-horizontal.animated-hover.faa-slow:hover,.faa-horizontal.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-horizontal.faa-slow{-webkit-animation:horizontal 3s ease infinite;animation:horizontal 3s ease infinite}@-webkit-keyframes passing-reverse{0%{transform:translateX(50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(-50%);opacity:0}}@keyframes passing-reverse{0%{transform:translateX(50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(-50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing-reverse,.faa-passing-reverse.animated,.faa-passing-reverse.animated-hover:hover{-webkit-animation:passing-reverse 2s linear infinite;animation:passing-reverse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-fast,.faa-passing-reverse.animated-hover.faa-fast:hover,.faa-passing-reverse.animated.faa-fast{-webkit-animation:passing-reverse 1s linear infinite;animation:passing-reverse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-slow,.faa-passing-reverse.animated-hover.faa-slow:hover,.faa-passing-reverse.animated.faa-slow{-webkit-animation:passing-reverse 3s linear infinite;animation:passing-reverse 3s linear infinite}@-webkit-keyframes passing{0%{transform:translateX(-50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(50%);opacity:0}}@keyframes passing{0%{transform:translateX(-50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing,.faa-passing.animated,.faa-passing.animated-hover:hover{-webkit-animation:passing 2s linear infinite;animation:passing 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-fast,.faa-passing.animated-hover.faa-fast:hover,.faa-passing.animated.faa-fast{-webkit-animation:passing 1s linear infinite;animation:passing 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-slow,.faa-passing.animated-hover.faa-slow:hover,.faa-passing.animated.faa-slow{-webkit-animation:passing 3s linear infinite;animation:passing 3s linear infinite}@-webkit-keyframes pulse{0%{transform:scale(1.1)}50%{transform:scale(.8)}100%{transform:scale(1.1)}}@keyframes pulse{0%{transform:scale(1.1)}50%{transform:scale(.8)}100%{transform:scale(1.1)}}.faa-parent.animated-hover:hover>.faa-pulse,.faa-pulse.animated,.faa-pulse.animated-hover:hover{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-fast,.faa-pulse.animated-hover.faa-fast:hover,.faa-pulse.animated.faa-fast{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-slow,.faa-pulse.animated-hover.faa-slow:hover,.faa-pulse.animated.faa-slow{-webkit-animation:pulse 3s linear infinite;animation:pulse 3s linear infinite}@-webkit-keyframes ring{0%{transform:rotate(-15deg)}2%{transform:rotate(15deg)}4%{transform:rotate(-18deg)}6%{transform:rotate(18deg)}8%{transform:rotate(-22deg)}10%{transform:rotate(22deg)}12%{transform:rotate(-18deg)}14%{transform:rotate(18deg)}16%{transform:rotate(-12deg)}18%{transform:rotate(12deg)}100%,20%{transform:rotate(0)}}@keyframes ring{0%{transform:rotate(-15deg)}2%{transform:rotate(15deg)}4%{transform:rotate(-18deg)}6%{transform:rotate(18deg)}8%{transform:rotate(-22deg)}10%{transform:rotate(22deg)}12%{transform:rotate(-18deg)}14%{transform:rotate(18deg)}16%{transform:rotate(-12deg)}18%{transform:rotate(12deg)}100%,20%{transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-ring,.faa-ring.animated,.faa-ring.animated-hover:hover{-webkit-animation:ring 2s ease infinite;animation:ring 2s ease infinite;transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-ring.faa-fast,.faa-ring.animated-hover.faa-fast:hover,.faa-ring.animated.faa-fast{-webkit-animation:ring 1s ease infinite;animation:ring 1s ease infinite}.faa-parent.animated-hover:hover>.faa-ring.faa-slow,.faa-ring.animated-hover.faa-slow:hover,.faa-ring.animated.faa-slow{-webkit-animation:ring 3s ease infinite;animation:ring 3s ease infinite}@-webkit-keyframes rising{0%{transform:translateY(50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(-50%);opacity:0}}@keyframes rising{0%{transform:translateY(50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(-50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-rising,.faa-rising.animated,.faa-rising.animated-hover:hover{-webkit-animation:rising 2s linear infinite;animation:rising 2s linear infinite}.faa-parent.animated-hover:hover>.faa-rising.faa-fast,.faa-rising.animated-hover.faa-fast:hover,.faa-rising.animated.faa-fast{-webkit-animation:rising 1s linear infinite;animation:rising 1s linear infinite}.faa-parent.animated-hover:hover>.faa-rising.faa-slow,.faa-rising.animated-hover.faa-slow:hover,.faa-rising.animated.faa-slow{-webkit-animation:rising 3s linear infinite;animation:rising 3s linear infinite}.faa-parent.animated-hover:hover>.faa-shake,.faa-shake.animated,.faa-shake.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-fast,.faa-shake.animated-hover.faa-fast:hover,.faa-shake.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-slow,.faa-shake.animated-hover.faa-slow:hover,.faa-shake.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}.faa-parent.animated-hover:hover>.faa-spin,.faa-spin.animated,.faa-spin.animated-hover:hover{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-fast,.faa-spin.animated-hover.faa-fast:hover,.faa-spin.animated.faa-fast{-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-slow,.faa-spin.animated-hover.faa-slow:hover,.faa-spin.animated.faa-slow{-webkit-animation:spin 2.2s linear infinite;animation:spin 2.2s linear infinite}@-webkit-keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-8deg)}30%,50%,70%{transform:scale(1.3) rotate(8deg)}40%,60%{transform:scale(1.3) rotate(-8deg)}100%,80%{transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-8deg)}30%,50%,70%{transform:scale(1.3) rotate(8deg)}40%,60%{transform:scale(1.3) rotate(-8deg)}100%,80%{transform:scale(1) rotate(0)}}.faa-parent.animated-hover:hover>.faa-tada,.faa-tada.animated,.faa-tada.animated-hover:hover{-webkit-animation:tada 2s linear infinite;animation:tada 2s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-fast,.faa-tada.animated-hover.faa-fast:hover,.faa-tada.animated.faa-fast{-webkit-animation:tada 1s linear infinite;animation:tada 1s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-slow,.faa-tada.animated-hover.faa-slow:hover,.faa-tada.animated.faa-slow{-webkit-animation:tada 3s linear infinite;animation:tada 3s linear infinite}@-webkit-keyframes vertical{0%{transform:translate(0,-3px)}4%{transform:translate(0,3px)}8%{transform:translate(0,-3px)}12%{transform:translate(0,3px)}16%{transform:translate(0,-3px)}20%{transform:translate(0,3px)}100%,22%{transform:translate(0,0)}}@keyframes vertical{0%{transform:translate(0,-3px)}4%{transform:translate(0,3px)}8%{transform:translate(0,-3px)}12%{transform:translate(0,3px)}16%{transform:translate(0,-3px)}20%{transform:translate(0,3px)}100%,22%{transform:translate(0,0)}}.faa-parent.animated-hover:hover>.faa-vertical,.faa-vertical.animated,.faa-vertical.animated-hover:hover{-webkit-animation:vertical 2s ease infinite;animation:vertical 2s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-fast,.faa-vertical.animated-hover.faa-fast:hover,.faa-vertical.animated.faa-fast{-webkit-animation:vertical 1s ease infinite;animation:vertical 1s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-slow,.faa-vertical.animated-hover.faa-slow:hover,.faa-vertical.animated.faa-slow{-webkit-animation:vertical 4s ease infinite;animation:vertical 4s ease infinite}@-webkit-keyframes wrench{0%{transform:rotate(-12deg)}8%{transform:rotate(12deg)}10%{transform:rotate(24deg)}18%{transform:rotate(-24deg)}20%{transform:rotate(-24deg)}28%{transform:rotate(24deg)}30%{transform:rotate(24deg)}38%{transform:rotate(-24deg)}40%{transform:rotate(-24deg)}48%{transform:rotate(24deg)}50%{transform:rotate(24deg)}58%{transform:rotate(-24deg)}60%{transform:rotate(-24deg)}68%{transform:rotate(24deg)}100%,75%{transform:rotate(0)}}@keyframes wrench{0%{transform:rotate(-12deg)}8%{transform:rotate(12deg)}10%{transform:rotate(24deg)}18%{transform:rotate(-24deg)}20%{transform:rotate(-24deg)}28%{transform:rotate(24deg)}30%{transform:rotate(24deg)}38%{transform:rotate(-24deg)}40%{transform:rotate(-24deg)}48%{transform:rotate(24deg)}50%{transform:rotate(24deg)}58%{transform:rotate(-24deg)}60%{transform:rotate(-24deg)}68%{transform:rotate(24deg)}100%,75%{transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-wrench,.faa-wrench.animated,.faa-wrench.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite;transform-origin-x:90%;transform-origin-y:35%;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-wrench.faa-fast,.faa-wrench.animated-hover.faa-fast:hover,.faa-wrench.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-wrench.faa-slow,.faa-wrench.animated-hover.faa-slow:hover,.faa-wrench.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite} \ No newline at end of file +@-webkit-keyframes bounce{0%,10%,100%,20%,50%,80%{transform:translateY(0)}40%,60%{transform:translateY(-15px)}}@keyframes bounce{0%,10%,100%,20%,50%,80%{transform:translateY(0)}40%,60%{transform:translateY(-15px)}}@-webkit-keyframes bounce-reverse{0%,10%,100%,20%,50%,80%{transform:translateY(0)}40%,60%{transform:translateY(15px)}}@keyframes bounce-reverse{0%,10%,100%,20%,50%,80%{transform:translateY(0)}40%,60%{transform:translateY(15px)}}.faa-bounce.animated,.faa-bounce.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-bounce{-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite}.faa-bounce.animated-hover.faa-fast:hover,.faa-bounce.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-bounce.faa-fast{-webkit-animation:bounce 1s ease infinite;animation:bounce 1s ease infinite}.faa-bounce.animated-hover.faa-slow:hover,.faa-bounce.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-bounce.faa-slow{-webkit-animation:bounce 3s ease infinite;animation:bounce 3s ease infinite}.faa-bounce.faa-reverse.animated,.faa-bounce.faa-reverse.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-bounce.faa-reverse{-webkit-animation:bounce-reverse 2s ease infinite;animation:bounce-reverse 2s ease infinite}.faa-bounce.faa-reverse.animated-hover.faa-fast:hover,.faa-bounce.faa-reverse.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-bounce.faa-reverse.faa-fast{-webkit-animation:bounce-reverse 1s ease infinite;animation:bounce-reverse 1s ease infinite}.faa-bounce.faa-reverse.animated-hover.faa-slow:hover,.faa-bounce.faa-reverse.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-bounce.faa-reverse.faa-slow{-webkit-animation:bounce-reverse 3s ease infinite;animation:bounce-reverse 3s ease infinite}@-webkit-keyframes burst{0%{opacity:.6}50%{transform:scale(1.8);opacity:0}100%{opacity:0}}@keyframes burst{0%{opacity:.6}50%{transform:scale(1.8);opacity:0}100%{opacity:0}}.faa-burst.animated,.faa-burst.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-burst{-webkit-animation:burst 2s infinite linear;animation:burst 2s infinite linear}.faa-burst.animated-hover.faa-fast:hover,.faa-burst.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-burst.faa-fast{-webkit-animation:burst 1s infinite linear;animation:burst 1s infinite linear}.faa-burst.animated-hover.faa-slow:hover,.faa-burst.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-burst.faa-slow{-webkit-animation:burst 3s infinite linear;animation:burst 3s infinite linear}@-webkit-keyframes falling{0%{transform:translateY(-50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(50%);opacity:0}}@keyframes falling{0%{transform:translateY(-50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(50%);opacity:0}}@-webkit-keyframes falling-reverse{0%{transform:translateY(50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(-50%);opacity:0}}@keyframes falling-reverse{0%{transform:translateY(50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(-50%);opacity:0}}.faa-falling.animated,.faa-falling.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-falling{-webkit-animation:falling 2s linear infinite;animation:falling 2s linear infinite}.faa-falling.animated-hover.faa-fast:hover,.faa-falling.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-falling.faa-fast{-webkit-animation:falling 1s linear infinite;animation:falling 1s linear infinite}.faa-falling.animated-hover.faa-slow:hover,.faa-falling.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-falling.faa-slow{-webkit-animation:falling 3s linear infinite;animation:falling 3s linear infinite}.faa-falling.faa-reverse.animated,.faa-falling.faa-reverse.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-falling.faa-reverse,.faa-parent.animated-hover:hover>.faa-rising,.faa-rising.animated,.faa-rising.animated-hover:hover{-webkit-animation:falling-reverse 2s linear infinite;animation:falling-reverse 2s linear infinite}.faa-falling.faa-reverse.animated-hover.faa-fast:hover,.faa-falling.faa-reverse.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-falling.faa-reverse.faa-fast,.faa-parent.animated-hover:hover>.faa-rising.faa-fast,.faa-rising.animated-hover.faa-fast:hover,.faa-rising.animated.faa-fast{-webkit-animation:falling-reverse 1s linear infinite;animation:falling-reverse 1s linear infinite}.faa-falling.faa-reverse.animated-hover.faa-slow:hover,.faa-falling.faa-reverse.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-falling.faa-reverse.faa-slow,.faa-parent.animated-hover:hover>.faa-rising.faa-slow,.faa-rising.animated-hover.faa-slow:hover,.faa-rising.animated.faa-slow{-webkit-animation:falling-reverse 3s linear infinite;animation:falling-reverse 3s linear infinite}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.faa-flash.animated,.faa-flash.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-flash{-webkit-animation:flash 2s ease infinite;animation:flash 2s ease infinite}.faa-flash.animated-hover.faa-fast:hover,.faa-flash.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-flash.faa-fast{-webkit-animation:flash 1s ease infinite;animation:flash 1s ease infinite}.faa-flash.animated-hover.faa-slow:hover,.faa-flash.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-flash.faa-slow{-webkit-animation:flash 3s ease infinite;animation:flash 3s ease infinite}@-webkit-keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.faa-float.animated,.faa-float.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-float{-webkit-animation:float 2s linear infinite;animation:float 2s linear infinite}.faa-float.animated-hover.faa-fast:hover,.faa-float.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-float.faa-fast{-webkit-animation:float 1s linear infinite;animation:float 1s linear infinite}.faa-float.animated-hover.faa-slow:hover,.faa-float.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-float.faa-slow{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite}@-webkit-keyframes horizontal{0%,100%,12%,24%,36%{transform:translate(0,0)}18%,30%,6%{transform:translate(5px,0)}}@keyframes horizontal{0%,100%,12%,24%,36%{transform:translate(0,0)}18%,30%,6%{transform:translate(5px,0)}}@-webkit-keyframes horizontal-reverse{0%,100%,12%,24%,36%{transform:translate(0,0)}18%,30%,6%{transform:translate(-5px,0)}}@keyframes horizontal-reverse{0%,100%,12%,24%,36%{transform:translate(0,0)}18%,30%,6%{transform:translate(-5px,0)}}.faa-horizontal.animated,.faa-horizontal.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-horizontal{-webkit-animation:horizontal 2s ease infinite;animation:horizontal 2s ease infinite}.faa-horizontal.animated-hover.faa-fast:hover,.faa-horizontal.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-horizontal.faa-fast{-webkit-animation:horizontal 1s ease infinite;animation:horizontal 1s ease infinite}.faa-horizontal.animated-hover.faa-slow:hover,.faa-horizontal.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-horizontal.faa-slow{-webkit-animation:horizontal 3s ease infinite;animation:horizontal 3s ease infinite}.faa-horizontal.faa-reverse.animated,.faa-horizontal.faa-reverse.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-horizontal.faa-reverse{-webkit-animation:horizontal-reverse 2s ease infinite;animation:horizontal-reverse 2s ease infinite}.faa-horizontal.faa-reverse.animated-hover.faa-fast:hover,.faa-horizontal.faa-reverse.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-horizontal.faa-reverse.faa-fast{-webkit-animation:horizontal-reverse 1s ease infinite;animation:horizontal-reverse 1s ease infinite}.faa-horizontal.faa-reverse.animated-hover.faa-slow:hover,.faa-horizontal.faa-reverse.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-horizontal.faa-reverse.faa-slow{-webkit-animation:horizontal-reverse 3s ease infinite;animation:horizontal-reverse 3s ease infinite}@-webkit-keyframes passing{0%{transform:translateX(-50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(50%);opacity:0}}@keyframes passing{0%{transform:translateX(-50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(50%);opacity:0}}@-webkit-keyframes passing-reverse{0%{transform:translateX(50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(-50%);opacity:0}}@keyframes passing-reverse{0%{transform:translateX(50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(-50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing,.faa-passing.animated,.faa-passing.animated-hover:hover{-webkit-animation:passing 2s linear infinite;animation:passing 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-fast,.faa-passing.animated-hover.faa-fast:hover,.faa-passing.animated.faa-fast{-webkit-animation:passing 1s linear infinite;animation:passing 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-slow,.faa-passing.animated-hover.faa-slow:hover,.faa-passing.animated.faa-slow{-webkit-animation:passing 3s linear infinite;animation:passing 3s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-reverse,.faa-passing.faa-reverse.animated,.faa-passing.faa-reverse.animated-hover:hover{-webkit-animation:passing-reverse 2s linear infinite;animation:passing-reverse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.reverse.faa-fast,.faa-passing.faa-reverse.animated-hover.faa-fast:hover,.faa-passing.faa-reverse.animated.faa-fast{-webkit-animation:passing-reverse 1s linear infinite;animation:passing-reverse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-reverse.faa-slow,.faa-passing.faa-reverse.animated-hover.faa-slow:hover,.faa-passing.faa-reverse.animated.faa-slow{-webkit-animation:passing-reverse 3s linear infinite;animation:passing-reverse 3s linear infinite}@-webkit-keyframes pulse{0%,100%{transform:scale(1.1)}50%{transform:scale(.8)}}@keyframes pulse{0%,100%{transform:scale(1.1)}50%{transform:scale(.8)}}.faa-parent.animated-hover:hover>.faa-pulse,.faa-pulse.animated,.faa-pulse.animated-hover:hover{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-fast,.faa-pulse.animated-hover.faa-fast:hover,.faa-pulse.animated.faa-fast{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-slow,.faa-pulse.animated-hover.faa-slow:hover,.faa-pulse.animated.faa-slow{-webkit-animation:pulse 3s linear infinite;animation:pulse 3s linear infinite}@-webkit-keyframes ring{0%{transform:rotate(-15deg)}2%{transform:rotate(15deg)}12%,4%{transform:rotate(-18deg)}14%,6%{transform:rotate(18deg)}8%{transform:rotate(-22deg)}10%{transform:rotate(22deg)}16%{transform:rotate(-12deg)}18%{transform:rotate(12deg)}100%,20%{transform:rotate(0)}}@keyframes ring{0%{transform:rotate(-15deg)}2%{transform:rotate(15deg)}12%,4%{transform:rotate(-18deg)}14%,6%{transform:rotate(18deg)}8%{transform:rotate(-22deg)}10%{transform:rotate(22deg)}16%{transform:rotate(-12deg)}18%{transform:rotate(12deg)}100%,20%{transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-ring,.faa-ring.animated,.faa-ring.animated-hover:hover{-webkit-animation:ring 2s ease infinite;animation:ring 2s ease infinite;transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-ring.faa-fast,.faa-ring.animated-hover.faa-fast:hover,.faa-ring.animated.faa-fast{-webkit-animation:ring 1s ease infinite;animation:ring 1s ease infinite}.faa-parent.animated-hover:hover>.faa-ring.faa-slow,.faa-ring.animated-hover.faa-slow:hover,.faa-ring.animated.faa-slow{-webkit-animation:ring 3s ease infinite;animation:ring 3s ease infinite}.faa-parent.animated-hover:hover>.faa-shake,.faa-shake.animated,.faa-shake.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-fast,.faa-shake.animated-hover.faa-fast:hover,.faa-shake.animated.faa-fast{-webkit-animation:wrench 1.25s ease infinite;animation:wrench 1.25s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-slow,.faa-shake.animated-hover.faa-slow:hover,.faa-shake.animated.faa-slow{-webkit-animation:wrench 3.75s ease infinite;animation:wrench 3.75s ease infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}@-webkit-keyframes spin-reverse{0%{transform:rotate(0)}100%{transform:rotate(-359deg)}}@keyframes spin-reverse{0%{transform:rotate(0)}100%{transform:rotate(-359deg)}}.faa-parent.animated-hover:hover>.faa-spin,.faa-spin.animated,.faa-spin.animated-hover:hover{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-fast,.faa-spin.animated-hover.faa-fast:hover,.faa-spin.animated.faa-fast{-webkit-animation:spin .75s linear infinite;animation:spin .75s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-slow,.faa-spin.animated-hover.faa-slow:hover,.faa-spin.animated.faa-slow{-webkit-animation:spin 2.25s linear infinite;animation:spin 2.25s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-reverse,.faa-spin.faa-reverse.animated,.faa-spin.faa-reverse.animated-hover:hover{-webkit-animation:spin-reverse 1.5s linear infinite;animation:spin-reverse 1.5s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-reverse.faa-fast,.faa-spin.faa-reverse.animated-hover.faa-fast:hover,.faa-spin.faa-reverse.animated.faa-fast{-webkit-animation:spin-reverse .75s linear infinite;animation:spin-reverse .75s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-reverse.faa-slow,.faa-spin.faa-reverse.animated-hover.faa-slow:hover,.faa-spin.faa-reverse.animated.faa-slow{-webkit-animation:spin-reverse 2.25s linear infinite;animation:spin-reverse 2.25s linear infinite}@-webkit-keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-8deg)}30%,50%,70%{transform:scale(1.3) rotate(8deg)}40%,60%{transform:scale(1.3) rotate(-8deg)}100%,80%{transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-8deg)}30%,50%,70%{transform:scale(1.3) rotate(8deg)}40%,60%{transform:scale(1.3) rotate(-8deg)}100%,80%{transform:scale(1) rotate(0)}}.faa-parent.animated-hover:hover>.faa-tada,.faa-tada.animated,.faa-tada.animated-hover:hover{-webkit-animation:tada 2s linear infinite;animation:tada 2s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-fast,.faa-tada.animated-hover.faa-fast:hover,.faa-tada.animated.faa-fast{-webkit-animation:tada 1s linear infinite;animation:tada 1s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-slow,.faa-tada.animated-hover.faa-slow:hover,.faa-tada.animated.faa-slow{-webkit-animation:tada 3s linear infinite;animation:tada 3s linear infinite}@-webkit-keyframes vertical{0%,16%,8%{transform:translate(0,-3px)}12%,20%,4%{transform:translate(0,3px)}100%,22%{transform:translate(0,0)}}@keyframes vertical{0%,16%,8%{transform:translate(0,-3px)}12%,20%,4%{transform:translate(0,3px)}100%,22%{transform:translate(0,0)}}.faa-parent.animated-hover:hover>.faa-vertical,.faa-vertical.animated,.faa-vertical.animated-hover:hover{-webkit-animation:vertical 2s ease infinite;animation:vertical 2s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-fast,.faa-vertical.animated-hover.faa-fast:hover,.faa-vertical.animated.faa-fast{-webkit-animation:vertical 1s ease infinite;animation:vertical 1s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-slow,.faa-vertical.animated-hover.faa-slow:hover,.faa-vertical.animated.faa-slow{-webkit-animation:vertical 3s ease infinite;animation:vertical 3s ease infinite}@-webkit-keyframes wrench{0%{transform:rotate(-12deg)}8%{transform:rotate(12deg)}10%,28%,30%,48%,50%,68%{transform:rotate(24deg)}18%,20%,38%,40%,58%,60%{transform:rotate(-24deg)}100%,75%{transform:rotate(0)}}@keyframes wrench{0%{transform:rotate(-12deg)}8%{transform:rotate(12deg)}10%,28%,30%,48%,50%,68%{transform:rotate(24deg)}18%,20%,38%,40%,58%,60%{transform:rotate(-24deg)}100%,75%{transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-wrench,.faa-wrench.animated,.faa-wrench.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite;transform-origin-x:90%;transform-origin-y:35%;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-wrench.faa-fast,.faa-wrench.animated-hover.faa-fast:hover,.faa-wrench.animated.faa-fast{-webkit-animation:wrench 1.25s ease infinite;animation:wrench 1.25s ease infinite}.faa-parent.animated-hover:hover>.faa-wrench.faa-slow,.faa-wrench.animated-hover.faa-slow:hover,.faa-wrench.animated.faa-slow{-webkit-animation:wrench 3.75s ease infinite;animation:wrench 3.75s ease infinite} \ No newline at end of file diff --git a/font-awesome-animation.scss b/font-awesome-animation.scss index 9585b0a..7768a25 100644 --- a/font-awesome-animation.scss +++ b/font-awesome-animation.scss @@ -1,14 +1,13 @@ +@import 'scss/_speed'; @import 'scss/bounce'; @import 'scss/burst'; @import 'scss/falling'; @import 'scss/flash'; @import 'scss/float'; @import 'scss/horizontal'; -@import 'scss/passing-reverse'; @import 'scss/passing'; @import 'scss/pulse'; @import 'scss/ring'; -@import 'scss/rising'; @import 'scss/shake'; @import 'scss/spin'; @import 'scss/tada'; diff --git a/scss/_speed.scss b/scss/_speed.scss new file mode 100644 index 0000000..d5d4525 --- /dev/null +++ b/scss/_speed.scss @@ -0,0 +1,2 @@ +$faa-speed-coeff-fast: 0.5; +$faa-speed-coeff-slow: 1.5; diff --git a/scss/bounce.scss b/scss/bounce.scss index 43b7bea..1a40511 100644 --- a/scss/bounce.scss +++ b/scss/bounce.scss @@ -1,26 +1,47 @@ +$faa-bounce-speed: 2s; @keyframes bounce { - 0%,10%,20%,50%,80%,100% { - transform:translateY(0); + 0%, 10%, 20%, 50%, 80%, 100% { + transform: translateY(0); } - 40% { - transform:translateY(-15px); + 40%, 60% { + transform: translateY(-15px); } - 60% { - transform:translateY(-15px); +} +@keyframes bounce-reverse { + 0%, 10%, 20%, 50%, 80%, 100% { + transform: translateY(0); + } + 40%, 60% { + transform: translateY(15px); } } .faa-bounce.animated, .faa-bounce.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-bounce { - animation: bounce 2s ease infinite; + animation: bounce $faa-bounce-speed ease infinite; } .faa-bounce.animated.faa-fast, .faa-bounce.animated-hover.faa-fast:hover, .faa-parent.animated-hover:hover > .faa-bounce.faa-fast { - animation: bounce 1s ease infinite; + animation: bounce ($faa-bounce-speed * $faa-speed-coeff-fast) ease infinite; } .faa-bounce.animated.faa-slow, .faa-bounce.animated-hover.faa-slow:hover, .faa-parent.animated-hover:hover > .faa-bounce.faa-slow { - animation: bounce 3s ease infinite; + animation: bounce ($faa-bounce-speed * $faa-speed-coeff-slow) ease infinite; +} +.faa-bounce.faa-reverse.animated, +.faa-bounce.faa-reverse.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-bounce.faa-reverse { + animation: bounce-reverse $faa-bounce-speed ease infinite; +} +.faa-bounce.faa-reverse.animated.faa-fast, +.faa-bounce.faa-reverse.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-bounce.faa-reverse.faa-fast { + animation: bounce-reverse ($faa-bounce-speed * $faa-speed-coeff-fast) ease infinite; +} +.faa-bounce.faa-reverse.animated.faa-slow, +.faa-bounce.faa-reverse.animated-hover.faa-slow:hover, +.faa-parent.animated-hover:hover > .faa-bounce.faa-reverse.faa-slow { + animation: bounce-reverse ($faa-bounce-speed * $faa-speed-coeff-slow) ease infinite; } diff --git a/scss/burst.scss b/scss/burst.scss index 393791b..9cf7ca2 100644 --- a/scss/burst.scss +++ b/scss/burst.scss @@ -1,3 +1,4 @@ +$faa-burst-speed: 2s; @keyframes burst { 0% { opacity:.6; @@ -13,15 +14,15 @@ .faa-burst.animated, .faa-burst.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-burst { - animation: burst 2s infinite linear; + animation: burst $faa-burst-speed infinite linear; } .faa-burst.animated.faa-fast, .faa-burst.animated-hover.faa-fast:hover, .faa-parent.animated-hover:hover > .faa-burst.faa-fast { - animation: burst 1s infinite linear; + animation: burst ($faa-burst-speed * $faa-speed-coeff-fast) infinite linear; } .faa-burst.animated.faa-slow, .faa-burst.animated-hover.faa-slow:hover, .faa-parent.animated-hover:hover > .faa-burst.faa-slow { - animation: burst 3s infinite linear; + animation: burst ($faa-burst-speed * $faa-speed-coeff-slow) infinite linear; } diff --git a/scss/falling.scss b/scss/falling.scss index e313c14..bd15a6a 100644 --- a/scss/falling.scss +++ b/scss/falling.scss @@ -1,3 +1,4 @@ +$faa-falling-speed: 2s; @keyframes falling { 0% { transform:translateY(-50%); @@ -12,18 +13,56 @@ opacity:0; } } +@keyframes falling-reverse { + 0% { + transform:translateY(50%); + opacity:0; + } + 50% { + transform:translateY(0%); + opacity:1; + } + 100% { + transform:translateY(-50%); + opacity:0; + } +} .faa-falling.animated, .faa-falling.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-falling { - animation: falling 2s linear infinite; + animation: falling $faa-falling-speed linear infinite; } .faa-falling.animated.faa-fast, .faa-falling.animated-hover.faa-fast:hover, .faa-parent.animated-hover:hover > .faa-falling.faa-fast { - animation: falling 1s linear infinite; + animation: falling ($faa-falling-speed * $faa-speed-coeff-fast) linear infinite; } .faa-falling.animated.faa-slow, .faa-falling.animated-hover.faa-slow:hover, .faa-parent.animated-hover:hover > .faa-falling.faa-slow { - animation: falling 3s linear infinite; + animation: falling ($faa-falling-speed * $faa-speed-coeff-slow) linear infinite; +} +.faa-falling.faa-reverse.animated, +.faa-falling.faa-reverse.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-falling.faa-reverse, +.faa-rising.animated, +.faa-rising.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-rising { + animation: falling-reverse $faa-falling-speed linear infinite; +} +.faa-falling.faa-reverse.animated.faa-fast, +.faa-falling.faa-reverse.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-falling.faa-reverse.faa-fast, +.faa-rising.animated.faa-fast, +.faa-rising.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-rising.faa-fast { + animation: falling-reverse ($faa-falling-speed * $faa-speed-coeff-fast) linear infinite; +} +.faa-falling.faa-reverse.animated.faa-slow, +.faa-falling.faa-reverse.animated-hover.faa-slow:hover, +.faa-parent.animated-hover:hover > .faa-falling.faa-reverse.faa-slow, +.faa-rising.animated.faa-slow, +.faa-rising.animated-hover.faa-slow:hover, +.faa-parent.animated-hover:hover > .faa-rising.faa-slow { + animation: falling-reverse ($faa-falling-speed * $faa-speed-coeff-slow) linear infinite; } diff --git a/scss/flash.scss b/scss/flash.scss index 35202be..54a7954 100644 --- a/scss/flash.scss +++ b/scss/flash.scss @@ -1,24 +1,24 @@ +$faa-flash-speed: 2s; @keyframes flash { - 0%,100%,50% { - opacity:1; + 0%, 50%, 100% { + opacity: 1; } - 25%,75% - { - opacity:0; + 25%, 75% { + opacity: 0; } } .faa-flash.animated, .faa-flash.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-flash { - animation: flash 2s ease infinite; + animation: flash $faa-flash-speed ease infinite; } .faa-flash.animated.faa-fast, .faa-flash.animated-hover.faa-fast:hover, .faa-parent.animated-hover:hover > .faa-flash.faa-fast { - animation: flash 1s ease infinite; + animation: flash ($faa-flash-speed * $faa-speed-coeff-fast) ease infinite; } .faa-flash.animated.faa-slow, .faa-flash.animated-hover.faa-slow:hover, .faa-parent.animated-hover:hover > .faa-flash.faa-slow { - animation: flash 3s ease infinite; + animation: flash ($faa-flash-speed * $faa-speed-coeff-slow) ease infinite; } diff --git a/scss/float.scss b/scss/float.scss index a41d6e6..6e593ed 100644 --- a/scss/float.scss +++ b/scss/float.scss @@ -1,26 +1,24 @@ +$faa-float-speed: 2s; @keyframes float{ - 0% { + 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } - 100% { - transform: translateY(0); - } } .faa-float.animated, .faa-float.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-float { - animation: float 2s linear infinite; + animation: float $faa-float-speed linear infinite; } .faa-float.animated.faa-fast, .faa-float.animated-hover.faa-fast:hover, .faa-parent.animated-hover:hover > .faa-float.faa-fast { - animation: float 1s linear infinite; + animation: float ($faa-float-speed * $faa-speed-coeff-fast) linear infinite; } .faa-float.animated.faa-slow, .faa-float.animated-hover.faa-slow:hover, .faa-parent.animated-hover:hover > .faa-float.faa-slow { - animation: float 3s linear infinite; + animation: float ($faa-float-speed * $faa-speed-coeff-slow) linear infinite; } diff --git a/scss/horizontal.scss b/scss/horizontal.scss index 5cf4b81..b88c102 100644 --- a/scss/horizontal.scss +++ b/scss/horizontal.scss @@ -1,38 +1,47 @@ +$faa-horizontal-speed: 2s; @keyframes horizontal { - 0% { - transform:translate(0,0); + 0%, 12%, 24%, 36%, 100% { + transform: translate(0,0); } - 6% { - transform:translate(5px,0); + 6%, 18%, 30% { + transform: translate(5px,0); } - 12% { - transform:translate(0,0); +} +@keyframes horizontal-reverse { + 0%, 12%, 24%, 36%, 100% { + transform: translate(0,0); } - 18% { - transform:translate(5px,0); - } - 24% { - transform:translate(0,0); - } - 30% { - transform:translate(5px,0); - } - 36%,100% { - transform:translate(0,0); + 6%, 18%, 30% { + transform: translate(-5px,0); } } .faa-horizontal.animated, .faa-horizontal.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-horizontal { - animation: horizontal 2s ease infinite; + animation: horizontal $faa-horizontal-speed ease infinite; } .faa-horizontal.animated.faa-fast, .faa-horizontal.animated-hover.faa-fast:hover, .faa-parent.animated-hover:hover > .faa-horizontal.faa-fast { - animation: horizontal 1s ease infinite; + animation: horizontal ($faa-horizontal-speed * $faa-speed-coeff-fast) ease infinite; } .faa-horizontal.animated.faa-slow, .faa-horizontal.animated-hover.faa-slow:hover, .faa-parent.animated-hover:hover > .faa-horizontal.faa-slow { - animation: horizontal 3s ease infinite; + animation: horizontal ($faa-horizontal-speed * $faa-speed-coeff-slow) ease infinite; +} +.faa-horizontal.faa-reverse.animated, +.faa-horizontal.faa-reverse.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-horizontal.faa-reverse { + animation: horizontal-reverse $faa-horizontal-speed ease infinite; +} +.faa-horizontal.faa-reverse.animated.faa-fast, +.faa-horizontal.faa-reverse.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-horizontal.faa-reverse.faa-fast { + animation: horizontal-reverse ($faa-horizontal-speed * $faa-speed-coeff-fast) ease infinite; +} +.faa-horizontal.faa-reverse.animated.faa-slow, +.faa-horizontal.faa-reverse.animated-hover.faa-slow:hover, +.faa-parent.animated-hover:hover > .faa-horizontal.faa-reverse.faa-slow { + animation: horizontal-reverse ($faa-horizontal-speed * $faa-speed-coeff-slow) ease infinite; } diff --git a/scss/passing-reverse.scss b/scss/passing-reverse.scss deleted file mode 100644 index 6df0678..0000000 --- a/scss/passing-reverse.scss +++ /dev/null @@ -1,29 +0,0 @@ -@keyframes passing-reverse { - 0% { - transform:translateX(50%); - opacity:0; - } - 50% { - transform:translateX(0%); - opacity:1; - } - 100% { - transform:translateX(-50%); - opacity:0; - } -} -.faa-passing-reverse.animated, -.faa-passing-reverse.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-passing-reverse { - animation: passing-reverse 2s linear infinite; -} -.faa-passing-reverse.animated.faa-fast, -.faa-passing-reverse.animated-hover.faa-fast:hover, -.faa-parent.animated-hover:hover > .faa-passing-reverse.faa-fast { - animation: passing-reverse 1s linear infinite; -} -.faa-passing-reverse.animated.faa-slow, -.faa-passing-reverse.animated-hover.faa-slow:hover, -.faa-parent.animated-hover:hover > .faa-passing-reverse.faa-slow { - animation: passing-reverse 3s linear infinite; -} diff --git a/scss/passing.scss b/scss/passing.scss index eb05121..3029282 100644 --- a/scss/passing.scss +++ b/scss/passing.scss @@ -1,29 +1,59 @@ +$faa-passing-speed: 2s; @keyframes passing { 0% { - transform:translateX(-50%); - opacity:0; + transform: translateX(-50%); + opacity: 0; } 50% { - transform:translateX(0%); - opacity:1; + transform: translateX(0%); + opacity: 1; } 100% { - transform:translateX(50%); - opacity:0; + transform: translateX(50%); + opacity: 0; + } +} +@keyframes passing-reverse { + 0% { + transform: translateX(50%); + opacity: 0; + } + 50% { + transform: translateX(0%); + opacity: 1; + } + 100% { + transform: translateX(-50%); + opacity: 0; } } .faa-passing.animated, .faa-passing.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-passing { - animation: passing 2s linear infinite; + animation: passing $faa-passing-speed linear infinite; } .faa-passing.animated.faa-fast, .faa-passing.animated-hover.faa-fast:hover, .faa-parent.animated-hover:hover > .faa-passing.faa-fast { - animation: passing 1s linear infinite; + animation: passing ($faa-passing-speed * $faa-speed-coeff-fast) linear infinite; } .faa-passing.animated.faa-slow, .faa-passing.animated-hover.faa-slow:hover, .faa-parent.animated-hover:hover > .faa-passing.faa-slow { - animation: passing 3s linear infinite; + animation: passing ($faa-passing-speed * $faa-speed-coeff-slow) linear infinite; +} +.faa-passing.faa-reverse.animated, +.faa-passing.faa-reverse.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-passing.faa-reverse { + animation: passing-reverse $faa-passing-speed linear infinite; +} +.faa-passing.faa-reverse.animated.faa-fast, +.faa-passing.faa-reverse.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-passing.reverse.faa-fast { + animation: passing-reverse ($faa-passing-speed * $faa-speed-coeff-fast) linear infinite; +} +.faa-passing.faa-reverse.animated.faa-slow, +.faa-passing.faa-reverse.animated-hover.faa-slow:hover, +.faa-parent.animated-hover:hover > .faa-passing.faa-reverse.faa-slow { + animation: passing-reverse ($faa-passing-speed * $faa-speed-coeff-slow) linear infinite; } diff --git a/scss/pulse.scss b/scss/pulse.scss index 7f1bdde..24d6bbc 100644 --- a/scss/pulse.scss +++ b/scss/pulse.scss @@ -1,26 +1,24 @@ +$faa-pulse-speed: 2s; @keyframes pulse { - 0% { + 0%, 100% { transform: scale(1.1); } 50% { transform: scale(0.8); } - 100% { - transform: scale(1.1); - } } .faa-pulse.animated, .faa-pulse.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-pulse { - animation: pulse 2s linear infinite; + animation: pulse $faa-pulse-speed linear infinite; } .faa-pulse.animated.faa-fast, .faa-pulse.animated-hover.faa-fast:hover, .faa-parent.animated-hover:hover > .faa-pulse.faa-fast { - animation: pulse 1s linear infinite; + animation: pulse ($faa-pulse-speed * $faa-speed-coeff-fast) linear infinite; } .faa-pulse.animated.faa-slow, .faa-pulse.animated-hover.faa-slow:hover, .faa-parent.animated-hover:hover > .faa-pulse.faa-slow { - animation: pulse 3s linear infinite; + animation: pulse ($faa-pulse-speed * $faa-speed-coeff-slow) linear infinite; } diff --git a/scss/ring.scss b/scss/ring.scss index 980963a..157e373 100644 --- a/scss/ring.scss +++ b/scss/ring.scss @@ -1,42 +1,37 @@ +$faa-ring-speed: 2s; @keyframes ring { 0% { - transform:rotate(-15deg); + transform: rotate(-15deg); } 2% { - transform:rotate(15deg); + transform: rotate(15deg); } - 4% { - transform:rotate(-18deg); + 4%, 12% { + transform: rotate(-18deg); } - 6% { - transform:rotate(18deg); + 6%, 14% { + transform: rotate(18deg); } 8% { - transform:rotate(-22deg); + transform: rotate(-22deg); } 10% { - transform:rotate(22deg); - } - 12% { - transform:rotate(-18deg); - } - 14% { - transform:rotate(18deg); + transform: rotate(22deg); } 16% { - transform:rotate(-12deg); + transform: rotate(-12deg); } 18% { - transform:rotate(12deg); + transform: rotate(12deg); } - 20%,100% { - transform:rotate(0deg); + 20%, 100% { + transform: rotate(0deg); } } .faa-ring.animated, .faa-ring.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-ring { - animation: ring 2s ease infinite; + animation: ring $faa-ring-speed ease infinite; transform-origin-x: 50%; transform-origin-y: 0px; transform-origin-z: initial; @@ -44,10 +39,10 @@ .faa-ring.animated.faa-fast, .faa-ring.animated-hover.faa-fast:hover, .faa-parent.animated-hover:hover > .faa-ring.faa-fast { - animation: ring 1s ease infinite; + animation: ring ($faa-ring-speed * $faa-speed-coeff-fast) ease infinite; } .faa-ring.animated.faa-slow, .faa-ring.animated-hover.faa-slow:hover, .faa-parent.animated-hover:hover > .faa-ring.faa-slow { - animation: ring 3s ease infinite; + animation: ring ($faa-ring-speed * $faa-speed-coeff-slow) ease infinite; } diff --git a/scss/rising.scss b/scss/rising.scss deleted file mode 100644 index 5d2b42b..0000000 --- a/scss/rising.scss +++ /dev/null @@ -1,29 +0,0 @@ -@keyframes rising { - 0% { - transform:translateY(50%); - opacity:0; - } - 50% { - transform:translateY(0%); - opacity:1; - } - 100% { - transform:translateY(-50%); - opacity:0; - } -} -.faa-rising.animated, -.faa-rising.animated-hover:hover, -.faa-parent.animated-hover:hover > .faa-rising { - animation: rising 2s linear infinite; -} -.faa-rising.animated.faa-fast, -.faa-rising.animated-hover.faa-fast:hover, -.faa-parent.animated-hover:hover > .faa-rising.faa-fast { - animation: rising 1s linear infinite; -} -.faa-rising.animated.faa-slow, -.faa-rising.animated-hover.faa-slow:hover, -.faa-parent.animated-hover:hover > .faa-rising.faa-slow { - animation: rising 3s linear infinite; -} diff --git a/scss/shake.scss b/scss/shake.scss index e8ef8d7..51f3642 100644 --- a/scss/shake.scss +++ b/scss/shake.scss @@ -1,15 +1,16 @@ +$faa-shake-speed: 2.5s; .faa-shake.animated, .faa-shake.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-shake { - animation: wrench 2.5s ease infinite; + animation: wrench $faa-shake-speed ease infinite; } .faa-shake.animated.faa-fast, .faa-shake.animated-hover.faa-fast:hover, .faa-parent.animated-hover:hover > .faa-shake.faa-fast { - animation: wrench 1.2s ease infinite; + animation: wrench ($faa-shake-speed * $faa-speed-coeff-fast) ease infinite; } .faa-shake.animated.faa-slow, .faa-shake.animated-hover.faa-slow:hover, .faa-parent.animated-hover:hover > .faa-shake.faa-slow { - animation: wrench 3.7s ease infinite; + animation: wrench ($faa-shake-speed * $faa-speed-coeff-slow) ease infinite; } diff --git a/scss/spin.scss b/scss/spin.scss index 0c5c76c..cfa866d 100644 --- a/scss/spin.scss +++ b/scss/spin.scss @@ -1,23 +1,47 @@ -@keyframes spin{ +$faa-spin-speed: 1.5s; +@keyframes spin { 0% { - transform:rotate(0deg); + transform: rotate(0deg); } 100% { - transform:rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes spin-reverse { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(-359deg); } } .faa-spin.animated, .faa-spin.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-spin { - animation: spin 1.5s linear infinite; + animation: spin $faa-spin-speed linear infinite; } .faa-spin.animated.faa-fast, .faa-spin.animated-hover.faa-fast:hover, .faa-parent.animated-hover:hover > .faa-spin.faa-fast { - animation: spin 0.7s linear infinite; + animation: spin ($faa-spin-speed * $faa-speed-coeff-fast) linear infinite; } .faa-spin.animated.faa-slow, .faa-spin.animated-hover.faa-slow:hover, .faa-parent.animated-hover:hover > .faa-spin.faa-slow { - animation: spin 2.2s linear infinite; + animation: spin ($faa-spin-speed * $faa-speed-coeff-slow) linear infinite; +} +.faa-spin.faa-reverse.animated, +.faa-spin.faa-reverse.animated-hover:hover, +.faa-parent.animated-hover:hover > .faa-spin.faa-reverse { + animation: spin-reverse $faa-spin-speed linear infinite; +} +.faa-spin.faa-reverse.animated.faa-fast, +.faa-spin.faa-reverse.animated-hover.faa-fast:hover, +.faa-parent.animated-hover:hover > .faa-spin.faa-reverse.faa-fast { + animation: spin-reverse ($faa-spin-speed * $faa-speed-coeff-fast) linear infinite; +} +.faa-spin.faa-reverse.animated.faa-slow, +.faa-spin.faa-reverse.animated-hover.faa-slow:hover, +.faa-parent.animated-hover:hover > .faa-spin.faa-reverse.faa-slow { + animation: spin-reverse ($faa-spin-speed * $faa-speed-coeff-slow) linear infinite; } diff --git a/scss/tada.scss b/scss/tada.scss index c7edbc5..eb0350b 100644 --- a/scss/tada.scss +++ b/scss/tada.scss @@ -1,32 +1,33 @@ +$faa-tada-speed: 2s; @keyframes tada { - 0% { + 0% { transform: scale(1); } - 10%,20% { - transform:scale(.9) rotate(-8deg);; + 10%, 20% { + transform: scale(.9) rotate(-8deg);; } - 30%,50%,70% { - transform:scale(1.3) rotate(8deg); + 30%, 50%, 70% { + transform: scale(1.3) rotate(8deg); } - 40%,60% { - transform:scale(1.3) rotate(-8deg); + 40%, 60% { + transform: scale(1.3) rotate(-8deg); } - 80%,100% { - transform:scale(1) rotate(0); + 80%, 100% { + transform: scale(1) rotate(0); } } .faa-tada.animated, .faa-tada.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-tada { - animation: tada 2s linear infinite; + animation: tada $faa-tada-speed linear infinite; } .faa-tada.animated.faa-fast, .faa-tada.animated-hover.faa-fast:hover, .faa-parent.animated-hover:hover > .faa-tada.faa-fast { - animation: tada 1s linear infinite; + animation: tada ($faa-tada-speed * $faa-speed-coeff-fast) linear infinite; } .faa-tada.animated.faa-slow, .faa-tada.animated-hover.faa-slow:hover, .faa-parent.animated-hover:hover > .faa-tada.faa-slow { - animation: tada 3s linear infinite; + animation: tada ($faa-tada-speed * $faa-speed-coeff-slow) linear infinite; } diff --git a/scss/vertical.scss b/scss/vertical.scss index ee714c3..9bc066d 100644 --- a/scss/vertical.scss +++ b/scss/vertical.scss @@ -1,38 +1,27 @@ +$faa-vertical-speed: 2s; @keyframes vertical { - 0% { - transform:translate(0,-3px); + 0%, 8%, 16% { + transform: translate(0,-3px); } - 4% { - transform:translate(0,3px); + 4%, 12%, 20% { + transform: translate(0,3px); } - 8% { - transform:translate(0,-3px); - } - 12% { - transform:translate(0,3px); - } - 16% { - transform:translate(0,-3px); - } - 20% { - transform:translate(0,3px); - } - 22%,100% { - transform:translate(0,0); + 22%, 100% { + transform: translate(0,0); } } .faa-vertical.animated, .faa-vertical.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-vertical { - animation: vertical 2s ease infinite; + animation: vertical $faa-vertical-speed ease infinite; } .faa-vertical.animated.faa-fast, .faa-vertical.animated-hover.faa-fast:hover, .faa-parent.animated-hover:hover > .faa-vertical.faa-fast { - animation: vertical 1s ease infinite; + animation: vertical ($faa-vertical-speed * $faa-speed-coeff-fast) ease infinite; } .faa-vertical.animated.faa-slow, .faa-vertical.animated-hover.faa-slow:hover, .faa-parent.animated-hover:hover > .faa-vertical.faa-slow { - animation: vertical 4s ease infinite; + animation: vertical ($faa-vertical-speed * $faa-speed-coeff-slow) ease infinite; } diff --git a/scss/wrench.scss b/scss/wrench.scss index d8586a8..8dfafeb 100644 --- a/scss/wrench.scss +++ b/scss/wrench.scss @@ -1,54 +1,25 @@ +$faa-wrench-speed: 2.5s; @keyframes wrench { 0% { - transform:rotate(-12deg); + transform: rotate(-12deg); } 8% { - transform:rotate(12deg); + transform: rotate(12deg); } - 10% { - transform:rotate(24deg); + 10%, 28%, 30%, 48%, 50%, 68% { + transform: rotate(24deg); } - 18% { - transform:rotate(-24deg); - } - 20% { - transform:rotate(-24deg); - } - 28% { - transform:rotate(24deg); - } - 30% { - transform:rotate(24deg); - } - 38% { - transform:rotate(-24deg); - } - 40% { - transform:rotate(-24deg); - } - 48% { - transform:rotate(24deg); - } - 50% { - transform:rotate(24deg); - } - 58% { - transform:rotate(-24deg); - } - 60% { - transform:rotate(-24deg); - } - 68% { - transform:rotate(24deg); + 18%, 20%, 38%, 40%, 58%, 60% { + transform: rotate(-24deg); } 75%,100% { - transform:rotate(0deg); + transform: rotate(0deg); } } .faa-wrench.animated, .faa-wrench.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-wrench { - animation: wrench 2.5s ease infinite; + animation: wrench $faa-wrench-speed ease infinite; transform-origin-x: 90%; transform-origin-y: 35%; transform-origin-z: initial; @@ -56,10 +27,10 @@ .faa-wrench.animated.faa-fast, .faa-wrench.animated-hover.faa-fast:hover, .faa-parent.animated-hover:hover > .faa-wrench.faa-fast { - animation: wrench 1.2s ease infinite; + animation: wrench ($faa-wrench-speed * $faa-speed-coeff-fast) ease infinite; } .faa-wrench.animated.faa-slow, .faa-wrench.animated-hover.faa-slow:hover, .faa-parent.animated-hover:hover > .faa-wrench.faa-slow { - animation: wrench 3.7s ease infinite; + animation: wrench ($faa-wrench-speed * $faa-speed-coeff-slow) ease infinite; }