WAI Website Assets

Boxes: Large Icon Link List 

<aside class="box box-linklist">
    <header class="box-h box-h-large box-h-icon"><svg aria-hidden="true" class="icon-default "><use xlink:href="../../assets/images/icons.svg#icon-default"></use></svg> defaultLarge header w/ Icon
    </header>
    <div class="box-i">
        <ul class="linklist">
            <li><a href="#"><svg aria-hidden="true" class="icon-chevron-right "><use xlink:href="../../assets/images/icons.svg#icon-chevron-right"></use></svg> chevron-right <span class="visual-a">adaptive strategies</span></a></li>
            <li><a href="#"><svg aria-hidden="true" class="icon-chevron-right "><use xlink:href="../../assets/images/icons.svg#icon-chevron-right"></use></svg> chevron-right <span class="visual-a">adaptive strategies</span></a></li>
            <li><a href="#"><svg aria-hidden="true" class="icon-chevron-right "><use xlink:href="../../assets/images/icons.svg#icon-chevron-right"></use></svg> chevron-right <span class="visual-a">adaptive strategies</span></a></li>
            <li><a href="#"><svg aria-hidden="true" class="icon-chevron-right "><use xlink:href="../../assets/images/icons.svg#icon-chevron-right"></use></svg> chevron-right <span class="visual-a">adaptive strategies</span></a></li>
            <li><a href="#"><svg aria-hidden="true" class="icon-chevron-right "><use xlink:href="../../assets/images/icons.svg#icon-chevron-right"></use></svg> chevron-right <span class="visual-a">adaptive strategies</span></a></li>
        </ul>
    </div>
</aside>
 
<aside class="box{% for mod in mods %} box-{{ mod }}{% endfor %}">
  {%render '@box-header', type=headertype, label=headerlabel, mods=headermods, icon=headericon %}
  <div class="box-i">
    {%- if content == "linklist" -%}
    {%- render '@list-links' -%}
    {%- elseif content == "listwithlinks" -%}
    {%- render '@list-unordered-with-link' -%}
    {%- elseif content == "help-box-content" -%}
    {%- render '@box-help-content' -%}
    {%- else -%}
    {{content}}
    {%- endif -%}
  </div>
</aside>
 
{
  "headerlabel": "Large header w/ Icon",
  "headertype": "icon",
  "headermods": [
    "large",
    "icon"
  ],
  "mods": [
    "linklist"
  ],
  "content": "linklist"
}

There are no notes for this item.