England Football

Inline Sponsor: Deliveroo Example 

<div class="inline-sponsor">
    Official sponsor <img src="/assets/example-content/sponsor-logo-deliveroo.svg" alt="Sponsor name" />
</div>

No notes defined.

{
  "sponsor-logo": "/assets/example-content/sponsor-logo-deliveroo.svg",
  "copy": "Official sponsor"
}
  • Content: 
    .inline-sponsor {
  font-family: $text-font2;
  letter-spacing: 0.02em;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: $black;
  display: flex;
  align-items: center;
  min-width: 12rem;

  img {
    margin-left: $spacing-m;
    max-height: 24px;
    max-width: 30%;
    width: auto;
  }
}
  • URL: /components/raw/inline-sponsor/inline-sponsor.scss
  • Filesystem Path: src/library/components/sponsor/inline-sponsor/inline-sponsor.scss
  • Size: 296 Bytes 
<div class="inline-sponsor">
  {{copy}} <img src="{{sponsor-logo}}" alt="Sponsor name" />
</div>