Gov Design System CE - Templates

Logos 

<section>
    <h5>Související loga</h5>
    <ul class="gov-logos gov-list--plain">
        <li>
            <a href="https://www.dia.gov.cz/" aria-label="Otevřít stránky DIA" target="_blank" rel="noreferrer nofollow">
                <svg width="69" height="40" xmlns="http://www.w3.org/2000/svg">
                    <image href="/assets/logos/logo-dia.svg" width="69" height="40"></image>
                </svg>
            </a>
        </li>
        <li>
            <a href="https://next-generation-eu.europa.eu/index_cs" aria-label="Otevřít stránky Next Generation EU" target="_blank" rel="noreferrer nofollow">
                <svg width="119" height="40" xmlns="http://www.w3.org/2000/svg">
                    <image href="/assets/logos/financovano-eu.svg" width="119" height="40"></image>
                </svg>
            </a>
        </li>
        <li>
            <a href="https://www.planobnovycr.cz/" aria-label="Otevřít stránky Národní plán obnovy" target="_blank" rel="noreferrer nofollow">
                <svg width="118" height="32" xmlns="http://www.w3.org/2000/svg">
                    <image href="/assets/logos/narodni-plan-obnovy.svg" width="118" height="32"></image>
                </svg>
            </a>
        </li>
    </ul>
</section>
 
<section>
    {{ render '@heading' heading }}
    <ul class="gov-logos gov-list--plain">
        {{#each logos }}
            <li>
                <a href="{{ href }}" {{#if title}}title="{{ title }}"{{/if}}{{#if aria-label}} aria-label="{{ aria-label }}"{{/if}} target="_blank" rel="noreferrer nofollow">
                    {{#if svg}}
                        <svg width="{{ svg/width }}" height="{{ svg/height }}" xmlns="http://www.w3.org/2000/svg"
                            {{#if svg/alt}}aria-labelledby="svg{{@index}}"{{/if}}>
                            {{#if svg/alt}}
                                <title id="svg{{@index}}">{{ svg/alt }}</title>
                            {{/if}}
                            <image href="{{ svg/src }}" width="{{ svg/width }}" height="{{ svg/height }}"></image>
                        </svg>
                    {{/if}}
                    {{#if image}}
                        {{ render '@image' image}}
                    {{/if}}
                </a>
            </li>
        {{/each}}
    </ul>
</section>
 
{
  "heading": {
    "tag": "h5",
    "name": "Související loga"
  },
  "logos": [
    {
      "href": "https://www.dia.gov.cz/",
      "aria-label": "Otevřít stránky DIA",
      "svg": {
        "src": "/assets/logos/logo-dia.svg",
        "width": "69",
        "height": "40"
      }
    },
    {
      "href": "https://next-generation-eu.europa.eu/index_cs",
      "aria-label": "Otevřít stránky Next Generation EU",
      "svg": {
        "src": "/assets/logos/financovano-eu.svg",
        "width": "119",
        "height": "40"
      }
    },
    {
      "href": "https://www.planobnovycr.cz/",
      "aria-label": "Otevřít stránky Národní plán obnovy",
      "svg": {
        "src": "/assets/logos/narodni-plan-obnovy.svg",
        "width": "118",
        "height": "32"
      }
    }
  ]
}
  • Content: 
    @import "../../../../styles/mixins";

.gov-logos {
    @include flex($align: center, $wrap: wrap, $gap: var(--spacing-l));
}
  • URL: /components/raw/footer-logos/footer-logos.scss
  • Filesystem Path: src/components/atoms/footer/footer-logos/footer-logos.scss
  • Size: 124 Bytes

No notes defined.