.comment { font-size: var(--font-multiplier-small); padding: var(--spacing-small) 0; flex-direction: row; font-size: var(--font-small); padding: var(--spacing-medium) 0; margin: 0; &:first-of-type { padding-top: 0; } &:not(:last-of-type) { border-bottom: 1px solid var(--color-border); } } .comment__body_container { padding-right: var(--spacing-small); } .comment__meta { text-overflow: ellipsis; margin-bottom: var(--spacing-small); } .comment__message { white-space: pre-line; margin-top: var(--spacing-small); } .comment__author { text-overflow: ellipsis; padding-right: var(--spacing-small); } .comment__time { opacity: 0.3; white-space: nowrap; } .comment__char-count { align-self: flex-end; font-size: var(--font-small); }