loaders-themelet

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

Usage no npm install needed!

<script type="module">
  import loadersThemelet from 'https://cdn.skypack.dev/loaders-themelet';
</script>

README

Loaders Themelet

npm version

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

Loader 1 Loader 2 Loader 3 Loader 4 Loader 5 Loader 6 Loader 7 Loader 8

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 Loader 1
loader2 Loader 2
loader3 Loader 3
loader4 Loader 4
loader5 Loader 5
loader6 Loader 6
loader7 Loader 7
loader8 Loader 8

License

MIT