/* Layout */ .global-wrapper {
margin: 0 auto; padding: 0.5rem 1rem; max-width: 720px; .site-header { margin-bottom: 2rem; span { font-size: 1.1rem; letter-spacing: -0.01rem; } } aside { margin-top: 1rem; } footer { margin: 1rem 0; font-size: 0.8rem; } /* post list */ .posts-content { .posts-list { li { margin-left: 0; list-style: none; font-size: 0.8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; .post-date { color: $metaColor; font-family: Monaco, "Courier New", monospace; word-spacing: -0.2em; } a { font-size: 1rem; } } } } /* post */ .post-content { img { display: block; margin-top: 2em; margin-bottom: 1em; max-width: 80%; box-shadow: 0px 2px 8px dimgray; } @media all and (max-width: 720px){ img { max-width: 94%; } } }
}