// Posts and pages // // Each post is wrapped in `.post` and is used on default and post layouts. Each // page is wrapped in `.page` and is only used on the page layout.
.posts-by-tag h2 {
text-transform: capitalize;
}
// Blog post or page title .page-title, .post-title {
margin-top: 0;
}
.page-title, .post-title, .post-title a {
color: $heading-color;
}
h2.post-title, h2.page-title {
font-size: 2rem;
}
.post-tags a {
font-size: 0.8em; margin-right: 0.5rem; opacity: 0.75; white-space: nowrap; .tag-name { text-transform: capitalize; } &:hover { opacity: 1; text-decoration: none; }
}
.posts-list {
list-style: none; padding-left: 0; h3 { margin-top: 0; } li small { color: #999; font-size: 75%; white-space: nowrap; } li a:hover { color: $link-color; text-decoration: none; } li a:hover small { color: inherit; }
}
article + *, .post-body ~ section {
border-top: 1px solid $border-color; margin-top: $section-spacing; padding-top: $section-spacing; > h2:first-child, > h3:first-child { margin-top: 0; }
}
// Meta data line below post title .post-meta {
color: $body-muted; margin-bottom: 1rem; margin-top: -0.5rem;
}
.post, .page {
.content li + li { margin-top: 0.25rem; }
}
button.disqus-load {
margin-top: 1em;
}