Skip to main content Skip to navigation Skip to search

CSS

Card classes are used on native HTML elements.

Classes

CSS Class Host Element(s) Type Description Required
.card div layout Parent container of card elements. yes
.card-header div layout Child element of .card for header content no
.card-block div layout Child element of .card for header content no
.card-footer div layout Child element of .card for footer content no
.clickable div feature Adds (css only) visual and mouse treatments that indicate clickability. Must be paired with .card class. no
.card-img div layout Elements with .card-img can be places anywhere in the card or it can occupy the entire card. no
.card-media-block div layout Container for a media block group of elements - image, description (title & text). no
wrap div layout Paired with the .card-media-block class it moves the .card-media-description container below the image. no
.card-media-image div layout Child element of .card-media-block for sizing and positioning images. yes for .card-media-block containers
.card-media-description div layout Child element of .card-media-block containing title and text children elements. yes for .card-media-block containers
.card-media-title div content Child element of .card-media-description. yes for .card-media-block containers
.card-media-text div content Child element of .card-media-description. yes for .card-media-block containers
.card-text div content Child element of the .card-block. no