University of Leeds Design System v1.0.13

Results Count

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">5 results for <strong>'ipsum'</strong></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": [
    {
      "type": "news"
    },
    {
      "type": "news"
    },
    {
      "type": "news"
    },
    {
      "type": "news"
    },
    {
      "type": "news"
    }
  ]
}