craigtaub / style_guide

Style guide

Style Guide

Grid basics

Don in rolumnz. 8 per page. 2 per row, 4 per column.

$gel-gutter: 8px;
$rolumn-width-bp4: 232px;

<div class="stream-item">
</div>

Homepage Stream Item Typography

.brand {
 color: #BDBDBD;
 font-size: 0.84615em;
 line-height: 1.81818em;
}

.title {
 font-size: 1.38462em;
 line-height: 1.11111em;
 font-weight: 400;
}

.sub-title {
 font-size: 1.07692em;
 line-height: 1.42857em;
 color: #BDBDBD;
 font-weight: 400;
}

.synopsis {
 font-size: 1.07692em;
 line-height: 1.14286em;
}
 
.release {
 color: #BDBDBD;
 margin-top: 4px;
 font-size: 1.07692em;
 line-height: 1.14286em;
}

.duration {
 color: #fff;
 font-size: 1.07692em;
 line-height: 1.14286em;
}