Foehn Design System

Nav 

<nav class="align-items-center d-flex d-print-none">
    <h2 class="sr-only">
        Sous-navigation
    </h2>
    <ul class="list-inline text-md-end small">
        <li class="list-inline-item me-2">
            <a href="#">Autorités</a>
        </li>
        <li class="list-inline-item me-2">
            <a href="#">Annuaire</a>
        </li>
    </ul>
</nav>
 
<nav class="align-items-center d-flex d-print-none">
  <h2 class="sr-only">
    Sous-navigation
  </h2>
  <ul class="list-inline text-md-end small" >
    <li class="list-inline-item me-2">
      <a href="#">Autorités</a>
    </li>
    <li class="list-inline-item me-2">
      <a href="#">Annuaire</a>
    </li>
  </ul>
</nav>
 
{
  "items": [
    {
      "name": "Autorités",
      "url": "#",
      "active": true
    },
    {
      "name": "Annuaire",
      "url": "#"
    }
  ]
}
  • Content: 
    @charset 'UTF-8';

.access-nav {
  height: 0;
}
  • URL: /components/raw/nav/_nav.scss
  • Filesystem Path: src/components/02-molecules/navigation/nav/_nav.scss
  • Size: 48 Bytes

regular navigation