Lunds universitet - Style Guide

Infobox: Read More Sky 

<div class="infobox bg-sky-50">
    <h3 class=" h3 mt-0 mb-3">Lorem ipsum dolor</h3>

    <p>Nam mollis varius ligula. Suspnd isse ac viverra ligula, eu accusan ante. Aliquam eget sem et nibh mattis interdum.</p>

    <p>Maecenas placerat tempus risu vel mollis nulla blandit non.</p>

    <div class=" text-end font-weight-normal">
        <a href="../../#.html" class="nav-undecorated">Lorem ipsum&nbsp;<i class="fal fa-chevron-circle-right  fa-lg"></i>
        </a>
    </div>

</div>
 
<div class="infobox{{modifiers modifiers}}">
    {{render "@component-list" content}}
</div>
 
{
  "modifiers": [
    "bg-sky-50"
  ],
  "content": {
    "components": [
      {
        "component": "heading--level-3",
        "merge": true,
        "context": {
          "content": "Lorem ipsum dolor",
          "modifiers": [
            "h3",
            "mt-0",
            "mb-3"
          ]
        }
      },
      {
        "component": "paragraph",
        "context": {
          "content": "Nam mollis varius ligula. Suspnd isse ac viverra ligula, eu accusan  ante. Aliquam eget sem et nibh  mattis interdum."
        }
      },
      {
        "component": "paragraph",
        "context": {
          "content": "Maecenas placerat tempus risu  vel mollis nulla blandit non."
        }
      },
      {
        "component": "read-more-link--container",
        "merge": true,
        "context": {
          "container-modifiers": [
            "text-end",
            "font-weight-normal"
          ]
        }
      }
    ]
  }
}

No notes defined.