diff --git a/src/static/styles/main.css b/src/static/styles/main.css index 9aec7e4..9e9bbd2 100644 --- a/src/static/styles/main.css +++ b/src/static/styles/main.css @@ -150,7 +150,7 @@ textarea { padding: 0.5rem 1rem; width: 100%; resize: vertical; - line-height: 1.5; + line-height: 1.75; } @@ -291,7 +291,7 @@ article { font-family: 'STIX Two Text', serif; font-size: 2.5rem; margin-bottom: 4rem; - line-height: 1.5; + line-height: 1.75; } @media screen and (max-width: 600px) { @@ -326,10 +326,14 @@ article { font-size: 1.125em; } +.post__content p { + margin-bottom: 1em; +} + .post__content blockquote { - font-size: 0.875em; - max-width: 80%; - margin: 0 auto 1em; + padding: 0.25rem 1rem 0 2rem; + margin: 0 0 1rem; + border-left: 0.25rem solid black; } @@ -346,7 +350,7 @@ article { .comment__header { display: flex; justify-content: space-between; - line-height: 1.5; + line-height: 1.75; } @media screen and (max-width: 600px) { @@ -394,24 +398,25 @@ article { font-size: 1.125em; } -.comment__content blockquote { - font-size: 1.75rem; - max-width: 80%; - margin: 0 auto 1em; -} - .comment p { - line-height: 1.5; + margin-bottom: 1em; + line-height: 1.75; } .comment ul { - line-height: 1.5; + line-height: 1.75; +} + +.comment__content blockquote { + padding: 0.25rem 1rem 0 2rem; + margin: 0 0 1rem; + border-left: 0.25rem solid black; } .comments__form textarea { font-family: 'PT Mono'; font-size: 2.5rem; - line-height: 1.5; + line-height: 1.75; } @media screen and (max-width: 600px) {