HiVolda Styleguide

Content Teaser: Article 2 

<article class="search-result search-result--article">
    <div class="search-result__wrapper">
        <div class="search-result__img">
            <img src="https://via.placeholder.com/80" alt="Alt text">
        </div>

        <div class="search-result__content-wrapper">
            <h2 class="search-result__heading"><a href="#">Heading Example</a></h2>
            <div class="search-result__date">Published <time datetime="2017-05-03">03. mai 2017</time></div>

            <div class="search-result__content">
                <div class="search-result__links">
                    <a class="search-result__link" href="#" target="_self">Example link</a>
                </div>
            </div>
        </div>
    </div>
</article>
 
<{{ element }} class="search-result search-result--article">
<div class="search-result__wrapper">
  <div class="search-result__img">
    <img src="{{ img_src }}" alt="{{ img_alt }}">
  </div>

  <div class="search-result__content-wrapper">
    <h2 class="search-result__heading"><a href="#">{{ heading }}</a></h2>
    <div class="search-result__date">{{ 'Published' }} <time datetime="{{ datetime }}">{{ date }}</time></div>

    <div class="search-result__content">
      <div class="search-result__links">
        <a class="search-result__link" href="{{ link_href }}" target="{{ link_target }}">{{ link_text }}</a>
      </div>
    </div>
  </div>
</div>
</{{ element }}>
 
{
  "element": "article",
  "title": "Verdifull boksamling fra Volda",
  "date": "03. mai 2017",
  "datetime": "2017-05-03",
  "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",
  "img_src": "https://via.placeholder.com/80",
  "img_alt": "Alt text",
  "link_href": "#",
  "link_text": "Example link",
  "link_target": "_self"
}

No notes defined.