<h3>Ring spinner</h3>

<!-- ============ VARIABLES -->
<!-- ====================== -->
<p>
    <h4>Variables</h4>
    <div><pre hljs class="prettyprint lang-sass">$spinner-ring-class: "#{$spinner-class}-ring"
$spinner-ring-size: 30px
</pre></div>
</p>

<p>Just add class <code>-spinner-ring</code></p>

<div class="-row example-block">

    <div class="-col12 view">
        <div class="-spinner-ring -primary-"></div>
        <div class="-spinner-ring -warning-"></div>
        <div class="-spinner-ring -info-"