|
/* Pop */
|
|
@keyframes pop {
|
|
50% {
|
|
transform: scale(1.2);
|
|
}
|
|
|
|
100% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
@mixin pop {
|
|
display: inline-block;
|
|
|
|
@extend %hacks;
|
|
|
|
&:hover {
|
|
animation-name: pop;
|
|
animation-duration: $defaultDuration;
|
|
animation-timing-function: linear;
|
|
animation-iteration-count: 1;
|
|
}
|
|
} |