Odyssey styleguide

Card

Toggle example guides Toggle HTML markup

<insert-markup>components.card-</insert-markup>
Card header

Some content

.odyssey-card--small
Smaller card
<insert-markup>components.card-0</insert-markup>
Card header

Some content

.odyssey-card--borderless
Borderless card
<insert-markup>components.card-1</insert-markup>
Card header

Some content

Markup 
<div class="odyssey-card [modifier class]">
	<h5 class="odyssey-card__header">Card header</h5>
	<p>Some content</p>
</div>
Source: src/components/card.less, line 1