igna.rocks/assets/js/less/effects/icons/_icon-down.less

33 lines
482 B
Plaintext

/* Icon Down */
.keyframes(~"@{nameSpace}-icon-down", {
0%,
50%,
100% {
.prefixed(transform, translateY(0));
}
25%,
75% {
.prefixed(transform, translateY(6px));
}
});
/* Icon Down */
.icon-down() {
.hacks();
.hvr-icon {
.prefixed(transform, translateZ(0));
}
&:hover,
&:focus,
&:active {
.hvr-icon {
.prefixed(animation-name, ~"@{nameSpace}-icon-down");
.prefixed(animation-duration, .75s);
.prefixed(animation-timing-function, ease-out);
}
}
}