University of Leeds Design System v1.0.14.2

Article Section: Linked list

No notes defined.

{% for section in sections %}
    <div class="uol-article-section uol-rich-text">
        {% if section.title %}
            <h2 class="uol-article-section__title">{{ section.title }}</h2>
        {% endif %}
        <div class="uol-article-section__content">
            {% render '@'+section.type, section.content %}
        </div>
    </div>
{% endfor %}
 
<div class="uol-article-section uol-rich-text">

    <h2 class="uol-article-section__title">Section title</h2>

    <div class="uol-article-section__content">

        <div class="uol-rich-text ">
            <ul>
                <li><a href="/link-1">Lorem ipsum dolor</a></li>
                <li><a href="/link-2">Assumenda est saepe</a></li>
                <li><a href="/link-3">Quae odio rerum</a></li>
                <li><a href="/link-4">Mollitia ratione maxime</a></li>
                <li><a href="/link-5">Corporis ab molestias</a></li>
            </ul>

        </div>

    </div>
</div>
  • Content: 
    .uol-article-section {

}

    .uol-article-section__title {

    }

    .uol-article-section__content {
        a {
            text-decoration: underline;
            color: inherit;

            &:hover,
            &:focus {
                // color: $color-brand-1;
            }
        }

        .uol-publications-list__further-link {
          text-decoration: none;
          font-weight: $font-weight-bold--sans-serif;
        }
    }
  • URL: /components/raw/uol-article-section/_article-section.scss
  • Filesystem Path: src/library/02-components/article-section/_article-section.scss
  • Size: 452 Bytes 
{
  "sections": [
    {
      "title": "Section title",
      "type": "uol-cms-container",
      "content": {
        "content": "<ul><li><a href=\"/link-1\">Lorem ipsum dolor</a></li><li><a href=\"/link-2\">Assumenda est saepe</a></li><li><a href=\"/link-3\">Quae odio rerum</a></li><li><a href=\"/link-4\">Mollitia ratione maxime</a></li><li><a href=\"/link-5\">Corporis ab molestias</a></li></ul>"
      }
    }
  ]
}