/* Icon Float */ .icon-float() { .hacks(); .prefixed(transition-duration, @mediumDuration); .hvr-icon { .prefixed(transform, translateZ(0)); .prefixed(transition-duration, @mediumDuration); .prefixed(transition-property, transform); .prefixed(transition-timing-function, ease-out); } &:hover, &:focus, &:active { .hvr-icon { .prefixed(transform, translateY(-4px)); } } }