2
0

CommentEditor.module.scss 701 B

12345678910111213141516171819202122232425262728293031323334353637
  1. @use '@growi/core/scss/bootstrap/init' as bs;
  2. @use './comment-inheritance';
  3. @use '../PageEditor/page-editor-inheritance';
  4. // display cheatsheet for comment form only
  5. .comment-editor-styles :global {
  6. .cm-editor {
  7. height: 300px !important;
  8. }
  9. .comment-form {
  10. position: relative;
  11. margin-top: 1em;
  12. // user icon
  13. .picture {
  14. @extend %picture;
  15. }
  16. // seciton
  17. .comment-form-main {
  18. @extend %comment-section;
  19. margin-left: 4.5em;
  20. @include bs.media-breakpoint-down(xs) {
  21. margin-left: 3.5em;
  22. }
  23. }
  24. // textarea
  25. .comment-write {
  26. margin-bottom: 0.5em;
  27. }
  28. .comment-form-preview {
  29. padding-top: 0.5em;
  30. }
  31. }
  32. }