nathan/forum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update styles for better consistency in type handling

Browse Source
This commit is contained in:
Nathan Chapman 2022-08-02 10:31:23 -06:00
parent 3a940e8789
commit ceb0a40771
1 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/static/styles/main.css
View File

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