.blog-posts {
list-style: none; padding: 0; li { margin: 100px 0; }
}
.blog-post {
.author { padding: 30px 0 0 0; border: 1px solid #eee; margin: 30px 0; font-size: .8em; .square-image { width: 125px; height: 125px; margin-top: 0; } .blurb { text-align: center; } } h3 { margin: 0; a { color: #000; text-decoration: none; font-weight: normal; font-size: 1.3em; } } h2 { text-align: left; } .blog-navigation { font-size: 14px; display: block; width: auto; overflow: hidden; a { display: block; width: 50%; float: left; margin: 1em 0; } .next { text-align: right; } } .post-details { border-bottom: 1px solid #eee; font-size: .9em; .blog-filter { display: inline-block; text-align: left; a { position: relative; top: -5px; } } a { text-decoration: none; } .post-date { float: right; } &:after { content: ""; display: table; clear: both; } } .post-content { .button { margin: 30px 0 0 0; } }
}
.pagination {
text-align: center;
}
.blog-filter {
text-align: center; a { background: #eee; padding: 3px 5px; font-size: .8em; border-radius: 5px; color: #888; transition: .2s ease-in-out; &:hover { color: #555; text-decoration: none; } }
}
.blog-filter.cross a {
padding-right: 8px; &:after { content: "x"; font-size: .5em; position: relative; bottom: 4px; right: -3px; }
}