An SCSS mixin that turns a single element into a loading icon, built with just CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
_loadit.scss

README.md

*Currently version 0.9 - 20 loaders*

Demos | Documentation


A SCSS mixin that turns a single element into a loading icon, built with just CSS! How to use

Import the _loadit.scss file:

@import "loadit";

No extra html elements needed, simply use a single element, and add the mixin in your SCSS:

<div class="loadingDiv"></div>
.loadingDiv{
  @include loadit-bars;
}

It can also take arguments, with many different animations available:

.loadingDiv{
  @include loadit-target($color:red,$size:20px,$animation:wave);
}