<ul class="vd-list-links">
<li>
<a href="http://simone.org">Autem ipsam ipsum amet magnam hic.</a>
</li>
<li>
<a href="https://joël.org">Debitis quis dolor esse nulla quisquam excepturi porro.</a>
</li>
<li>
<a href="https://brice.com">Officia soluta totam soluta ratione.</a>
</li>
<li>
<a href="https://normand.eu">Laborum perspiciatis ut asperiores sunt eum.</a>
</li>
<li>
<a href="https://astrée.eu">Officiis maiores reiciendis.</a>
</li>
<li>
<a href="https://laurène.info">Velit dolorum enim fugit rem rerum est.</a>
</li>
<li>
<a href="https://tim.com">Omnis qui facilis et illo vero sit.</a>
</li>
<li>
<a href="https://reine.info">Quia corrupti perspiciatis.</a>
</li>
<li>
<a href="http://astérie.fr">Doloremque similique excepturi enim consequuntur sunt.</a>
</li>
<li>
<a href="http://hippolyte.name">Molestias enim ex aut cupiditate architecto.</a>
</li>
</ul>
<ul class="vd-list-links">
{% for item in listLinks -%}
{% if item.item -%}
<li>
<a href="{{ item.url }}">{{ item.item }}</a>
</li>
{%- endif%}
{%- endfor %}
</ul>
{
"listLinks": [
{
"item": "Autem ipsam ipsum amet magnam hic.",
"url": "http://simone.org"
},
{
"item": "Debitis quis dolor esse nulla quisquam excepturi porro.",
"url": "https://joël.org"
},
{
"item": "Officia soluta totam soluta ratione.",
"url": "https://brice.com"
},
{
"item": "Laborum perspiciatis ut asperiores sunt eum.",
"url": "https://normand.eu"
},
{
"item": "Officiis maiores reiciendis.",
"url": "https://astrée.eu"
},
{
"item": "Velit dolorum enim fugit rem rerum est.",
"url": "https://laurène.info"
},
{
"item": "Omnis qui facilis et illo vero sit.",
"url": "https://tim.com"
},
{
"item": "Quia corrupti perspiciatis.",
"url": "https://reine.info"
},
{
"item": "Doloremque similique excepturi enim consequuntur sunt.",
"url": "http://astérie.fr"
},
{
"item": "Molestias enim ex aut cupiditate architecto.",
"url": "http://hippolyte.name"
}
]
}
*/ .vd-list-links,
.vd-menu-list-links {
padding-left: $spacer;
list-style-type: square;
color: $black;
margin-bottom: ($spacer * 2);
li {
margin-bottom: $spacer;
color: $primary;
}
.nav-link {
padding: 0.5rem 1rem;
color: $primary;
}
}
.vd-menu-list-links {
margin-bottom: 0;
li {
margin-bottom: 0;
}
}
Add the .vd-list-links class to display square bullets links and bold text.