Loaders Themelet

A themelet providing eight alternative loaders, based on the Single Element CSS Spinners project created by Luke Hass.

Install

Go to your theme's root folder and type:

gulp extend

Choose Themelet :

? What kind of theme asset would you like to extend? 
  Base theme 
❯ Themelet 

Choose Search npm registry :

? Where would you like to search for themelets? 
  Search globally installed npm modules (development purposes only) 
❯ Search npm registry (published modules) 

Search for loaders-themelet :

? Search npm for themelets: loaders-themelet

If you have an error, try npm audit fix and retry installation from the beginning

Press space to select it :

? Select a themelet 
❯◉ loaders-themelet

Usage

Use loader number 8 with default color:

@include loader8;

Use loader number 8 with custom color:

@include loader8 ($color: red);

The mixins loader2 and loader3 accept an optional third argument for background color:

@include loader2 ($color: red, $background-color: grey);

Loaders index:

| Mixin | Loader | |:---------:|:---------------------------: | | loader1 | | | loader2 | | | loader3 | | | loader4 | | | loader5 | | | loader6 | | | loader7 | | | loader8 | |

License

MIT