<!-- Default -->
<section class="search-result-promo">
<div class="search-result-promo-content">
<h5 class="search-result-promo-content-title"><a href="#">You can study a joint honours degree with Art</a></h5>
<p class="search-result-promo-content-description">Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.</p>
<div class="search-result-promo-content-calltoaction">
<a href="#" class="button-outline" role="button" tabindex="0" data-scroll>
Browse available courses
<span class="button-overlay"><span>
Browse available courses
</span></span></a> </div>
</div>
<div class="search-result-promo-pattern search-result-promo-pattern-diagonal search-result-promo-pattern-green-blue"></div>
</section>
<!-- Zig Zag -->
<section class="search-result-promo">
<div class="search-result-promo-content">
<h5 class="search-result-promo-content-title"><a href="#">You can study a joint honours degree with Art</a></h5>
<p class="search-result-promo-content-description">Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.</p>
<div class="search-result-promo-content-calltoaction">
<a href="#" class="button-outline" role="button" tabindex="0" data-scroll>
Browse available courses
<span class="button-overlay"><span>
Browse available courses
</span></span></a> </div>
</div>
<div class="search-result-promo-pattern search-result-promo-pattern-zigzag search-result-promo-pattern-green-blue"></div>
</section>
<!-- Diagonal -->
<section class="search-result-promo">
<div class="search-result-promo-content">
<h5 class="search-result-promo-content-title"><a href="#">You can study a joint honours degree with Art</a></h5>
<p class="search-result-promo-content-description">Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.</p>
<div class="search-result-promo-content-calltoaction">
<a href="#" class="button-outline" role="button" tabindex="0" data-scroll>
Browse available courses
<span class="button-overlay"><span>
Browse available courses
</span></span></a> </div>
</div>
<div class="search-result-promo-pattern search-result-promo-pattern-diagonal search-result-promo-pattern-green-blue"></div>
</section>
<!-- Weave -->
<section class="search-result-promo">
<div class="search-result-promo-content">
<h5 class="search-result-promo-content-title"><a href="#">You can study a joint honours degree with Art</a></h5>
<p class="search-result-promo-content-description">Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.</p>
<div class="search-result-promo-content-calltoaction">
<a href="#" class="button-outline" role="button" tabindex="0" data-scroll>
Browse available courses
<span class="button-overlay"><span>
Browse available courses
</span></span></a> </div>
</div>
<div class="search-result-promo-pattern search-result-promo-pattern-weave search-result-promo-pattern-green-blue"></div>
</section>
<!-- Midblue -->
<section class="search-result-promo">
<div class="search-result-promo-content">
<h5 class="search-result-promo-content-title"><a href="#">You can study a joint honours degree with Art</a></h5>
<p class="search-result-promo-content-description">Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.</p>
<div class="search-result-promo-content-calltoaction">
<a href="#" class="button-outline" role="button" tabindex="0" data-scroll>
Browse available courses
<span class="button-overlay"><span>
Browse available courses
</span></span></a> </div>
</div>
<div class="search-result-promo-pattern search-result-promo-pattern-diagonal search-result-promo-pattern-mid-blue"></div>
</section>
<!-- Strawberry -->
<section class="search-result-promo">
<div class="search-result-promo-content">
<h5 class="search-result-promo-content-title"><a href="#">You can study a joint honours degree with Art</a></h5>
<p class="search-result-promo-content-description">Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.</p>
<div class="search-result-promo-content-calltoaction">
<a href="#" class="button-outline" role="button" tabindex="0" data-scroll>
Browse available courses
<span class="button-overlay"><span>
Browse available courses
</span></span></a> </div>
</div>
<div class="search-result-promo-pattern search-result-promo-pattern-diagonal search-result-promo-pattern-strawberry"></div>
</section>
<!-- Yellow -->
<section class="search-result-promo">
<div class="search-result-promo-content">
<h5 class="search-result-promo-content-title"><a href="#">You can study a joint honours degree with Art</a></h5>
<p class="search-result-promo-content-description">Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.</p>
<div class="search-result-promo-content-calltoaction">
<a href="#" class="button-outline" role="button" tabindex="0" data-scroll>
Browse available courses
<span class="button-overlay"><span>
Browse available courses
</span></span></a> </div>
</div>
<div class="search-result-promo-pattern search-result-promo-pattern-diagonal search-result-promo-pattern-yellow"></div>
</section>
<!-- Primary Blue -->
<section class="search-result-promo">
<div class="search-result-promo-content">
<h5 class="search-result-promo-content-title"><a href="#">You can study a joint honours degree with Art</a></h5>
<p class="search-result-promo-content-description">Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.</p>
<div class="search-result-promo-content-calltoaction">
<a href="#" class="button-outline" role="button" tabindex="0" data-scroll>
Browse available courses
<span class="button-overlay"><span>
Browse available courses
</span></span></a> </div>
</div>
<div class="search-result-promo-pattern search-result-promo-pattern-diagonal search-result-promo-pattern-primary-blue"></div>
</section>
<!-- Turquoise -->
<section class="search-result-promo">
<div class="search-result-promo-content">
<h5 class="search-result-promo-content-title"><a href="#">You can study a joint honours degree with Art</a></h5>
<p class="search-result-promo-content-description">Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.</p>
<div class="search-result-promo-content-calltoaction">
<a href="#" class="button-outline" role="button" tabindex="0" data-scroll>
Browse available courses
<span class="button-overlay"><span>
Browse available courses
</span></span></a> </div>
</div>
<div class="search-result-promo-pattern search-result-promo-pattern-diagonal search-result-promo-pattern-turquoise"></div>
</section>
<!-- Orange -->
<section class="search-result-promo">
<div class="search-result-promo-content">
<h5 class="search-result-promo-content-title"><a href="#">You can study a joint honours degree with Art</a></h5>
<p class="search-result-promo-content-description">Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.</p>
<div class="search-result-promo-content-calltoaction">
<a href="#" class="button-outline" role="button" tabindex="0" data-scroll>
Browse available courses
<span class="button-overlay"><span>
Browse available courses
</span></span></a> </div>
</div>
<div class="search-result-promo-pattern search-result-promo-pattern-diagonal search-result-promo-pattern-orange"></div>
</section>
<!-- Green -->
<section class="search-result-promo">
<div class="search-result-promo-content">
<h5 class="search-result-promo-content-title"><a href="#">You can study a joint honours degree with Art</a></h5>
<p class="search-result-promo-content-description">Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.</p>
<div class="search-result-promo-content-calltoaction">
<a href="#" class="button-outline" role="button" tabindex="0" data-scroll>
Browse available courses
<span class="button-overlay"><span>
Browse available courses
</span></span></a> </div>
</div>
<div class="search-result-promo-pattern search-result-promo-pattern-diagonal search-result-promo-pattern-green"></div>
</section>
<!-- Green Blue -->
<section class="search-result-promo">
<div class="search-result-promo-content">
<h5 class="search-result-promo-content-title"><a href="#">You can study a joint honours degree with Art</a></h5>
<p class="search-result-promo-content-description">Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.</p>
<div class="search-result-promo-content-calltoaction">
<a href="#" class="button-outline" role="button" tabindex="0" data-scroll>
Browse available courses
<span class="button-overlay"><span>
Browse available courses
</span></span></a> </div>
</div>
<div class="search-result-promo-pattern search-result-promo-pattern-diagonal search-result-promo-pattern-green-blue"></div>
</section>
<!-- With Image -->
<section class="search-result-promo search-result-promo-with-image">
<div class="search-result-promo-content">
<h5 class="search-result-promo-content-title"><a href="#">You can study a joint honours degree with Art</a></h5>
<p class="search-result-promo-content-description">Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.</p>
<div class="search-result-promo-content-calltoaction">
<a href="#" class="button-outline" role="button" tabindex="0" data-scroll>
Browse available courses
<span class="button-overlay"><span>
Browse available courses
</span></span></a> </div>
</div>
<div class="search-result-promo-image">
<img src="../../images/event-page-mockup/hero-image.jpg" alt="" data-object-fit />
</div>
</section>
<section class="search-result-promo{% if image %} search-result-promo-with-image{% endif %}">
<div class="search-result-promo-content">
<h5 class="search-result-promo-content-title">{% if callToAction %}<a href="{{ callToAction.href }}">{% endif %}{{ title }}{% if callToAction %}</a>{% endif %}</h5>
<p class="search-result-promo-content-description">{{ description }}</p>
{% if callToAction %}
<div class="search-result-promo-content-calltoaction">
{% include '@button' with {
label: callToAction.label,
href: callToAction.href
} %}
</div>
{% endif %}
</div>
{% if image %}
<div class="search-result-promo-image">
<img src="{{ image.path | path }}"{% if image.srcset %} srcset="{% for src in image.srcset %}{{ src.path | path }} {{ src.width }}w, {% endfor %}{{ image.path | path }}"{% endif %} alt="{{ image.alt }}" data-object-fit />
</div>
{% else %}
<div class="search-result-promo-pattern{% if pattern %} search-result-promo-pattern-{{ pattern }}{% else %} search-result-promo-pattern-diagonal{% endif %}{% if patternColour %} search-result-promo-pattern-{{ patternColour }}{% else %} search-result-promo-pattern-green-blue{% endif %}"></div>
{% endif %}
</section>
/* Default */
{
"filterGroups": [
{
"title": "Filter by result type",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "dropdown",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "radio",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter group title",
"filters": [
{
"label": "Filter selected",
"count": 2,
"checked": true,
"tag": "result-group-selected"
},
{
"label": "Filter unselected with title that wraps to new line",
"count": 10,
"tag": "result-group-long"
},
{
"label": "Online",
"count": 10,
"tag": "result-group-online"
},
{
"label": "No matching results",
"count": null,
"tag": "result-group-no-matching"
}
]
},
{
"title": "Filter by study option",
"filters": [
{
"label": "Undergraduate",
"count": 2,
"checked": true,
"tag": "result-study-option-undergrad"
},
{
"label": "Postgraduate",
"count": 2,
"tag": "result-study-option-postgrad"
},
{
"label": "Online",
"count": 10,
"tag": "result-study-option-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-study-option-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-study-option-part-time"
}
]
}
],
"title": "You can study a joint honours degree with Art",
"description": "Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.",
"callToAction": {
"label": "Browse available courses",
"href": "#"
},
"pattern": "diagonal",
"patternColour": null
}
/* Zig Zag */
{
"filterGroups": [
{
"title": "Filter by result type",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "dropdown",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "radio",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter group title",
"filters": [
{
"label": "Filter selected",
"count": 2,
"checked": true,
"tag": "result-group-selected"
},
{
"label": "Filter unselected with title that wraps to new line",
"count": 10,
"tag": "result-group-long"
},
{
"label": "Online",
"count": 10,
"tag": "result-group-online"
},
{
"label": "No matching results",
"count": null,
"tag": "result-group-no-matching"
}
]
},
{
"title": "Filter by study option",
"filters": [
{
"label": "Undergraduate",
"count": 2,
"checked": true,
"tag": "result-study-option-undergrad"
},
{
"label": "Postgraduate",
"count": 2,
"tag": "result-study-option-postgrad"
},
{
"label": "Online",
"count": 10,
"tag": "result-study-option-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-study-option-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-study-option-part-time"
}
]
}
],
"title": "You can study a joint honours degree with Art",
"description": "Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.",
"callToAction": {
"label": "Browse available courses",
"href": "#"
},
"pattern": "zigzag",
"patternColour": null
}
/* Diagonal */
{
"filterGroups": [
{
"title": "Filter by result type",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "dropdown",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "radio",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter group title",
"filters": [
{
"label": "Filter selected",
"count": 2,
"checked": true,
"tag": "result-group-selected"
},
{
"label": "Filter unselected with title that wraps to new line",
"count": 10,
"tag": "result-group-long"
},
{
"label": "Online",
"count": 10,
"tag": "result-group-online"
},
{
"label": "No matching results",
"count": null,
"tag": "result-group-no-matching"
}
]
},
{
"title": "Filter by study option",
"filters": [
{
"label": "Undergraduate",
"count": 2,
"checked": true,
"tag": "result-study-option-undergrad"
},
{
"label": "Postgraduate",
"count": 2,
"tag": "result-study-option-postgrad"
},
{
"label": "Online",
"count": 10,
"tag": "result-study-option-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-study-option-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-study-option-part-time"
}
]
}
],
"title": "You can study a joint honours degree with Art",
"description": "Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.",
"callToAction": {
"label": "Browse available courses",
"href": "#"
},
"pattern": "diagonal",
"patternColour": null
}
/* Weave */
{
"filterGroups": [
{
"title": "Filter by result type",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "dropdown",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "radio",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter group title",
"filters": [
{
"label": "Filter selected",
"count": 2,
"checked": true,
"tag": "result-group-selected"
},
{
"label": "Filter unselected with title that wraps to new line",
"count": 10,
"tag": "result-group-long"
},
{
"label": "Online",
"count": 10,
"tag": "result-group-online"
},
{
"label": "No matching results",
"count": null,
"tag": "result-group-no-matching"
}
]
},
{
"title": "Filter by study option",
"filters": [
{
"label": "Undergraduate",
"count": 2,
"checked": true,
"tag": "result-study-option-undergrad"
},
{
"label": "Postgraduate",
"count": 2,
"tag": "result-study-option-postgrad"
},
{
"label": "Online",
"count": 10,
"tag": "result-study-option-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-study-option-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-study-option-part-time"
}
]
}
],
"title": "You can study a joint honours degree with Art",
"description": "Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.",
"callToAction": {
"label": "Browse available courses",
"href": "#"
},
"pattern": "weave",
"patternColour": null
}
/* Midblue */
{
"filterGroups": [
{
"title": "Filter by result type",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "dropdown",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "radio",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter group title",
"filters": [
{
"label": "Filter selected",
"count": 2,
"checked": true,
"tag": "result-group-selected"
},
{
"label": "Filter unselected with title that wraps to new line",
"count": 10,
"tag": "result-group-long"
},
{
"label": "Online",
"count": 10,
"tag": "result-group-online"
},
{
"label": "No matching results",
"count": null,
"tag": "result-group-no-matching"
}
]
},
{
"title": "Filter by study option",
"filters": [
{
"label": "Undergraduate",
"count": 2,
"checked": true,
"tag": "result-study-option-undergrad"
},
{
"label": "Postgraduate",
"count": 2,
"tag": "result-study-option-postgrad"
},
{
"label": "Online",
"count": 10,
"tag": "result-study-option-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-study-option-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-study-option-part-time"
}
]
}
],
"title": "You can study a joint honours degree with Art",
"description": "Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.",
"callToAction": {
"label": "Browse available courses",
"href": "#"
},
"pattern": "diagonal",
"patternColour": "mid-blue"
}
/* Strawberry */
{
"filterGroups": [
{
"title": "Filter by result type",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "dropdown",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "radio",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter group title",
"filters": [
{
"label": "Filter selected",
"count": 2,
"checked": true,
"tag": "result-group-selected"
},
{
"label": "Filter unselected with title that wraps to new line",
"count": 10,
"tag": "result-group-long"
},
{
"label": "Online",
"count": 10,
"tag": "result-group-online"
},
{
"label": "No matching results",
"count": null,
"tag": "result-group-no-matching"
}
]
},
{
"title": "Filter by study option",
"filters": [
{
"label": "Undergraduate",
"count": 2,
"checked": true,
"tag": "result-study-option-undergrad"
},
{
"label": "Postgraduate",
"count": 2,
"tag": "result-study-option-postgrad"
},
{
"label": "Online",
"count": 10,
"tag": "result-study-option-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-study-option-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-study-option-part-time"
}
]
}
],
"title": "You can study a joint honours degree with Art",
"description": "Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.",
"callToAction": {
"label": "Browse available courses",
"href": "#"
},
"pattern": "diagonal",
"patternColour": "strawberry"
}
/* Yellow */
{
"filterGroups": [
{
"title": "Filter by result type",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "dropdown",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "radio",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter group title",
"filters": [
{
"label": "Filter selected",
"count": 2,
"checked": true,
"tag": "result-group-selected"
},
{
"label": "Filter unselected with title that wraps to new line",
"count": 10,
"tag": "result-group-long"
},
{
"label": "Online",
"count": 10,
"tag": "result-group-online"
},
{
"label": "No matching results",
"count": null,
"tag": "result-group-no-matching"
}
]
},
{
"title": "Filter by study option",
"filters": [
{
"label": "Undergraduate",
"count": 2,
"checked": true,
"tag": "result-study-option-undergrad"
},
{
"label": "Postgraduate",
"count": 2,
"tag": "result-study-option-postgrad"
},
{
"label": "Online",
"count": 10,
"tag": "result-study-option-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-study-option-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-study-option-part-time"
}
]
}
],
"title": "You can study a joint honours degree with Art",
"description": "Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.",
"callToAction": {
"label": "Browse available courses",
"href": "#"
},
"pattern": "diagonal",
"patternColour": "yellow"
}
/* Primary Blue */
{
"filterGroups": [
{
"title": "Filter by result type",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "dropdown",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "radio",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter group title",
"filters": [
{
"label": "Filter selected",
"count": 2,
"checked": true,
"tag": "result-group-selected"
},
{
"label": "Filter unselected with title that wraps to new line",
"count": 10,
"tag": "result-group-long"
},
{
"label": "Online",
"count": 10,
"tag": "result-group-online"
},
{
"label": "No matching results",
"count": null,
"tag": "result-group-no-matching"
}
]
},
{
"title": "Filter by study option",
"filters": [
{
"label": "Undergraduate",
"count": 2,
"checked": true,
"tag": "result-study-option-undergrad"
},
{
"label": "Postgraduate",
"count": 2,
"tag": "result-study-option-postgrad"
},
{
"label": "Online",
"count": 10,
"tag": "result-study-option-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-study-option-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-study-option-part-time"
}
]
}
],
"title": "You can study a joint honours degree with Art",
"description": "Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.",
"callToAction": {
"label": "Browse available courses",
"href": "#"
},
"pattern": "diagonal",
"patternColour": "primary-blue"
}
/* Turquoise */
{
"filterGroups": [
{
"title": "Filter by result type",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "dropdown",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "radio",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter group title",
"filters": [
{
"label": "Filter selected",
"count": 2,
"checked": true,
"tag": "result-group-selected"
},
{
"label": "Filter unselected with title that wraps to new line",
"count": 10,
"tag": "result-group-long"
},
{
"label": "Online",
"count": 10,
"tag": "result-group-online"
},
{
"label": "No matching results",
"count": null,
"tag": "result-group-no-matching"
}
]
},
{
"title": "Filter by study option",
"filters": [
{
"label": "Undergraduate",
"count": 2,
"checked": true,
"tag": "result-study-option-undergrad"
},
{
"label": "Postgraduate",
"count": 2,
"tag": "result-study-option-postgrad"
},
{
"label": "Online",
"count": 10,
"tag": "result-study-option-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-study-option-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-study-option-part-time"
}
]
}
],
"title": "You can study a joint honours degree with Art",
"description": "Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.",
"callToAction": {
"label": "Browse available courses",
"href": "#"
},
"pattern": "diagonal",
"patternColour": "turquoise"
}
/* Orange */
{
"filterGroups": [
{
"title": "Filter by result type",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "dropdown",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "radio",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter group title",
"filters": [
{
"label": "Filter selected",
"count": 2,
"checked": true,
"tag": "result-group-selected"
},
{
"label": "Filter unselected with title that wraps to new line",
"count": 10,
"tag": "result-group-long"
},
{
"label": "Online",
"count": 10,
"tag": "result-group-online"
},
{
"label": "No matching results",
"count": null,
"tag": "result-group-no-matching"
}
]
},
{
"title": "Filter by study option",
"filters": [
{
"label": "Undergraduate",
"count": 2,
"checked": true,
"tag": "result-study-option-undergrad"
},
{
"label": "Postgraduate",
"count": 2,
"tag": "result-study-option-postgrad"
},
{
"label": "Online",
"count": 10,
"tag": "result-study-option-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-study-option-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-study-option-part-time"
}
]
}
],
"title": "You can study a joint honours degree with Art",
"description": "Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.",
"callToAction": {
"label": "Browse available courses",
"href": "#"
},
"pattern": "diagonal",
"patternColour": "orange"
}
/* Green */
{
"filterGroups": [
{
"title": "Filter by result type",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "dropdown",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "radio",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter group title",
"filters": [
{
"label": "Filter selected",
"count": 2,
"checked": true,
"tag": "result-group-selected"
},
{
"label": "Filter unselected with title that wraps to new line",
"count": 10,
"tag": "result-group-long"
},
{
"label": "Online",
"count": 10,
"tag": "result-group-online"
},
{
"label": "No matching results",
"count": null,
"tag": "result-group-no-matching"
}
]
},
{
"title": "Filter by study option",
"filters": [
{
"label": "Undergraduate",
"count": 2,
"checked": true,
"tag": "result-study-option-undergrad"
},
{
"label": "Postgraduate",
"count": 2,
"tag": "result-study-option-postgrad"
},
{
"label": "Online",
"count": 10,
"tag": "result-study-option-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-study-option-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-study-option-part-time"
}
]
}
],
"title": "You can study a joint honours degree with Art",
"description": "Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.",
"callToAction": {
"label": "Browse available courses",
"href": "#"
},
"pattern": "diagonal",
"patternColour": "green"
}
/* Green Blue */
{
"filterGroups": [
{
"title": "Filter by result type",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "dropdown",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "radio",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter group title",
"filters": [
{
"label": "Filter selected",
"count": 2,
"checked": true,
"tag": "result-group-selected"
},
{
"label": "Filter unselected with title that wraps to new line",
"count": 10,
"tag": "result-group-long"
},
{
"label": "Online",
"count": 10,
"tag": "result-group-online"
},
{
"label": "No matching results",
"count": null,
"tag": "result-group-no-matching"
}
]
},
{
"title": "Filter by study option",
"filters": [
{
"label": "Undergraduate",
"count": 2,
"checked": true,
"tag": "result-study-option-undergrad"
},
{
"label": "Postgraduate",
"count": 2,
"tag": "result-study-option-postgrad"
},
{
"label": "Online",
"count": 10,
"tag": "result-study-option-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-study-option-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-study-option-part-time"
}
]
}
],
"title": "You can study a joint honours degree with Art",
"description": "Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.",
"callToAction": {
"label": "Browse available courses",
"href": "#"
},
"pattern": "diagonal",
"patternColour": "green-blue"
}
/* With Image */
{
"filterGroups": [
{
"title": "Filter by result type",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "dropdown",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter by result type",
"id": "result-type",
"type": "radio",
"filters": [
{
"label": "Course",
"count": 2,
"checked": true,
"tag": "result-type-course"
},
{
"label": "News",
"count": 2,
"tag": "result-type-news"
},
{
"label": "Online",
"count": 10,
"tag": "result-type-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-type-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-type-part-time"
}
]
},
{
"title": "Filter group title",
"filters": [
{
"label": "Filter selected",
"count": 2,
"checked": true,
"tag": "result-group-selected"
},
{
"label": "Filter unselected with title that wraps to new line",
"count": 10,
"tag": "result-group-long"
},
{
"label": "Online",
"count": 10,
"tag": "result-group-online"
},
{
"label": "No matching results",
"count": null,
"tag": "result-group-no-matching"
}
]
},
{
"title": "Filter by study option",
"filters": [
{
"label": "Undergraduate",
"count": 2,
"checked": true,
"tag": "result-study-option-undergrad"
},
{
"label": "Postgraduate",
"count": 2,
"tag": "result-study-option-postgrad"
},
{
"label": "Online",
"count": 10,
"tag": "result-study-option-online"
},
{
"label": "Foundation",
"count": null,
"tag": "result-study-option-foundation"
},
{
"label": "Part-time",
"count": 2,
"tag": "result-study-option-part-time"
}
]
}
],
"title": "You can study a joint honours degree with Art",
"description": "Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA.",
"callToAction": {
"label": "Browse available courses",
"href": "#"
},
"pattern": "diagonal",
"patternColour": null,
"image": {
"path": "/images/event-page-mockup/hero-image.jpg",
"label": "Student using Lab Equipment"
}
}
// defining the colours as a collection allows us to loop through them and generate classnames based on the keys
$search-result-promo-pattern-colours: (
mid-blue: $mid-blue,
strawberry: $strawberry,
yellow: $yellow,
primary-blue: $primary-blue,
turquoise: $turquoise,
orange: $orange,
green: $green,
green-blue: $green-blue
);
.search-result-promo {
lost-flex-container: column;
lost-column: 10/10;
justify-content: space-between;
margin-bottom: px-to-em(26);
background-color: #f5f5f5;
@include for-tablet-portrait-up {
lost-flex-container: row;
}
&-content {
lost-column: 10/10;
order: 1;
padding: 24px;
@include for-tablet-portrait-up {
lost-column: 7/10;
order: 0;
padding: 30px;
}
.search-result-promo-with-image & {
@include for-tablet-portrait-up {
lost-column: 6/10;
}
}
&-title {
@include disable-underlines;
a {
display: inline;
background-image: linear-gradient(transparent calc(100% - 2px), $primary-blue 2px);
background-repeat: no-repeat;
background-size: 0% 100%;
color: $primary-blue;
&:hover,
&:focus {
animation: link-hover-animation-border .5s forwards $default-animation-curve;
background-size: 100% 100%;
}
}
}
&-description {
margin-top: px-to-em(16);
margin-bottom: px-to-em(30);
}
&-calltoaction {
font-size: 0;
.button {
margin-bottom: 0;
}
}
}
&-pattern {
lost-column: 10/10;
order: 0;
background-color: $white;
height: 80px;
@include for-tablet-portrait-up {
lost-column: 3/10;
order: 1;
background-color: #f5f5f5;
height: auto;
}
@each $item, $colour in $search-result-promo-pattern-colours {
&-#{$item} {
&.search-result-promo-pattern-zigzag {
@include pattern-zigzag($colour);
}
&.search-result-promo-pattern-diagonal {
@include pattern-diagonal($colour);
}
&.search-result-promo-pattern-weave {
@include pattern-weave($colour);
}
}
}
}
&-with-image {
$mobile-image-width: #{'calc((100vw - (80px + 10px)) * 16/16)'};
$tablet-image-width: #{'calc((100vw - (80px + 10px)) * 4/16)'};
$large-desktop-image-width: #{'calc((1780px - (80px + 10px)) * 4/16)'};
min-height: $mobile-image-width;
@include for-tablet-portrait-up {
min-height: $tablet-image-width;
}
@media (min-width: 1780px) {
min-height: $large-desktop-image-width;
}
}
&-image {
lost-column: 10/10;
order: 0;
@include for-tablet-portrait-up {
lost-column: 4/10;
order: 1;
height: auto;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
}
A more visually impactful search result, the Promo allows for the display of a heading, paragraph and call to action button alongside either an image or a pattern element.