Lunds universitet - Style Guide

Infobox: Read More 

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

    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed lacus lupurus tempus vehicula. Aliquam malesuada fermentum faucibus. Nunc vivtortor vitae sollicitudin pharetra. Integer molestie tristique justo ac venenEtiam sit amet rhoncus quam. Ut congue purus ut sem pretium, ac egestaspellentesque. Etiam vulputate placerat.</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-copper-50"
  ],
  "content": {
    "components": [
      {
        "component": "heading--level-3",
        "merge": true,
        "context": {
          "content": "Lorem ipsum",
          "modifiers": [
            "h3",
            "mt-0",
            "mb-3"
          ]
        }
      },
      {
        "component": "paragraph",
        "context": {
          "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed lacus lupurus tempus vehicula. Aliquam malesuada fermentum faucibus. Nunc vivtortor vitae sollicitudin pharetra. Integer molestie tristique justo ac venenEtiam sit amet rhoncus quam. Ut congue purus ut sem pretium, ac egestaspellentesque. Etiam vulputate placerat."
        }
      },
      {
        "component": "read-more-link--container",
        "merge": true,
        "context": {
          "container-modifiers": [
            "text-end",
            "font-weight-normal"
          ]
        }
      }
    ]
  }
}

No notes defined.