10 flex-direction: column;
17 background-color: rgba(0, 0, 0, 0.05);
27 @include avatar(36px);
32 // Fix word-wrap with flex
35 .highlighted-comment {
36 display: inline-block;
37 background-color: #F5F5F5;
42 font-weight: $font-semibold;
46 .comment-account-date {
52 background-color: #888888;
56 box-sizing: border-box;
62 color: white !important;
66 @include disable-default-a-behaviour;
68 word-break: break-all;
69 color: var(--mainForegroundColor);
70 font-weight: $font-bold;
76 color: $grey-foreground-color;
78 text-decoration: none;
83 @include peertube-word-wrap;
89 &:not(.linkified-url) {
90 @include disable-default-a-behaviour;
92 color: var(--mainForegroundColor);
94 font-weight: $font-semibold;
99 &.comment-html-deleted {
100 color: $grey-foreground-color;
108 .comment-action-reply,
109 .comment-action-delete {
110 color: $grey-foreground-color;
115 color: var(--mainForegroundColor);
122 // Reduce avatars size for replies
124 @include avatar(25px);
133 @media screen and (max-width: 1200px) {
139 @media screen and (max-width: 600px) {
145 align-items: flex-start;
154 .comment-account-date {
155 flex-direction: column;