10 flex-direction: column;
17 background-color: rgba(0, 0, 0, 0.05);
23 @include avatar(36px);
30 // Fix word-wrap with flex
33 .highlighted-comment {
34 display: inline-block;
35 background-color: #F5F5F5;
40 font-weight: $font-semibold;
44 .comment-account-date {
49 @include disable-default-a-behaviour;
51 word-break: break-all;
52 color: var(--mainForegroundColor);
53 font-weight: $font-bold;
57 color: $grey-foreground-color;
63 @include peertube-word-wrap;
69 &:not(.linkified-url) {
70 @include disable-default-a-behaviour;
72 color: var(--mainForegroundColor);
74 font-weight: $font-semibold;
79 &.comment-html-deleted {
80 color: $grey-foreground-color;
88 .comment-action-reply,
89 .comment-action-delete {
90 color: $grey-foreground-color;
95 color: var(--mainForegroundColor);
102 // Reduce avatars size for replies
104 @include avatar(25px);
113 @media screen and (max-width: 1200px) {
119 @media screen and (max-width: 600px) {
125 align-items: flex-start;
134 .comment-account-date {
135 flex-direction: column;