Files
remark42/web/app/components/comment/_editing/comment_editing.scss
T

37 lines
636 B
SCSS

.comment_editing {
.comment__text {
display: none;
}
.comment__input {
border: 12px solid #eee;
}
.comment__score {
top: 4px;
right: 0;
}
// it isn't mobile first, but it's fine here
@media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer: coarse) and (max-width: 768px) {
border: 8px solid #eee;
padding-bottom: 0;
.comment__body {
padding: 8px 8px 0;
}
.comment__input {
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-top-width: 8px;
}
.comment__score {
top: 12px;
right: 8px;
}
}
}