{#
/**
 * @file
 * Template for a complex column panel layout.
 *
 * This template provides a complex column panel display layout, with
 * each column roughly equal in width.
 *
 * Variables:
 * -
 * -
 *
 *
 *
 */
#}
<div{{ attributes }} class="layout {{ modifier_class }}">
  {# Optional Header #}
  {% if header is not empty %}
  <header class="flex-container centered-container">
    <div class="flex-12-of-12">
      {{ header }}
    </div>
  </header>
  {% endif %}

  {# Grid Container #}
  <div class="flex-container centered-container">
    {# Manditory sidebar #}
    <aside class="flex-md-3-of-12">
      {{ sidebar }}
    </aside>

    {# Manditory content #}
    <section class="flex-md-9-of-12">
      {{ content }}
    </section>
  </div>

</div>
