Files
remark42/frontend/app/components/comment/comment.css
T
Pavel MineevandUmputun 5825a55b69 Update frontend
* change root dit and change way to import modules
* update deps to latest versions
* use latest tools for building bundles
* rewrite webpack config
* use nomodule technique for loading modern bundle
* inject polyfills by babel usebuiltins
* update eslint rules
* rename all style files to CSS
* use postcss preset env for building styles
* proper typescript typing
* put all html files to templates folder
* etc
2021-01-12 13:39:26 -06:00

33 lines
577 B
CSS

.comment {
display: block;
padding: 12px 0 8px;
font-size: 16px;
line-height: 1.2;
transition: background 0.3s ease-in-out;
@media (hover: hover) {
&:hover {
& > .comment__body .comment__actions .comment__controls {
opacity: 1;
}
}
}
}
.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) {
& .comment-form_type_reply {
margin-left: 0;
}
}