/* Icon Bounce */ @mixin icon-bounce { @include hacks(); @include prefixed(transition-duration, $mediumDuration); .hvr-icon { @include prefixed(transform, translateZ(0)); @include prefixed(transition-duration, $mediumDuration); @include prefixed(transition-property, transform); @include prefixed(transition-timing-function, ease-out); } &:hover, &:focus, &:active { .hvr-icon { @include prefixed(transform, scale(1.5)); @include prefixed(transition-timing-function, cubic-bezier(.47,2.02,.31,-0.36)); } } }