Gov Design System CE - Templates

Footer links 

<nav aria-label="Odkazy na právní dokumenty">
    <ul class="gov-footer-links gov-list--plain">
        <li><gov-link href="#" size="s">Link</gov-link></li>
        <li><gov-link href="#" size="s">Link</gov-link></li>
        <li><gov-link href="#" size="s">Link</gov-link></li>
        <li><gov-link href="#" size="s">Link</gov-link></li>
        <li><gov-link href="#" size="s">Link</gov-link></li>
    </ul>
</nav>
 
<nav aria-label="{{ aria-label }}">
    <ul class="gov-footer-links gov-list--plain">
        {{#each link }}
            <li><gov-link href="#" size="s">{{ this }}</gov-link></li>
        {{/each}}
    </ul>
</nav>
 
{
  "aria-label": "Odkazy na právní dokumenty",
  "link": [
    "Link",
    "Link",
    "Link",
    "Link",
    "Link"
  ]
}
  • Content: 
    @import "../../../../styles/mixins";

.gov-footer-links {
    @include flex($align: center, $wrap: wrap, $gap: var(--spacing-s-nudge) var(--spacing-4xl));

    @include mq($from: md) {
        a {
            white-space: nowrap;
        }
    }
}
  • URL: /components/raw/footer-links/footer-links.scss
  • Filesystem Path: src/components/atoms/footer/footer-links/footer-links.scss
  • Size: 247 Bytes

No notes defined.