WAI Website Assets

Sidenav header 

<div class="sidenav--head">
    <div class="sidenav--head-icon"><svg aria-hidden="true" class="icon-book sidenav--head-icon--inner"><use xlink:href="../../assets/images/icons.svg#icon-book"></use></svg> book</div>
    <div class="sidenav--head-title">
        <div class="sidenav--head-section">Tutorials</div>
        <div class="sidenav--head-subsection">Page Structure</div>
    </div>
</div>
 
<div class="sidenav--head">
  {%- if icon -%}
    <div class="sidenav--head-icon">
        {%- render '@icons', name=icon, class="sidenav--head-icon--inner" -%}
    </div>
  {%- endif -%}
  <div class="sidenav--head-title">
    {%- if section -%}<div class="sidenav--head-section">{{ section }}</div>{%- endif -%}
    <div class="sidenav--head-subsection">{{ header }}</div>
  </div>
</div>
 
{
  "section": "Tutorials",
  "header": "Page Structure",
  "icon": "book"
}

There are no notes for this item.