refactor: move comments styles to another file

This commit is contained in:
httpjamesm
2022-12-30 18:18:13 -05:00
parent aa13c8515f
commit 062ffbcbdc
3 changed files with 38 additions and 37 deletions

35
public/comments.css Normal file
View File

@ -0,0 +1,35 @@
.comments {
margin-top: 1rem;
}
.comments-parent {
display: flex;
flex-direction: column;
gap: 1rem;
margin-top: 1rem;
}
.comment-parent {
cursor: text;
}
.comment-top {
display: flex;
}
.comment-score {
border-right: 1px solid white;
padding-right: .5rem;
}
.comment-body {
font-size: 0.95rem;
padding-left: .5rem;
}
.comment-author {
color: var(--muted-text-color);
font-size: 0.8rem;
padding-left: 1.5rem;
margin-top: .25rem;
}

View File

@ -50,7 +50,8 @@ pre {
font-size: 0.8rem;
}
.post-divider, .answer-divider {
.post-divider,
.answer-divider {
margin-top: 3rem;
margin-bottom: 3rem;
}
@ -102,42 +103,6 @@ img {
height: 2rem;
}
.comments {
margin-top: 1rem;
}
.comments-parent {
display: flex;
flex-direction: column;
gap: 1rem;
margin-top: 1rem;
}
.comment-parent {
cursor: text;
}
.comment-top {
display: flex;
}
.comment-score {
border-right: 1px solid white;
padding-right: .5rem;
}
.comment-body {
font-size: 0.95rem;
padding-left: .5rem;
}
.comment-author {
color: var(--muted-text-color);
font-size: 0.8rem;
padding-left: 1.5rem;
margin-top: .25rem;
}
.s-notice {
background-color: var(--meta-bg);
padding: 1rem;