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;
50 @include peertube-word-wrap;
55 &:not(.linkified-url) {
56 @include disable-default-a-behaviour;
58 color: var(--mainForegroundColor);
60 font-weight: $font-semibold;
70 .comment-action-reply,
71 .comment-action-delete {
77 color: var(--mainForegroundColor);
84 // Decrease the space of child comments on small screens
85 @media screen and (max-width: 1600px) {
91 @media screen and (max-width: 1200px) {
97 @media screen and (max-width: 600px) {
103 img { margin-right: 10px; }
107 @media screen and (max-width: 450px) {