Brødsmuler

Brødsmulesti som lar brukerene se hvor de befinner seg på siden og lar dem navigere rundt i sidestrukturen.

Brødsmulesti

<nav class="breadcrumbs">
  <div class="container">
    <button class="breadcrumbs__button" id="breadcrumb-button" aria-label="Vis/gjem brødsmuler" data-expanded="false">
      <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" version="1.1"
        xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 24 24">
        <g transform="matrix(1,0,0,1,0,0)">
          <path
            d="M 23.25,7.311L12.53,18.03c-0.292,0.293-0.767,0.293-1.059,0.001c0,0-0.001-0.001-0.001-0.001L0.75,7.311"
            stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
        </g>
      </svg>
    </button>
    <ul class="breadcrumbs__list">
      <li class="breadcrumbs__list__home"><a href="/">Hjem
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="18" height="11">
        <path fill="#233464" fill-rule="nonzero" d="M8.31.32l9.21 5.18-9.21 5.18-.49-.87L14.59 6H.5V5h14.091L7.819 1.19z"/>
       </svg>
    </a></li>
      <li><a href="#">Skole og utdanning
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="18" height="11">
        <path fill="#233464" fill-rule="nonzero" d="M8.31.32l9.21 5.18-9.21 5.18-.49-.87L14.59 6H.5V5h14.091L7.819 1.19z"/>
       </svg></a></li>
      <li><a href="#">Skolens ferier og fridager
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="18" height="11">
            <path fill="#233464" fill-rule="nonzero" d="M8.31.32l9.21 5.18-9.21 5.18-.49-.87L14.59 6H.5V5h14.091L7.819 1.19z"/>
           </svg>
      </a></li>
      <li>Søke fri fra skolen</li>
    </ul>
  </div>
</nav>