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-spacing uol-rich-text ">
            <ul>
                <li>Lorem ipsum dolor sit</li>
                <li>Voluptatibus itaque excepturi placeat</li>
                <li>Fugit laboriosam dolor</li>
                <li>Consectetur aliquid soluta blanditiis</li>
                <li>Modi vero harum dolorem</li>
            </ul>

        </div>

    </div>
</div>
  • Content:
    .uol-article-section {
    
    }
    
      .uol-article-section__title {
        margin-bottom: $spacing-4 !important;
      }
    
        .uol-article-section__content {
    
          .uol-spacing ul:last-child {
            margin-bottom: 0 !important;
          }
          
          .uol-spacing ul:first-of-type {
            padding-top: $spacing-2;
          }
    
          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: 655 Bytes
{
  "sections": [
    {
      "title": "Section title",
      "type": "uol-cms-container",
      "content": {
        "content": "<ul><li>Lorem ipsum dolor sit</li><li>Voluptatibus itaque excepturi placeat</li><li>Fugit laboriosam dolor</li><li>Consectetur aliquid soluta blanditiis</li><li>Modi vero harum dolorem</li></ul>"
      }
    }
  ]
}