Davidson Styleguide

Described Links 

<ul class="described-links">
    <li>
        <div class="described-link">
            <div class="described-link__link">
                <a href="http://www.example.com" class="link--fancy">Degree Programs & Certifications</a>
            </div>
            <div class="described-link__desc">
                A post-secondary certificate is a non-degree program offered by community colleges, four-year colleges and career schools. It represents completion of a specialized training program that focuses on the development of professional skills.
            </div>
        </div>
    </li>
    <li>
        <div class="described-link">
            <div class="described-link__link">
                <a href="http://www.example.com" class="link--fancy">Professional Volleyball @ NewCity</a>
            </div>
        </div>
    </li>
    <li>
        <div class="described-link">
            <div class="described-link__link">
                <a href="http://www.example.com" class="link--fancy">Anacoluthons in Literature</a>
            </div>
            <div class="described-link__desc">
                I will have such revenges on you both, that all the world shall — I will do such things, what they are, yet I know not…
            </div>
        </div>
    </li>
    <li>
        <div class="described-link">
            <div class="described-link__link">
                <a href="http://www.example.com" class="link--fancy">Tell You About Anastrophes, We Will</a>
            </div>
        </div>
    </li>
</ul>
 
{% if described_links is not empty %}
<ul class="described-links">
  {% block described_links_content %}
    {% for item in described_links.items %}
      <li>{% include '@described-link' with { described_link: item } %}</li>
    {% endfor %}
  {% endblock %}
</ul>
{% endif %}
 
{
  "described_links": {
    "items": [
      {
        "link": {
          "url": "http://www.example.com",
          "title": "Degree Programs & Certifications",
          "variant": "link--fancy"
        },
        "description": "A post-secondary certificate is a non-degree program offered by community colleges, four-year colleges and career schools. It represents completion of a specialized training program that focuses on the development of professional skills."
      },
      {
        "link": {
          "url": "http://www.example.com",
          "title": "Professional Volleyball @ NewCity",
          "variant": "link--fancy"
        }
      },
      {
        "link": {
          "url": "http://www.example.com",
          "title": "Anacoluthons in Literature",
          "variant": "link--fancy"
        },
        "description": "I will have such revenges on you both, that all the world shall — I will do such things, what they are, yet I know not…"
      },
      {
        "link": {
          "url": "http://www.example.com",
          "title": "Tell You About Anastrophes, We Will",
          "variant": "link--fancy"
        }
      }
    ]
  }
}

There are no notes for this item.