Introduction

Single-colour Prodigy brand logos. The size and colour of the logo are inherited through the parent container's font size and font colour.

Examples

Logo only

<svg class="pf-logo">
      <use xlink:href="/v1.7/assets/images/icons/logos.svg#logo" />
    </svg>

Logo and text inline

<svg class="pf-logo pf-logo--inline">
      <use xlink:href="/v1.7/assets/images/icons/logos.svg#logo-inline" />
    </svg>

Dependencies

  • src/styles/components/blocks/_pf-logo.scss

Usage

Class/JavaScript Hook Description Required?
.pf-logo Placed on the svg you want to display as the brand logo. Logo inherits the font size and colour of its parent container. Required
.pf-logo--inline Placed on the svg where you want to display the inline logo. This sets the correct aspect ratio for the inline logo. Required for inline logo