Logos XS

Description

The logo XS is a specific component that takes a data file of logo images, and outputs it into a responsive grid format. For an example data file, see: `src/_data/logos/logos-xs`, and view an entry where the tag is default.

Sample Logos XS, Three Items

Rendered



Trusted By

Sample Logos XS, Four Items

Rendered



Trusted By

Options

classes : string

label : string
An optional input, that replaces the default `trusted by` label.

label_type : string
An optional input which applies a class to the label. Defaults to `hr-label black`.

logo_classes : string
An input which applies a class to each image in the component. Used to specify layout, based on the number of logos present. If there are four logos, set this to `four`, etc.

logos : array
This value takes a data array from a yaml file in `src/_data`.


Sample Logos XS, Three Items

Code


{% assign logos = site.data.logos.logos-xs | where: 'tag', 'default' %} {% include components/logos-xs.html classes="inverted" logos=logos logo_classes="three" %}

Rendered



Trusted By

Sample Logos XS, Four Items

Code


{% assign logos = site.data.logos.logos-xs | where: 'tag', 'government' %} {% include components/logos-xs.html classes="inverted" logos=logos logo_classes="four" %}

Rendered



Trusted By