refactor: move comments styles to another file

public/comments.css

@@ -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;
+}

public/question.css

@@ -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;

templates/question.html

@@ -4,6 +4,7 @@
         <title>{{ .question.Title }}</title>
         <link rel="stylesheet" href="/static/question.css" />
         <link rel="stylesheet" href="/static/syntax.css" />
+        <link rel="stylesheet" href="/static/comments.css" />
         <meta
             http-equiv="Content-Security-Policy"
             content="default-src 'none'; style-src 'self'; script-src 'none'; img-src {{ .imagePolicy }};"