Navigation cards

Taxonomic name: M-CARD

CORE COMPONENT

Archive - Updated 16/08/19. Current version

Molecule

v.4.12.0

Optional 'Now playing' video card variant added.

v.4.3.0

Ability to use lazy loading with images within the cards was added.

v.4.0.0

Spacing above the navigation cards was 0px not 30px.

Class names for full bleed cards and its direct modifier have been corrected to match BEM formatting.

<div class="m-card m-card--full-bleed m-card--full-bleed--right">...</div>

Changes to:

<div class="m-card m-card-full-bleed m-card-full-bleed--right">...</div>