Lunds universitet - Style Guide

Mobile Navigation: Single 

<div class="modal fade" id="nav-mobile" tabindex="-1" role="dialog" aria-labelledby="nav-mobile-label" aria-hidden="true">
    <div class="modal-dialog my-0 mx-auto" role="document">
        <div class="modal-content border-0 rounded-0">
            <div class="modal-header justify-content-end">
                <button type="button" class="border-0 bg-transparent cursor-pointer lh-0 p-2 nm-2" data-bs-dismiss="modal" aria-controls="nav-mobile" aria-expanded="false" aria-label="Dölj meny">
                    <span aria-hidden="true"><i class="fal fa-times fa-lg"></i></span>
                </button>
            </div>
            <ul class="mobile-nav mobile-nav-root border-0 nav-collapse font-size-sm nav-undecorated">
            </ul>
        </div>
    </div>
</div>
 
<div class="modal fade" id="{{id}}" tabindex="-1" role="dialog" aria-labelledby="{{id}}-label" aria-hidden="true">
  <div class="modal-dialog my-0 mx-auto" role="document">
    <div class="modal-content border-0 rounded-0">
      <div class="modal-header justify-content-end">
        <button type="button" class="border-0 bg-transparent cursor-pointer lh-0 p-2 nm-2" data-bs-dismiss="modal"
                aria-controls="{{id}}" aria-expanded="false" aria-label="Dölj meny">
          <span aria-hidden="true"><i class="fal fa-times fa-lg"></i></span>
        </button>
      </div>
      <ul class="mobile-nav mobile-nav-root border-0 nav-collapse font-size-sm nav-undecorated">
        {{#each nav}}
          {{#if ../single}}
            {{render "@mobile-navigation-link--root" this merge=true}}
          {{else}}
            {{render "@mobile-navigation-link" this}}
          {{/if}}
        {{/each}}
        {{#each extra-nav}}
          {{#each this}}
            {{render "@mobile-navigation-link" this}}
          {{/each}}
        {{/each}}
      </ul>
    </div>
  </div>
</div>
 
{
  "id": "nav-mobile",
  "show-title": false,
  "single": true
}

No notes defined.