Card header
123.456
LP: 56.789
.odyssey-card__footer--positive
Positive statistic
<insert-markup>components.card.dashboardstat-0</insert-markup>
Card header
123.456
LP: 56.789
.odyssey-card__footer--negative
Negative statistic
<insert-markup>components.card.dashboardstat-1</insert-markup>
Card header
123.456
LP: 56.789
Markup
<div class="odyssey-card odyssey-card--small">
<h5 class="odyssey-card__header odyssey-card__header--faded">Card header</h5>
<div class="odyssey-card__statistic">
<h4 class="odyssey-card__statistic-number">123.456</h4>
<p class="odyssey-card__statistic-subtext">LP: 56.789</p>
</div>
<p class="odyssey-card__footer [modifier class]"><span class="odyssey-card__footer-percentage">10%</span> from last month</p>
</div>
Source:
src/components/card.less, line 188