<ul class="vd-list-links">
    <li>
        <a href="https://biodegradable-necklace.name">Ocer aestas spiculum alienus crustulum varietas confido varietas.</a>
    </li>
    <li>
        <a href="https://reasonable-siege.com">Sed suffragium tibi.</a>
    </li>
    <li>
        <a href="https://weighty-pneumonia.biz/">Decimus arceo aliquid impedit delectus tripudio tergo culpa amplexus cervus.</a>
    </li>
    <li>
        <a href="https://squiggly-instructor.net/">Sub valetudo succurro at.</a>
    </li>
    <li>
        <a href="https://assured-exploration.com/">Solium subito sint vestrum vociferor.</a>
    </li>
    <li>
        <a href="https://pointless-someplace.org/">Ullus benevolentia vix.</a>
    </li>
    <li>
        <a href="https://gifted-pasta.info/">Currus solitudo thesis conor baiulus crapula facilis blandior.</a>
    </li>
    <li>
        <a href="https://impractical-designation.net/">Arceo vae tondeo crur sunt caterva compello vito officia.</a>
    </li>
    <li>
        <a href="https://flustered-object.name/">Surculus capio utique super cuppedia cubo repellat.</a>
    </li>
    <li>
        <a href="https://giving-lashes.info">Modi placeat aspicio autem.</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": "Ocer aestas spiculum alienus crustulum varietas confido varietas.",
      "url": "https://biodegradable-necklace.name"
    },
    {
      "item": "Sed suffragium tibi.",
      "url": "https://reasonable-siege.com"
    },
    {
      "item": "Decimus arceo aliquid impedit delectus tripudio tergo culpa amplexus cervus.",
      "url": "https://weighty-pneumonia.biz/"
    },
    {
      "item": "Sub valetudo succurro at.",
      "url": "https://squiggly-instructor.net/"
    },
    {
      "item": "Solium subito sint vestrum vociferor.",
      "url": "https://assured-exploration.com/"
    },
    {
      "item": "Ullus benevolentia vix.",
      "url": "https://pointless-someplace.org/"
    },
    {
      "item": "Currus solitudo thesis conor baiulus crapula facilis blandior.",
      "url": "https://gifted-pasta.info/"
    },
    {
      "item": "Arceo vae tondeo crur sunt caterva compello vito officia.",
      "url": "https://impractical-designation.net/"
    },
    {
      "item": "Surculus capio utique super cuppedia cubo repellat.",
      "url": "https://flustered-object.name/"
    },
    {
      "item": "Modi placeat aspicio autem.",
      "url": "https://giving-lashes.info"
    }
  ]
}
  • Content:
    */ .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;
      }
    }
    
  • URL: /components/raw/list-links/_list-links.scss
  • Filesystem Path: src/components/02-molecules/lists/list-links/_list-links.scss
  • Size: 350 Bytes

Add the .vd-list-links class to display square bullets links and bold text.