17 // Fix word-wrap with flex
20 .highlighted-comment {
21 display: inline-block;
22 background-color: #F5F5F5;
27 font-weight: $font-semibold;
31 .comment-account-date {
36 @include disable-default-a-behaviour;
38 word-break: break-all;
39 color: var(--mainForegroundColor);
40 font-weight: $font-bold;
44 color: $grey-foreground-color;
50 @include peertube-word-wrap;
56 &:not(.linkified-url) {
57 @include disable-default-a-behaviour;
59 color: var(--mainForegroundColor);
61 font-weight: $font-semibold;
66 &.comment-html-deleted {
67 color: $grey-foreground-color;
75 .comment-action-reply,
76 .comment-action-delete {
77 color: $grey-foreground-color;
82 color: var(--mainForegroundColor);
89 // Decrease the space of child comments on small screens
90 @media screen and (max-width: 1600px) {
96 @media screen and (max-width: 1200px) {
102 @media screen and (max-width: 600px) {
108 .comment-avatar { margin-right: 10px; }
112 @media screen and (max-width: 450px) {