10 flex-direction: column;
17 background-color: rgba(0, 0, 0, 0.05);
27 @include avatar(36px);
34 // Fix word-wrap with flex
37 .highlighted-comment {
38 display: inline-block;
39 background-color: #F5F5F5;
44 font-weight: $font-semibold;
48 .comment-account-date {
53 @include disable-default-a-behaviour;
55 word-break: break-all;
56 color: var(--mainForegroundColor);
57 font-weight: $font-bold;
61 color: $grey-foreground-color;
67 @include peertube-word-wrap;
73 &:not(.linkified-url) {
74 @include disable-default-a-behaviour;
76 color: var(--mainForegroundColor);
78 font-weight: $font-semibold;
83 &.comment-html-deleted {
84 color: $grey-foreground-color;
92 .comment-action-reply,
93 .comment-action-delete {
94 color: $grey-foreground-color;
99 color: var(--mainForegroundColor);
106 // Reduce avatars size for replies
108 @include avatar(25px);
117 @media screen and (max-width: 1200px) {
123 @media screen and (max-width: 600px) {
129 align-items: flex-start;
138 .comment-account-date {
139 flex-direction: column;