Lunds universitet - Style Guide

Masonry Image Tile: Default 

<div class="masonry-tile">
    <a href="#" class="nav-block masonry-tile-img">
        <div class="masonry-tile-img-bg">
            <img src="../../images/_content/placeholder_1@1x.jpg" srcset="../../images/_content/placeholder_1@1x.jpg 1x, ../../images/_content/placeholder_1@2x.jpg 2x" alt="Ekonomihögskolans finansprogram bland de 50 bästa i världen">

        </div>
        <div class="masonry-tile-img-content">
            <div class="blockline">
                <h2><span class="a nav-block-link">Ekonomihögskolans finansprogram bland de 50 bästa i världen&nbsp;<i class="fal fa-chevron-circle-right fa-sm"></i></span>
                </h2>
            </div>
        </div>
    </a>
</div>
 
<div class="masonry-tile{{modifiers modifiers}}">
  <a href="{{link.url}}" class="nav-block masonry-tile-img{{modifiers link.modifiers}}">
    <div class="masonry-tile-img-bg">
      {{render "@image" image}}
    </div>
    {{#if title}}
      <div class="masonry-tile-img-content">
        <div class="blockline">
          <h2><span class="a nav-block-link">{{title}}&nbsp;<i class="fal fa-chevron-circle-right fa-sm"></i></span>
          </h2>
        </div>
      </div>
    {{/if}}
  </a>
</div>
 
{
  "image": {
    "src": "/images/_content/placeholder_1@1x.jpg",
    "src-2x": "/images/_content/placeholder_1@2x.jpg",
    "alt": "Ekonomihögskolans finansprogram bland de 50 bästa i världen"
  },
  "title": "Ekonomihögskolans finansprogram bland de 50 bästa i världen",
  "link": {
    "url": "#"
  }
}

No notes defined.