diff --git a/public/css/post.css b/public/css/post.css index 77691f8..84e19c5 100644 --- a/public/css/post.css +++ b/public/css/post.css @@ -1,8 +1,3 @@ -.post-content h1 { font-size: 2.5rem; font-weight: 700; } -.post-content h2 { font-size: 1.8rem; margin-top: 2rem; } -.post-content p { max-width: 60ch; margin-bottom: 1.25rem; } -.post-content pre { background: #2d2d2d; color: #ccc; padding: 1rem; border-radius: 6px; overflow-x: auto; } -.post-content code { font-family: monospace; } .post-content > * + * { margin-top: 1.5rem; } @@ -10,17 +5,54 @@ line-height: 1.6; letter-spacing: 0.02em; } + .post-content p, + .post-content li { + max-width: 60ch; + line-height: 1.6; + margin-bottom: 1.25rem; + } + .post-content h2, .post-content h3 { + margin-top: 2rem; + margin-bottom: 1rem; + font-weight: 700; + } + .post-content pre { + background-color: #2d2d2d; + color: #ccc; + padding: 1rem; + border-radius: 6px; + overflow-x: auto; + font-family: monospace; + font-size: 0.9rem; + margin-bottom: 1.5rem; + } + + .post-content code { + padding: 0.15rem 0.3rem; + border-radius: 3px; + font-family: monospace; + font-size: 0.9rem; + } .post-content img { max-width: 100%; height: auto; - display: block; margin: 1rem 0; + display: block; } .post-content blockquote { border-left: 4px solid #ccc; padding-left: 1rem; - color: #666; + color: #667; font-style: italic; margin: 1rem 0; } - \ No newline at end of file + + .post-content a { + color: #0366d6; + text-decoration: none; + } + + .post-content a:hover { + text-decoration: underline; + } + \ No newline at end of file