// Posts and pages
figure {
margin-right: 0; margin-left: 0; margin-top: 1.5em; margin-bottom: 2em; & > :nth-last-child(2) { margin-bottom: 0; & > :last-child { margin-bottom: 0; } } figcaption { color: #878787; margin-top: 0.4em; font-size: 0.8em; text-align: center } &.screenshot { margin-left: 0; margin-right: 0; margin-top: 0; figcaption { margin-top: 1em; margin-right: 2em; margin-left: 2em; } } &.attributed-quote { margin-left: 0; margin-right: 0; figcaption { margin-top: 0.8em; margin-left: 4em; p { display: inline; } &::first-letter { margin-left: -2.5ex; } } }
}
@media screen and (max-width: 760px) {
figure { margin-left: 1em; margin-right: 1em; }
}
@media screen and (max-width: 500px) {
figure.screenshot figcaption { margin-top: 0; }
}
// End of alterations for captions.
.page, .post {
margin-bottom: 1em; li + li { margin-top: .25rem; }
}
// Blog post or page title .page-title, .post-title, .post-title a {
color: $text; @media (prefers-color-scheme: light) { color: $light-scheme-text; }
}
.page-title, .post-title {
margin-top: 0;
}
// Meta data line below post title .post-date {
display: block; margin-top: -.4rem; margin-bottom: 1rem; color: $text; @media (prefers-color-scheme: light) { color: $light-scheme-text; }
}
.permalink {
display: inline; margin-top: -1rem; margin-bottom: 1.5rem; color: $text; @media (prefers-color-scheme: light) { color: $light-scheme-color; }
}
.author {
display: inline; margin-top: -1rem; margin-bottom: 1.5rem; opacity: .7; color: $text; @media (prefers-color-scheme: light) { color: $light-scheme-accent; opacity: 1; }
}
.tag-list {
a:link { color: $color; display: inline-block; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; border: 1.5px solid $accent; border-radius: .25em; margin-bottom: .5rem; margin-right: .1rem; font-size: 90%; @media (prefers-color-scheme: light) { color: $light-scheme-color; border: 1.5px solid #d2d2d2; background-color: #f8f8f8; }
}
a:visited {
color: $color; display: inline-block; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; border: 1px solid $accent; border-radius: .25em; margin-bottom: .5rem; margin-right: .1rem; font-size: 90%; @media (prefers-color-scheme: light) { color: $light-scheme-color; border: 1.5px solid #d2d2d2; background-color: #f8f8f8; } }
}
.source { display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; margin-top: 2rem; font-variant: small-caps; } .PageNavigation a { display: inline; width: auto; float: left; margin: 1em 0; } .PageNavigation .next { float: right; width: auto; text-align: right; }