Animation

Mixins

@include pulse(); // Default values : pulse($duration: 2.5s, $scale: 1.1, $curve: ease, $infinite: true)
@include spin(); // Default values : spin($velocity: 1.5s, $curve: ease, $mode: infinite)
@include fade(); // Default values : spin($velocity: 1s, $curve: linear, $mode: infinite)

Example

.logo {
@include pulse();
}
.logo-once {
@include pulse(3s, 2, ease-in-out, false);
}
.logo-backwards {
@include pulse(3s, 2, ease-in-out, backwards);
}