Loader (.loader)

Use loader to give user a visual feedback if content is loading, sending xhr requests, etc.

Syntax

<div class="loader">
    <!-- 
        .loader-ball count depends on $loader-ballCount.
        Default count is 3.
     -->
    <div class="loader-ball">
    <div class="loader-ball">
    <div class="loader-ball">
</div>

Configuration

// Default configuration
$loader-ballCount: 3;
$loader-ball-size: rem(6px);
$loader-ball-background: $white;
$loader-border-radius: 100%;
$loader-ball-margin: rem(2px);