Stats object
HTML
<link rel="stylesheet" href="http://inuitcss.com/inuit.min.css">
<div class="stat-group twitter-stats">
<dl class=stat>
<dt class=stat__title>Tweets</dt>
<dd class=stat__value>27,740</dd>
</dl>
<dl class=stat>
<dt class=stat__title>Following</dt>
<dd class=stat__value>11,529</dd>
</dl>
<dl class=stat>
<dt class=stat__title>Followers</dt>
<dd class=stat__value>12,105</dd>
</dl>
</div>
CSS
/**
* These demo styles sit on top of inuit.css
* github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_stats.scss
*/
html{
font:1em/1.5 Georgia, serif;
padding:5%;
background-color:#fff;
color:#333;
}
.twitter-stats{
text-align:left;
}
.twitter-stats .stat{
font-family:sans-serif;
border-left:1px solid #ccc;
padding-left:24px;
}
.twitter-stats .stat:first-child{
border-left:none;
padding-left:0;
}
.twitter-stats .stat__title{
font-size:0.75em;
text-transform:uppercase;
}
.twitter-stats .stat__value{
font-weight:bold;
}