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

38 lines
656 B
SCSS

.comment_editing {
.comment__text {
display: none;
}
.comment__input {
border: 12px solid;
border-top-width: 6px;
}
.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;
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;
}
}
}