Implementation

qld__card

Default card using white colour.

qld__card--light

Sets card to use light background.

qld__card--alt

Sets card to use light alt background.

qld__card--dark

Sets card to use dark background.

qld__card--dark-alt

Sets card to use dark alt background.

qld__card__action

Sets card to be clickable (single action).

qld__card__multi-action

Sets card to use clickable links (multi action).

qld__card__multi-action--feature

Variations of multi-action with image on left.

qld__card__multi-action--image-right

Variations of multi-action with image on right.

qld__card--icon

Vertical icon style card.

qld__card--icon-left

Leading icon style card.

qld__card--image

Image style card.

qld__card--arrow

Arrow style card.

qld__card-list

Applied to <UL> to arrange cards in list.

qld__card-list--row

Applied to <UL> to order cards a row.

qld__card-list--col

Applied to <UL> to order cards a col.

qld__card-list--matchheight

Applied to <UL> to set all cards to have a matching height.

qld__card__footer-link qld__card--clickable__link

Applied to <a> within card footers to style links using the unique card action link appearance.