editor.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. .ck.ck-editor {
  2. min-height: 200px;
  3. .ck-editor__top {
  4. .ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
  5. width: auto !important;
  6. }
  7. }
  8. .ck-editor__main {
  9. .ck-content {
  10. word-break: break-word;
  11. overflow-wrap: break-word;
  12. white-space: normal;
  13. }
  14. }
  15. }
  16. .ck.ck-dialog__content {
  17. h2, p, section {
  18. word-wrap: break-word;
  19. overflow-wrap: break-word;
  20. word-break: break-word;
  21. white-space: normal;
  22. }
  23. h2 {
  24. font-size: 1rem;
  25. font-weight: bold;
  26. }
  27. p, section {
  28. margin-bottom: 10px;
  29. }
  30. section h3 {
  31. font-weight: bold;
  32. }
  33. }
  34. .ck.ck-dialog__actions {
  35. border-top: 1px solid var(--ck-color-dialog-form-header-border) !important;
  36. justify-content: center !important;
  37. button {
  38. cursor: pointer;
  39. }
  40. }
  41. // 파일 첨부
  42. .file-embed {
  43. display: inline-block;
  44. width: max-content;
  45. max-width: 100%;
  46. padding: 5px 40px;
  47. border: 1px solid var(--border-strong);
  48. border-radius: 5px;
  49. background: var(--bg-elevated);
  50. margin: 5px 0;
  51. box-sizing: border-box;
  52. .file-icon svg {
  53. width: 19px;
  54. height: 19px;
  55. display: inline-block;
  56. vertical-align: sub;
  57. padding-right: 5px;
  58. }
  59. &.image-style-align-left {
  60. margin-left: 0;
  61. margin-right: auto;
  62. }
  63. &.image-style-align-center {
  64. display: block;
  65. margin-left: auto;
  66. margin-right: auto;
  67. }
  68. &.image-style-align-right {
  69. margin-left: auto;
  70. margin-right: 0;
  71. }
  72. }