Eurostar Card Component

Component that displays cards.

Contents

Cards orientation is defined by media queries, unless there is only 1 card in which case it becomes landscape by default.

The text field should be 160-180 characters.

Installation

Base Styles must be installed in order to use the component. For more detailed explaination please review the Styleguide README here

The card has 1 third party library which is preinstalled with Base Styles along with the card component itself. For more detailed explaination please review the Styleguide README: /docs/documentation.html#consuming.

Third party dependencies:

• breakpoint-sass

Eurostar:

• eurostar-card

Usage

1. We have several variants for the card. Depending on which one you require, extract the HTML markup as defined under Expand Markup under the specific variant type: (https://style.eurostar.com/components/detail/card.html)

2. Import styles:

    // Using JSPM:
    @import "jspm:eurostar-card/card";

    // Using Webpack:
    @import "~eurostar-card/_card.scss";