sass-site/source/_layouts/has_complimentary.liquid

---
layout: base
---

<div class="sl-l-large-holy-grail">
  <div class="sl-l-large-holy-grail__body">
    <div class="sl-l-large-holy-grail__main">
      <div {% unless no_container %}class="sl-l-container sl-l-container--small" {% endunless %}>
        {% if before_introduction_include %}
          {% include before_introduction_include %}
        {% endif %}
        {% if introduction %}
          <div class="sl-c-introduction {% if center_introduction %} sl-c-introduction--center{% endif %}">
            {{ introduction }}
          </div>
        {% endif %}

        {{ content | typogr }}
      </div>
    </div>

    {% if complementary_content %}
      <div class="sl-l-large-holy-grail__complementary">
        {% if complementary_content_nav %}
          <nav aria-label={{ complementary_content_aria_label }} class="sl-c-list-navigation-wrapper">
          {% endif %}
          {% markdown %}
            {{ complementary_content }}
          {% endmarkdown %}
          {% if complementary_content_nav %}
          </nav>
        {% endif %}
      </div>
    {% endif %}
  </div>
</div>