Hover/scss/effects/icons/_icon-spin.scss

22 lines
392 B
SCSS

/* Icon Spin */
@mixin icon-spin {
@include hacks();
position: relative;
padding-right: 0;
.fa, .hover-icon {
@include prefixed(transition-duration, 1s);
@include prefixed(transition-property, transform);
@include prefixed(transition-timing-function, ease-in-out);
}
&:hover,
&:focus,
&:active {
.fa, .hover-icon {
@include prefixed(transform, rotate(360deg));
}
}
}