Files
remark42/frontend/app/components/comment/comment.css
T
2022-04-10 15:34:54 -05:00

37 lines
620 B
CSS

.comment {
display: block;
padding: 12px 0 8px;
font-size: 16px;
line-height: 1.4;
transition: background 0.3s ease-in-out;
@media (hover: hover) {
&:hover {
& > .comment__body .comment__actions .comment__controls {
opacity: 1;
}
}
}
}
.comment__avatar {
width: 24px;
height: 24px;
margin-right: 8px;
}
.comment_level_6 {
& .comment__text,
& .comment__actions {
padding-left: 0;
}
}
.comment-form_type_reply {
margin-left: 17px;
@media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer: coarse) and (max-width: 768px) {
margin-left: 0;
}
}