@import 'libs/vars'; @import 'libs/functions'; @import 'libs/mixins'; @import 'libs/skel';
/*
Future Imperfect by HTML5 UP html5up.net | @ajlkn Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
/* List */
ul { &.posts { article { &:after { clear: both; content: ''; display: block; } .image { display: table-cell; vertical-align: top; } header { display: table-cell; padding-right: 1em; vertical-align: top; } } } }
/* Author */
.author { .name { display: inline-block; vertical-align: middle; } img { display: inline-block; vertical-align: middle; } }
/* Post */
.post { &:after { clear: both; content: ''; display: block; } > header { &:after { clear: both; content: ''; display: block; } .title { display: table-cell; vertical-align: top; width: 65%; } .meta { display: table-cell; vertical-align: top; width: 30%; } } > footer { &:after { clear: both; content: ''; display: block; } .actions { display: inline-block; } .stats { display: inline-block; margin-left: 2em; } } }
/* Mini Post */
.mini-post { .image { display: block; } }
/* Header */
#header { &:after { clear: both; content: ''; display: block; } h1 { float: left; } .links { float: left; } .main { position: absolute; right: 0; top: 0; } }
/* Wrapper */
#wrapper { }
/* Sidebar */
#sidebar { display: table-cell; margin-right: 0; padding-right: _size(section-spacing); vertical-align: top; }
/* Main */
#main { display: table-cell; vertical-align: top; }