Lunds universitet - Style Guide

Side Navigation: Medarbetarwebb 

<ul class="nav-accordion nav-collapse nav-undecorated">
    <li>
        <a href="#" class="nav-link">

            Kommunikationsplanering och presentation
        </a>
    </li>

    <li>
        <a href="#" class="nav-link collapse active bg-stone-25">
            <div class="float-end ms-2"><i class="fal fa-chevron-down"></i></div>
            Grafisk profil och logotyp
        </a>
        <ul class="nav-accordion collapse show">
            <li>
                <a href="#" class="nav-link bg-stone-25">

                    Logotyp
                </a>
            </li>

            <li>
                <a href="#" class="nav-link bg-stone-25">

                    Typsnitt
                </a>
            </li>

            <li>
                <a href="#" class="nav-link bg-stone-25">

                    Färger
                </a>
            </li>

            <li>
                <a href="#" class="nav-link bg-stone-25">

                    Bildmanér
                </a>
            </li>

            <li>
                <a href="#" class="nav-link bg-stone-25">

                    Grafisk profil i kanaler
                </a>
            </li>

        </ul>
    </li>

    <li>
        <a href="#" class="nav-link">

            Beställa från tryckerier, byråer och fotografer
        </a>
    </li>

    <li>
        <a href="#" class="nav-link">

            Webbpublicering
        </a>
    </li>

    <li>
        <a href="#" class="nav-link">

            Sociala medier
        </a>
    </li>

    <li>
        <a href="#" class="nav-link">

            Bild, film och musik
        </a>
    </li>

</ul>
 
<ul class="nav-accordion{{#if bg}}{{bg}}{{/if}} nav-collapse nav-undecorated">
  {{#each items}}
    {{render "@side-navigation-item" this}}
  {{/each}}
</ul>
 
{
  "items": [
    {
      "link": "#",
      "label": "Kommunikationsplanering och presentation",
      "childless": true
    },
    {
      "link": "#",
      "label": "Grafisk profil och logotyp",
      "bg": "bg-stone-25",
      "active": true,
      "items": [
        {
          "link": "#",
          "label": "Logotyp",
          "childless": true,
          "bg": "bg-stone-25"
        },
        {
          "link": "#",
          "label": "Typsnitt",
          "childless": true,
          "bg": "bg-stone-25"
        },
        {
          "link": "#",
          "label": "Färger",
          "childless": true,
          "bg": "bg-stone-25"
        },
        {
          "link": "#",
          "label": "Bildmanér",
          "childless": true,
          "bg": "bg-stone-25"
        },
        {
          "link": "#",
          "label": "Grafisk profil i kanaler",
          "childless": true,
          "bg": "bg-stone-25"
        }
      ]
    },
    {
      "link": "#",
      "label": "Beställa från tryckerier, byråer och fotografer",
      "childless": true
    },
    {
      "link": "#",
      "label": "Webbpublicering",
      "childless": true
    },
    {
      "link": "#",
      "label": "Sociala medier",
      "childless": true
    },
    {
      "link": "#",
      "label": "Bild, film och musik",
      "childless": true
    }
  ]
}

No notes defined.