VGR Styleguide

Search List 

<ul class="vgr-unstyled-list">

    <li>
        <div class="vgr-search-card">
            <h2 class="vgr-search-card__headline">
                <a href="/">Lorem ipsum</a>
            </h2>
            <time class="vgr-search-card__date" datetime="2015-08-19">19 augusti 2015</time> -
            <p class="vgr-search-card__source">Västra Götalandsregionen</p>
            <p class="vgr-search-card__excerpt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus laoreet tristique erat a tincidunt. Morbi eleifend augue sit amet nunc vulputate finibus…</p>
        </div>

    </li>

    <li>
        <div class="vgr-search-card">
            <h2 class="vgr-search-card__headline">
                <a href="/">Lorem ipsum</a>
            </h2>
            <time class="vgr-search-card__date" datetime="2015-08-19">19 augusti 2015</time> -
            <p class="vgr-search-card__source">Västra Götalandsregionen</p>
            <p class="vgr-search-card__excerpt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus laoreet tristique erat a tincidunt. Morbi eleifend augue sit amet nunc vulputate finibus…</p>
        </div>

    </li>

    <li>
        <div class="vgr-search-card">
            <h2 class="vgr-search-card__headline">
                <a href="/">Lorem ipsum</a>
            </h2>
            <time class="vgr-search-card__date" datetime="2015-08-19">19 augusti 2015</time> -
            <p class="vgr-search-card__source">Västra Götalandsregionen</p>
            <p class="vgr-search-card__excerpt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus laoreet tristique erat a tincidunt. Morbi eleifend augue sit amet nunc vulputate finibus…</p>
        </div>

    </li>

    <li>
        <div class="vgr-search-card">
            <h2 class="vgr-search-card__headline">
                <a href="/">Lorem ipsum</a>
            </h2>
            <time class="vgr-search-card__date" datetime="2015-08-19">19 augusti 2015</time> -
            <p class="vgr-search-card__source">Västra Götalandsregionen</p>
            <p class="vgr-search-card__excerpt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus laoreet tristique erat a tincidunt. Morbi eleifend augue sit amet nunc vulputate finibus…</p>
        </div>

    </li>

</ul>
 
<ul class="vgr-unstyled-list">
  {% for item in items %}
    <li>
      {% render "@search-card", itemxx %}
    </li>
  {% endfor %}
</ul>
 
{
  "items": [
    {
      "headline": "Lorem ipsum",
      "url": "/",
      "datetime": "2015-08-19",
      "date": "20 augusti 2015",
      "source": "Västra Götalandsregionen",
      "modifier": "panel",
      "excerpt": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus laoreet tristique erat a tincidunt. Morbi eleifend augue sit amet nunc vulputate finibus…"
    },
    {
      "headline": "Lorem ipsum 2",
      "url": "/",
      "datetime": "2015-08-19",
      "date": "21 augusti 2015",
      "source": "Skaraborgs Sjukhus",
      "modifier": "person",
      "excerpt": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus laoreet tristique erat a tincidunt. Morbi eleifend augue sit amet nunc vulputate finibus…"
    },
    {
      "modifier": "person",
      "bestbet": true,
      "title": "Applikationsspecialist",
      "placement": "Digitala medier & Dokumenthantering",
      "email": "evelyn.stolfer@vgregion.se",
      "landline": "010 - 473 75 77",
      "mobile": "0702 - 96 67 99"
    },
    {
      "modifier": "person",
      "title": "Ys Applikationsspecialist",
      "placement": "Digitala medier & Dokumenthantering",
      "email": "evelyn.stolfer@vgregion.se",
      "landline": "010 - 473 75 77",
      "mobile": "0702 - 96 67 99"
    }
  ]
}

There are no notes for this item.