Cards!

Account and dashboard cards. Default cards are the site’s large padded shells. Add card-sm for dense dashboard sections and card-flat for bordered inner rows. card-lift raises a clickable card on hover.

card

Default account card — large header, body, and a primary action in the footer.

card-lift

The same card with the hover lift (hover it to see the raise — there is no demo state class).

card-sm

Dense dashboard section — tighter padding and a smaller header size.

card-flat

Bordered, unshadowed inner card for a row inside a section. Clickable flat cards get the primary border and a light shadow on hover. card-flat is not combined with card-lift.

card rounded-4 card-lift

Quick tile — a compact clickable card with an icon and a short label.