Small Label

•••

Medium Label

•••

Large Label

•••

16px Spacing

•••

First Item Expanded

•••

Vestibulum ullamcorper mauris at ligula. Nam pretium turpis et arcu. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras sagittis. Sed aliquam ultrices mauris.

Examples

•••

Column Card .card

The accordion module acts a little differently when placed in a column with a class of .card. The margins are removed and the borders on the left and right are taken away. This creates a "flush" look so it feels cohesive with the card.

Module Card
.card

Module Card
.card .expand

Module Card
.card .popout