1.2 #Components.cards Cards

Toggle example guides Toggle HTML markup

Basic border, background, and padding for content.

Examples
Default styling

Basic card example

Card link
.accent-border-top.accent-border-coral
Card with accent borders

Basic card example

Card link
.u-bg-navy.u-bg-dark
Card with background colors

Basic card example

Card link
Markup 
<div class="row">
    <div class="col-xs-12">
        <div class="card [modifier class]">
            <p>Basic card example</p>
            <a>Card link</a>
        </div>
    </div>
</div>
Source: components/_card.scss, line 1