.wrap {
position: relative; width: 100%;
}
.container {
max-width: 45rem; padding: 0 var(--spacer); margin: 0 auto;
}
.masthead {
margin-top: var(--spacer); margin-bottom: var(--spacer-3);
}
.masthead-title {
a { color: inherit; text-decoration: none; } small { opacity: .5; }
}
@media (max-width: $md-screen) {
.masthead-title { text-align: center; } .masthead-title small { display: none; }
}
.footer {
margin-top: var(--spacer-3); margin-bottom: var(--spacer);
}
.page, .post {
h1, h2, h3, h4, h5, h6 { font-family: var(--heading-font); }
}
.post-entry {
margin-bottom: var(--spacer-2); .post-title { margin-top: 0; margin-bottom: var(--spacer); }
}
.post {
.post-title { margin-bottom: 0; }
}
.post-meta {
opacity: .5; font-size: .8em;
}
.highlight {
border-radius: var(--border-radius); background-color: var(--code-bg);
}
.rouge-table {
border: 0; td, th { border: 0; padding: 0; } pre { padding: 0; margin: 0; } .gutter { user-select: none; opacity: .5; padding-right: 1em; }
}
markdown-toc {
font-size: .8em; padding: 2em 3em; margin: 2em 0; border: solid var(--border-color); border-width: 1px 0; &::before { display: block; margin-left: -3em; content: "TOC"; }
}
.pagination, .post-pagination {
display: flex; margin: var(--spacer-3) 0;
}
.pagination-item, .post-pagination-item {
width: 100%; padding: var(--spacer); border: 1px solid var(--border-color); &.older { border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); } &.newer { border-bottom-right-radius: var(--border-radius); border-top-right-radius: var(--border-radius); }
}
.pagination-item {
text-align: center;
}
.post-pagination-item {
&.older { text-align: left; } &.newer { text-align: right; }
}
a.pagination-item, a.post-pagination-item {
text-decoration: none; color: inherit; &:hover, &:focus { background-color: var(--border-color); }
}
span.pagination-item, span.post-pagination-item {
opacity: .5;
}
@media (max-width: $md-screen) {
.post-pagination-item { &.older, &.newer { text-align: center; } } .post-pagination-title { display: none; }
}
.taxonomies {
list-style: none; display: grid; grid-column-gap: var(--spacer-2); grid-template-columns: repeat(2, 1fr); margin: 0; padding: 0; font-weight: bold; .taxonomy { display: flex; padding: 0.25em 0; justify-content: space-between; margin-bottom: var(--spacer); border-bottom: 1px solid var(--border-color); color: var(--body-color); &:focus, &:hover { color: var(--link-color); text-decoration: none; } }
}
.post-list-by-taxonomy {
time { font-family: monospace; }
}
@media (min-width: $sm-screen) {
.taxonomies { grid-template-columns: repeat(3, 1fr); }
}