Something went wrong. Try again.
Mirror of https://github.com/kualta/site — web infrastructure
Something went wrong. Try again.
123456789101112131415161718192021.article-comments { position: relative; margin-top: 2rem; padding: 2rem .5rem; font-size: .95rem; }.comment-author-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }.article-comments::before { content: ""; position: absolute; top: 0; left: 25%; width: 50%; border-top: 1px solid rgb(128 128 128 / .25); }.comments-description { opacity: .7; margin: .75rem 0 1.25rem; line-height: 1.6; }.comments-text-button, .comment-actions a { text-decoration: underline; text-underline-offset: 3px; font-size: .85rem; }.article-comments button:disabled { opacity: .45; cursor: default; }.article-comments button:focus-visible, .article-comments a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }.comment-error { margin: 1rem 0; color: #be3434; }.dark .comment-error { color: #ff9999; }.article-comment { padding: 1.25rem 0; border-bottom: 1px solid rgb(128 128 128 / .18); }.comment-author { display: flex; gap: .5rem; align-items: center; min-width: 0; overflow-wrap: anywhere; }.comment-author img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }.comment-handle { display: block; opacity: .6; font-size: .75rem; }.comment-date { font-size: .75rem; opacity: .65; flex-shrink: 0; }.comment-body { margin: .75rem 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.65; }.comment-actions { display: flex; gap: 1rem; opacity: .75; }.comment-reply-context { font-size: .8rem; opacity: .7; margin-top: .5rem; }.comment-reply-context button { margin-left: .5rem; }.comments-load-more { margin-top: 1.25rem; }@media (max-width: 420px) { .comment-author-row { align-items: flex-start; gap: .5rem; } .comment-date { font-size: .65rem; } }