<div class="search-result-card search-result-card--network">
<div class="search-result-card__type">page</div>
<div class="search-result-card__title">
<h2 class="linked-title linked-title--network linked-title--light">
<a href="http://localhost:3000/components/detail/event" class="
linked-title__link linked-title__link--light
">
Bachelor of Arts in Urban Studies and Planning<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
<div class="search-result-card__description">Lorem ipsum dolor sit studies, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</div>
</div>
<div class="search-result-card search-result-card--{{ siteUnit }}">
<div class="search-result-card__type">{{ card.postType }}</div>
<div class="search-result-card__title">
{% include 'bits/linked-title/linked-title.twig' with {
url: card.url,
text: card.title,
} %}
</div>
{% if card.description %}
<div class="search-result-card__description">{{ card.description }}</div>
{% endif %}
</div>
{
"siteUnit": "network",
"departmentName": "Network",
"background": "light",
"card": {
"title": "Bachelor of Arts in Urban Studies and Planning",
"url": "http://localhost:3000/components/detail/event",
"postType": "page",
"description": "Lorem ipsum dolor sit studies, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede."
}
}
.search-result-card
--typeColor altgeld
&--arch
--typeColor industrialBlue
&--art
--typeColor archesBlueDark
&--college
--typeColor altgeld
&--dance
--typeColor archesBlueDark
&--durp
--typeColor altgeld
&--landarch
--typeColor altgeld
&--theatre
--typeColor altgeld
&--music
--typeColor altgeld
background-color cloud
padding 24px
&__type
@extends $headline5
color var(--typeColor)
margin-bottom 8px
text-transform uppercase
&__title
@extends $headline2
&__description
@extends $detail
margin-top 8px
There are no notes for this item.