.post, .page {
overflow-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; h1, h2, h3, h4, h5, h6 { color: var(--heading-color); font-family: var(--heading-font); }
}
.post-title {
margin-bottom: 0;
} .post-title ~ .post-meta {
margin-bottom: var(--spacer-2);
}
.page-title {
margin-bottom: var(--spacer-2);
}
.post-meta {
color: var(--body-color-light); font-size: .85em;
}
markdown-toc {
padding: var(--spacer) var(--spacer-2); margin: var(--spacer-2) 0; border: solid var(--border-color); border-width: 1px 0; &::before { display: block; margin-left: calc(var(--spacer-2) * -1); content: "Table of Contents"; font-weight: bold; }
}
.post-tags-section {
display: block; padding: var(--spacer) 0;
}
.post-tags-icon {
display: inline-block; margin-right: var(--spacer);
}
.post-tags {
display: inline-block; list-style: none; padding: 0; margin: 0; li { display: inline-block; margin-right: var(--spacer); a { color: inherit; text-decoration: none; &:hover, &:focus { color: var(--body-bg); background-color: var(--link-color); } } }
}
.post-tag {
padding: .1em .5em; border: 1px solid var(--border-color); border-radius: .8em;
}
.related {
padding: var(--spacer) 0; margin-top: var(--spacer-2); border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); h2 { margin-top: 0; }
}
.related-posts {
padding-left: 0; margin: 0; list-style: none; small { color: var(--body-color-light); }
}
.task-list {
list-style: none; padding-inline-start: 1em;
} .task-list-item-checkbox {
margin: 0 .25em .25em -1em; vertical-align: middle;
}
img.emoji {
display: inline; margin: 0; width: 1.25em; height: 1.25em; vertical-align: middle;
}