WAI Website Assets

Boxes: Large Icon Unordered With Link 

<aside class="box box-list">
    <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>
            <li><a href="#">This is a link</a><br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta minus harum sit eos ipsam aliquid eveniet explicabo quasi vero facere, velit officiis, nostrum sapiente laboriosam fugiat dolorem dolorum quisquam,
                mollitia!</li>
            <li><a href="#">This is a link</a><br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta minus harum sit eos ipsam aliquid eveniet explicabo quasi vero facere, velit officiis, nostrum sapiente laboriosam fugiat dolorem dolorum quisquam,
                mollitia!</li>
            <li><a href="#">This is a link</a><br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta minus harum sit eos ipsam aliquid eveniet explicabo quasi vero facere, velit officiis, nostrum sapiente laboriosam fugiat dolorem dolorum quisquam,
                mollitia!</li>
            <li><a href="#">This is a link</a><br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta minus harum sit eos ipsam aliquid eveniet explicabo quasi vero facere, velit officiis, nostrum sapiente laboriosam fugiat dolorem dolorum quisquam,
                mollitia!</li>
            <li><a href="#">This is a link</a><br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta minus harum sit eos ipsam aliquid eveniet explicabo quasi vero facere, velit officiis, nostrum sapiente laboriosam fugiat dolorem dolorum quisquam,
                mollitia!</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": [
    "list"
  ],
  "content": "listwithlinks"
}

There are no notes for this item.