Lunds universitet - Style Guide

Header Navbar 

<div class="bg-dark d-none d-lg-block">
    <nav class="navbar navbar-expand-md navbar-dark bg-dark font-size-sm p-0 text-white" aria-label="Genvägar">
        <div class="container-fluid mw-xxl py-0">
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav flex-row ms-auto">
                    <li class="nav-item">
                        <a class="nav-link px-3" href="../../#.html">
                            Student
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link px-3" href="../../#.html">
                            Medarbetare
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link px-3" href="../../#.html">
                            Alumn
                        </a>
                    </li>
                </ul>
                <ul class="navbar-nav flex-row ms-5">
                    <li class="nav-item">
                        <a class="nav-link px-3" href="../../#.html">
                            Bibliotek
                        </a>
                    </li>
                    <li class="nav-item dropdown dropdown-hover">
                        <a class="nav-link dropdown-toggle px-3" href="#" id="sm-lu-fakulteter" role="button" aria-haspopup="true">
                            Fakulteter <i class="fal fa-chevron-down"></i>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="sm-lu-fakulteter">
                            <li class="text-primary"><a class="dropdown-item" href="../../#.html">Campus Helsingborg</a></li>
                            <li class="text-primary"><a class="dropdown-item" href="../../#.html">Ekonomihögskolan</a></li>
                            <li class="text-primary"><a class="dropdown-item" href="../../#.html">Humaniora och teologi</a></li>
                            <li class="text-primary"><a class="dropdown-item" href="../../#.html">Juridiska fakulteten</a></li>
                            <li class="text-primary"><a class="dropdown-item" href="../../#.html">Konstnärliga fakulteten i Malmö</a></li>
                            <li class="text-primary"><a class="dropdown-item" href="../../#.html">LTH | Lunds tekniska högskola</a></li>
                            <li class="text-primary"><a class="dropdown-item" href="../../#.html">Medicinska fakulteten</a></li>
                            <li class="text-primary"><a class="dropdown-item" href="../../#.html">Naturvetenskapliga fakulteten</a></li>
                            <li class="text-primary"><a class="dropdown-item" href="../../#.html">Samhällsvetenskapliga fakulteten</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</div>
 
<div class="bg-dark d-none d-lg-block">
  <nav class="navbar navbar-expand-md navbar-dark bg-dark font-size-sm p-0 text-white" aria-label="Genvägar">
    <div class="container-fluid mw-xxl py-0">
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        {{#if institution}}
        <div><a class="nav-link ps-0" href="#">{{institution}}</a></div>
        {{/if}}
        {{#each items}}
          <ul class="navbar-nav flex-row {{#if @first}}ms-auto{{else}}ms-5{{/if}}">
            {{#each this}}
              {{#unless children}}
                <li class="nav-item">
                  <a class="nav-link px-3" href="{{#if link}}{{path link}}{{/if}}">
                    {{#if icon}}
                      <i class="fal fa-{{icon}}"></i>
                    {{/if}}
                    {{title}}
                  </a>
                </li>
              {{else}}
                <li class="nav-item dropdown dropdown-hover">
                  <a class="nav-link dropdown-toggle px-3" href="#" id="{{@key}}"
                     role="button" aria-haspopup="true">
                    {{title}} <i class="fal fa-chevron-down"></i>
                  </a>
                  <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="{{@key}}">
                    {{#each children}}
                      <li class="text-primary"><a class="dropdown-item" href="{{#if link}}{{path link}}{{/if}}">{{title}}</a></li>
                    {{/each}}
                  </ul>
                </li>
              {{/unless}}
            {{/each}}
          </ul>
        {{/each}}
      </div>
    </div>
  </nav>
</div>
 
{
  "items": [
    {
      "sm-lu-student": {
        "key": "sm-lu-student",
        "title": "Student",
        "link": "#"
      },
      "sm-lu-medarbetare": {
        "key": "sm-lu-medarbetare",
        "title": "Medarbetare",
        "link": "#"
      },
      "sm-lu-alumn": {
        "key": "sm-lu-alumn",
        "title": "Alumn",
        "link": "#"
      }
    },
    {
      "sm-lu-bibliotek": {
        "key": "sm-lu-bibliotek",
        "title": "Bibliotek",
        "link": "#"
      },
      "sm-lu-fakulteter": {
        "key": "sm-lu-fakulteter",
        "title": "Fakulteter",
        "link": "#",
        "children": {
          "lu-fakultet-campus-helsingborg": {
            "key": "lu-fakultet-campus-helsingborg",
            "title": "Campus Helsingborg",
            "link": "#"
          },
          "lu-fakultet-ekonomihogskolan": {
            "key": "lu-fakultet-ekonomihogskolan",
            "title": "Ekonomihögskolan",
            "link": "#"
          },
          "lu-fakultet-humaniora-och-teologi": {
            "key": "lu-fakultet-humaniora-och-teologi",
            "title": "Humaniora och teologi",
            "link": "#"
          },
          "lu-fakultet-juridiska-fakulteten": {
            "key": "lu-fakultet-juridiska-fakulteten",
            "title": "Juridiska fakulteten",
            "link": "#"
          },
          "lu-fakultet-konstnarliga-fakulteten-i-malmo": {
            "key": "lu-fakultet-konstnarliga-fakulteten-i-malmo",
            "title": "Konstnärliga fakulteten i Malmö",
            "link": "#"
          },
          "lu-fakultet-lth-lunds-tekniska-hogskola": {
            "key": "lu-fakultet-lth-lunds-tekniska-hogskola",
            "title": "LTH | Lunds tekniska högskola",
            "link": "#"
          },
          "lu-fakultet-medicinska-fakulteten": {
            "key": "lu-fakultet-medicinska-fakulteten",
            "title": "Medicinska fakulteten",
            "link": "#"
          },
          "lu-fakultet-naturvetenskapliga-fakulteten": {
            "key": "lu-fakultet-naturvetenskapliga-fakulteten",
            "title": "Naturvetenskapliga fakulteten",
            "link": "#"
          },
          "lu-fakultet-samhallsvetenskapliga-fakulteten": {
            "key": "lu-fakultet-samhallsvetenskapliga-fakulteten",
            "title": "Samhällsvetenskapliga fakulteten",
            "link": "#"
          }
        }
      }
    }
  ]
}

No notes defined.