68 lines
962 B
SCSS
68 lines
962 B
SCSS
|
// 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.
|
||
|
|
|
||
|
|
.page,
|
||
|
|
.post {
|
||
|
|
margin-bottom: 4em;
|
||
|
|
|
||
|
|
li + li {
|
||
|
|
margin-top: .25rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Blog post or page title
|
||
|
|
.page-title,
|
||
|
|
.post-title,
|
||
|
|
.post-title a {
|
||
|
|
color: #303030;
|
||
|
|
}
|
||
|
|
.page-title,
|
||
|
|
.post-title {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Meta data line below post title
|
||
|
|
.post-date {
|
||
|
|
display: block;
|
||
|
|
margin-top: -.5rem;
|
||
|
|
margin-bottom: 1rem;
|
||
|
|
color: #9a9a9a;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
// Related posts
|
||
|
|
.related {
|
||
|
|
padding-top: 2rem;
|
||
|
|
padding-bottom: 2rem;
|
||
|
|
margin-bottom: 2rem;
|
||
|
|
border-top: 1px solid #eee;
|
||
|
|
border-bottom: 1px solid #eee;
|
||
|
|
}
|
||
|
|
|
||
|
|
.related-posts {
|
||
|
|
padding-left: 0;
|
||
|
|
list-style: none;
|
||
|
|
|
||
|
|
h3 {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
li {
|
||
|
|
small {
|
||
|
|
font-size: 75%;
|
||
|
|
color: #999;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:hover {
|
||
|
|
color: #268bd2;
|
||
|
|
text-decoration: none;
|
||
|
|
|
||
|
|
small {
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|