{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}

{# ========================================================================= #}
{# :: Default #}
{# ========================================================================= #}
{% macro default(classes, data) %}

  <div class="a-loader {{classes}}">
    <div class="a-loader__outer">
      <div class="a-loader__inner"></div>
    </div>
  </div>
{% endmacro %}

{# ========================================================================= #}
{# :: simple #}
{# ========================================================================= #}
{% macro simple(classes, data) %}

  <div class="a-loader a-loader--simple">
    <div class="a-loader__point a-loader__point--first"></div>
    <div class="a-loader__point a-loader__point--middle"></div>
    <div class="a-loader__point a-loader__point--last"></div>
  </div>
{% endmacro %}