Spinner

Ready Added in 2.0.0

Create an animated loading spinner.

Usage

To create a spinner, add the gls-spinner attribute to a block element.

<div gls-spinner></div>
  • <div gls-spinner></div>
    

Ratio

Add the ratio: 3 parameter to the gls-spinner attribute to triple its size – or any other number, depending on how big you want the spinner to be.

<div gls-spinner="ratio: 3"></div>
  • <span class="gls-margin-small-right" gls-spinner="ratio: 3"></span>
    <span gls-spinner="ratio: 4.5"></span>