Lunds universitet - Style Guide

Toggle Card: Publications 

<div class="expand bg-copper-50 mb-3 mt-6">
    <div class="expand-content">
        <div class="expand-content-lead">
            <h3 class="mt-0">Senaste Publikationer</h3>
            <p>Hämtat ur Lunds universitets publikationsdatabas 2017-04-26</p>
            <h4 class="h6">2017</h4>
            <p>
                <a href="#">Legal aid in Iceland</a><br>
                Nicolette Buddingh<br>
                (2017) Springer International Publishing<br>
                Del av eller Kapitel i bok
            </p>
            <h4 class="h6">2016</h4>
            <p>
                <a href="#">How could Britain see the light on rape? By looking to the Nordic countries</a><br>
                Nicolette Buddingh, Jane Doe<br>
                (2016)<br>
                Tidningsartikel
            </p>

        </div>
        <div class="expand-content-body">
            <h3 class="mt-0">Alla Publikationer</h3>
            <p>Hämtat ur Lunds universitets publikationsdatabas</p>
            <h4 class="h6">Del av eller Kapitel i bok</h4>
            <p>
                <a href="#">Legal aid in Iceland</a><br>
                Nicolette Buddingh<br>
                (2017) Springer International Publishing, p.125-146
            </p>
            <h4 class="h6">Tidningsartikel</h4>
            <p>
                <a href="#">How could Britain see the light on rape? By looking to the Nordic countries</a><br>
                Nicolette Buddingh, Jane Doe<br>
                (2016)
            </p>

        </div>
    </div>
    <button class="expand-control">
        <span class="expand-closed">
            <a href="fallback.html" class="expand-fallback">Visa alla publikationer&nbsp;<span class="ms-1"><i class="fal fa-chevron-down"></i></span></a>
        </span>
        <span class="expand-open">
            <a class="expand-fallback">
                Visa senaste publikationer&nbsp;<span class="ms-1"><i class="fal fa-chevron-up"></i></span>
            </a>
        </span>
    </button>
</div>
 
<div class="expand bg-copper-50 mb-3{{modifiers modifiers}}">
  <div class="expand-content">
    <div class="expand-content-lead">
      {{render (concat "@" lead)}}
    </div>
    <div class="expand-content-body">
      {{render (concat "@" body)}}
    </div>
  </div>
  <button class="expand-control">
    <span class="expand-closed">
      <a href="{{fallback}}" class="expand-fallback">{{label-expand}}&nbsp;<span class="ms-1"><i
            class="fal fa-chevron-down"></i></span></a>
    </span>
    <span class="expand-open">
      <a class="expand-fallback">
        {{label-contract}}&nbsp;<span class="ms-1"><i class="fal fa-chevron-up"></i></span>
      </a>
    </span>
  </button>
</div>
 
{
  "label-expand": "Visa alla publikationer",
  "label-contract": "Visa senaste publikationer",
  "fallback": "fallback.html",
  "modifiers": [
    "mt-6"
  ],
  "lead": "toggle-card-lead--publications",
  "body": "toggle-card-body--publications"
}

No notes defined.