HiVolda Styleguide

Content Teaser: Event large 

<article class="content-teaser event large">
    <a href="http://testlenke.no" class="link-block">
        <time class="date-block" datetime="2017-01-09">
            <span class="day">22-23</span>
            <span class="month">feb</span>
        </time>

    </a>
    <time datetime="" class="time icon-watch">10.00 - 12.00</time>
    <a class="location icon-map-marker" href="">Høgskulen i Volda, BK</a>
</article>
 
<{{element}} class="content-teaser event {{ class }}">
  <a href="{{ href }}" class="link-block">
    <time class="date-block" datetime="{{ datetime }}">
      <span class="day">{{ day }}</span>
      <span class="month">{{ month }}</span>
    </time>
    {% if title %}
    <h1 class="title">{{ title }}</h1>
    {% endif %}
  </a>
  <time datetime="" class="time icon-watch">{{ time }}</time>
  <a class="location icon-map-marker" href="{{ locatin_href }}">{{ location }}</a>
</{{element}}>
 
{
  "element": "article",
  "title": null,
  "date": "09. januar 2017",
  "datetime": "2017-01-09",
  "desc": "Ehenet mod que porum in nimodis as am qui que sam si occum audae volorit exerum am repudisse nisquid maio",
  "src": "https://cldup.com/3EsQuKhX2a.png",
  "alt": "Image description",
  "href": "http://testlenke.no",
  "class": "large",
  "day": "22-23",
  "month": "feb",
  "time": "10.00 - 12.00",
  "location": "Høgskulen i Volda, BK",
  "location_href": "http://testlenke.no"
}

Add the class .large to get a large version.