18F/web-design-standards

{#
  Used in footer default and slim variants due to similarity in markup.
#}

{# Set default footer list classes, override layout if slim variation.  #}
{% set list_classes = (modifier != 'usa-footer--slim'
  ? 'mobile-lg:grid-col-4'
  : 'mobile-lg:grid-col-6')
  ~ ' desktop:grid-col-auto usa-footer__primary-content'
%}

<nav class="usa-footer__nav" aria-label="{{ aria_label | default('Footer navigation') }}">
  <ul class="grid-row grid-gap">
    {% for link in links %}
      <li class="{{ list_classes }}">
        <a class="usa-footer__primary-link" href="javascript:void(0);">
          {{ link.label |e }}
        </a>
      </li>
    {% endfor %}
  </ul>
</nav>