University of Leeds Design System v1.0.15

Results Count: Results Custom Message

No notes defined.

<div class="uol-results-count">
  {% if search_term %}
    {% if no_results_message %}
      <h2 class="uol-results-count__title">{{ no_results_message | safe }}</h2>
    {% else %}
      {% if results_items == null or results_items.length < 1 %}
      <h2 class="uol-results-count__title uol-results-count__title--no-results">No results for <strong>'{{ search_term }}'</strong></h2>
      {% else %}
      <h2 class="uol-results-count__title">{{ results_items.length }} result{% if results_items.length > 1 %}s{% endif %} for <strong>'{{ search_term }}'</strong></h2>
      {% endif %}
    {% endif %} 
  {% endif %}
</div>
 
<div class="uol-results-count">

    <h2 class="uol-results-count__title">Sorry, no results found for xyz. Try viewing our <a href="/url">courses A-Z</a></h2>

</div>
  • Content: 
    .uol-results-count__title {
  @include font-size-responsive(1.125rem, 1.25rem);
  font-weight: $font-weight-regular--serif;
  font-variant-numeric: lining-nums;
  text-align: left;
}
  • URL: /components/raw/uol-results-count/_results-count.scss
  • Filesystem Path: src/library/02-components/results-count/_results-count.scss
  • Size: 184 Bytes 
{
  "search_term": "ipsum",
  "results_items": null,
  "no_results_message": "Sorry, no results found for xyz. Try viewing our <a href=\"/url\">courses A-Z</a>"
}