Nav apraksta

django-editorjs-fields.css 2.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. div[data-editorjs-holder] {
  2. display: inline-block;
  3. width: 100%;
  4. max-width: 750px;
  5. padding: 1.5em 1em;
  6. border: 1px solid #ccc;
  7. border-radius: 4px;
  8. background-color: #fcfeff;
  9. }
  10. .codex-editor .ce-rawtool__textarea {
  11. background-color: #010e15;
  12. color: #ccced2;
  13. }
  14. .codex-editor .cdx-list {
  15. margin: 0;
  16. padding-left: 32px;
  17. outline: none;
  18. }
  19. .codex-editor .cdx-list__item {
  20. padding: 8px;
  21. line-height: 1.4em;
  22. list-style: inherit;
  23. }
  24. .codex-editor .cdx-checklist__item-text {
  25. align-self: center;
  26. }
  27. .codex-editor .ce-header {
  28. padding: 1em 0;
  29. margin: 0;
  30. margin-bottom: -1em;
  31. line-height: 1.4em;
  32. outline: none;
  33. background: transparent;
  34. color: #000;
  35. font-weight: 800;
  36. text-transform: initial;
  37. }
  38. .codex-editor h2.ce-header {
  39. font-size: 1.5em;
  40. }
  41. .codex-editor h3.ce-header {
  42. font-size: 1.3em;
  43. }
  44. .codex-editor h4.ce-header {
  45. font-size: 1.1em;
  46. }
  47. .codex-editor blockquote {
  48. border: initial;
  49. margin: initial;
  50. color: initial;
  51. font-size: inherit;
  52. }
  53. .codex-editor .wrapper .cdx-button {
  54. display: none;
  55. }
  56. .codex-editor .link-tool__progress {
  57. float: initial;
  58. width: 100%;
  59. line-height: initial;
  60. padding: initial;
  61. }
  62. @media (max-width: 767px) {
  63. div[data-editorjs-holder] {
  64. width: auto;
  65. }
  66. .aligned .form-row,
  67. .aligned .form-row > div {
  68. flex-direction: column;
  69. }
  70. }
  71. @media (prefers-color-scheme: dark) {
  72. .change-form #container #content-main div[data-editorjs-holder] {
  73. border: 1px solid var(--border-color);
  74. background-color: var(--body-bg);
  75. }
  76. .change-form #container #content-main .link-tool__input {
  77. color: var(--primary);
  78. }
  79. .change-form #container #content-main .codex-editor .ce-header,
  80. .change-form #container #content-main .codex-editor blockquote {
  81. color: var(--body-fg);
  82. }
  83. .change-form #container #content-main .codex-editor .ce-rawtool__textarea {
  84. background-color: #264b5d;
  85. color: #fbfbfb;
  86. }
  87. .change-form #container #content-main .cdx-marker {
  88. background: #fff03b;
  89. }
  90. .change-form #container #content-main .ce-inline-toolbar {
  91. color: #000;
  92. }
  93. .change-form #container #content-main ::-moz-selection,
  94. .change-form #container #content-main ::selection {
  95. color: #fff;
  96. background: #616161;
  97. }
  98. .change-form #container #content-main .ce-block--selected .ce-block__content {
  99. background: #426b8a;
  100. }
  101. }