// 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: $body-color; @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: $body-color; @media (prefers-color-scheme: light) { color: $light-scheme-text; } } .permalink { display: block; margin-top: -1rem; margin-bottom: 1.5rem; color: $body-color; @media (prefers-color-scheme: light) { color: $light-scheme-color; } } .external-link { display: block; margin-top: -1rem; margin-bottom: 1.5rem; opacity: .7; color: $body-color; @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; } .related-posts { padding-left: 0; list-style: none; h3 { margin-top: 0; } }