Pinecone

Link List: Inverse 

<div class="spacer"></div>
<ul class="link-list link-list--inverse">
    <li class="link-list__item"><a href="/link-1">Link List Item 1</a></li>
    <li class="link-list__item"><a href="/link-2">Link List Item 2</a></li>
    <li class="link-list__item"><a href="/link-3">Link List Item 3</a></li>
    <li class="link-list__item"><a href="/link-4">Link List Item 4</a></li>
    <li class="link-list__item"><a href="/link-5">Link List Item 5</a></li>
    <li class="link-list__item"><a href="/link-6">Link List Item 6</a></li>
</ul>
 
{% if not standAlone %}<div class="spacer"></div>{% endif %}
<ul class="link-list{% if modifier %} link-list--{{ modifier }}{% endif %}">
	{% for item in items %}
	<li class="link-list__item"><a href="{{ item.href }}"{{ 'aria-current=true' if item.current }}>{% if item.icon %}{% render '@svg', {svg: item.icon, viewBox: '0 0 24 24'}, true %}{% endif %}{{ item.label }}</a></li>
	{% endfor %}
</ul>
 
{
  "standAlone": false,
  "items": [
    {
      "label": "Link List Item 1",
      "href": "/link-1",
      "current": false
    },
    {
      "label": "Link List Item 2",
      "href": "/link-2",
      "current": false
    },
    {
      "label": "Link List Item 3",
      "href": "/link-3",
      "current": false
    },
    {
      "label": "Link List Item 4",
      "href": "/link-4",
      "current": false
    },
    {
      "label": "Link List Item 5",
      "href": "/link-5",
      "current": false
    },
    {
      "label": "Link List Item 6",
      "href": "/link-6",
      "current": false
    }
  ],
  "modifier": "inverse",
  "bodyClass": "has-blue-500-background-color"
}

There are no notes for this item.