HiVolda Styleguide

Content Teaser: Event 2 

<article class="search-result search-result--event">
    <div class="search-result__wrapper">
        <div class="search-result__img-date">
            <div class="search-result__img-date__label search-result__img-date__label--date">23-4</div>
            <div class="search-result__img-date__label search-result__img-date__label--month">sep/okt</div>
        </div>

        <div class="search-result__content-wrapper">
            <h2 class="search-result__heading"><a href="#">Heading Example</a></h2>

            <div class="search-result__content">
                <div class="search-result__event">
                    <span class="icon-map-marker"></span> 11:00-12:00
                </div>

                <div class="search-result__event">
                    <span class="icon-watch"></span> Example location
                </div>
            </div>
        </div>
    </div>
</article>
 
<{{ element }} class="search-result search-result--event">
<div class="search-result__wrapper">
  <div class="search-result__img-date">
    <div class="search-result__img-date__label search-result__img-date__label--date">{{ event.date }}</div>
    <div class="search-result__img-date__label search-result__img-date__label--month">{{ event.month }}</div>
  </div>

  <div class="search-result__content-wrapper">
    <h2 class="search-result__heading"><a href="#">{{ heading }}</a></h2>

    <div class="search-result__content">
      <div class="search-result__event">
        <span class="icon-map-marker"></span> {{ event.time }}
      </div>

      <div class="search-result__event">
        <span class="icon-watch"></span> {{ event.location }}
      </div>
    </div>
  </div>
</div>
</{{ element }}>
 
{
  "element": "article",
  "title": "Verdifull boksamling fra Volda",
  "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",
  "heading": "Heading Example",
  "event": {
    "time": "11:00-12:00",
    "location": "Example location",
    "date": "23-4",
    "month": "sep/okt"
  }
}

No notes defined.