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
Coinbase
Condé Nast
Dollar Shave Club

Sample Logos XS, Four Items

Rendered



Trusted By
SBA
City of San Diego
GSA
Mass.gov

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
Coinbase
Condé Nast
Dollar Shave Club

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
SBA
City of San Diego
GSA
Mass.gov