University of Leeds Design System v1.0.15

Footer Site Information

No notes defined.

{% if siteInformation | length %}
<nav class="footer-site-information" aria-label="Site information">
    <h2 class="hide-accessible">Site information</h2>
    <ul class="footer-site-information__list">
        <li class="footer-site-information__item">&copy; {{ siteInformation.currentYear }} University of Leeds</li>
        {% for link in siteInformation.links %}
            <li class="footer-site-information__item"><a class="footer-site-information__link" href="{{ link.url }}">{{ link.text | safe }}</a></li>
        {% endfor %}
    </ul>
</nav>
{% endif %}
 
<nav class="footer-site-information" aria-label="Site information">
    <h2 class="hide-accessible">Site information</h2>
    <ul class="footer-site-information__list">
        <li class="footer-site-information__item">&copy; 2024 University of Leeds</li>

        <li class="footer-site-information__item"><a class="footer-site-information__link" href="/terms-and-conditions">Terms and conditions</a></li>

        <li class="footer-site-information__item"><a class="footer-site-information__link" href="/accessibility">Accessibility</a></li>

        <li class="footer-site-information__item"><a class="footer-site-information__link" href="/privacy">Privacy and cookies</a></li>

        <li class="footer-site-information__item"><a class="footer-site-information__link" href="/freedom-of-information">Freedom of information</a></li>

    </ul>
</nav>
  • Content: 
    .footer-site-information {
    background: inherit;
}

.footer-site-information__list {
    list-style: none;
    padding: 0;
    line-height: 1.5;
    font-variant-numeric: lining-nums;
}

.footer-site-information__item {
    text-decoration: none;
    margin-bottom: $spacing-2;

    @include media(">=uol-media-m") {
        display: inline;
        padding-right: $spacing-5;
        margin-bottom: 0;
    }
}

.footer-site-information__link {
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}
  • URL: /components/raw/uol-footer-site-information/_site-information.scss
  • Filesystem Path: src/library/02-components/footer-partials/site-information/_site-information.scss
  • Size: 522 Bytes 
{
  "siteInformation": {
    "currentYear": 2024,
    "links": [
      {
        "url": "/terms-and-conditions",
        "text": "Terms and conditions"
      },
      {
        "url": "/accessibility",
        "text": "Accessibility"
      },
      {
        "url": "/privacy",
        "text": "Privacy and cookies"
      },
      {
        "url": "/freedom-of-information",
        "text": "Freedom of information"
      }
    ]
  }
}