Stat

Examples for the ss-c-stat module.

Default

Total downloads
31K
Jan 1st — Feb 1st
New users
4,200
+22% from last month
Page views
1.2M
90% from organic
HTML 
<div class="ss-c-stats">
            <div class="ss-c-stat">
                <div class="ss-c-stat__title">Total downloads</div>
                <div class="ss-c-stat__value">31K</div>
                <div class="ss-c-stat__desc">Jan 1st &mdash; Feb 1st</div>
            </div>
            <div class="ss-c-stat">
                <div class="ss-c-stat__title">New users</div>
                <div class="ss-c-stat__value">4,200</div>
                <div class="ss-c-stat__desc">+22% from last month</div>
            </div>
            <div class="ss-c-stat">
                <div class="ss-c-stat__title">Page views</div>
                <div class="ss-c-stat__value">1.2M</div>
                <div class="ss-c-stat__desc">90% from organic</div>
            </div>
        </div>

Vertical

Stars
2.4K
Forks
312
HTML 
<div class="ss-c-stats ss-c-stats--vertical">
            <div class="ss-c-stat"><div class="ss-c-stat__title">Stars</div><div class="ss-c-stat__value">2.4K</div></div>
            <div class="ss-c-stat"><div class="ss-c-stat__title">Forks</div><div class="ss-c-stat__value">312</div></div>
        </div>