Documentation
Below are the current list of mixins, options, and animations. A loader that uses all the options would look like this:
.loaderDemo{ @include loadit-target($color:purple,$secColor:red,$size:50px,$animation:switch,$speed,4s); }
The outputed CSS would look like this(you can play with it and see the effect below):
And look like this:
Loader Name | Options | Available Animations |
---|---|---|
loadit-dots |
$color,$size,$animation,$speed |
fade - default, drop, bounce |
loadit-ball |
$color,$size,$animation,$speed |
bounce - default, roll, move |
loadit-square |
$color,$secColor,$size,$animation,$speed |
flip - default, fill |
loadit-target |
$color,$secColor,$size,$animation,$speed |
pulse - default, switch, smudge, circle, slice, wedge |
loadit-bars |
$color,$size,$animation,$speed |
radio - default, wave |
loadit-spinner |
$color,$size,$animation,$speed |
dots - default, indicate, inside, ball |