_override-codemirror.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. .CodeMirror {
  2. pre.CodeMirror-line.grw-cm-header-line {
  3. padding-top: 0.16em;
  4. padding-bottom: 0.08em;
  5. font-family: $font-family-monospace;
  6. // '#'
  7. .cm-formatting-header {
  8. font-style: italic;
  9. font-weight: bold;
  10. opacity: 0.5;
  11. }
  12. .cm-header-1 {
  13. font-size: 1.9em;
  14. }
  15. .cm-header-2 {
  16. font-size: 1.6em;
  17. }
  18. .cm-header-3 {
  19. font-size: 1.4em;
  20. }
  21. .cm-header-4 {
  22. font-size: 1.35em;
  23. }
  24. .cm-header-5 {
  25. font-size: 1.25em;
  26. }
  27. .cm-header-6 {
  28. font-size: 1.2em;
  29. }
  30. }
  31. .cm-matchhighlight {
  32. color: $gray-900 !important;
  33. background-color: cyan;
  34. }
  35. .CodeMirror-selection-highlight-scrollbar {
  36. background-color: darkcyan;
  37. }
  38. // overwrite .CodeMirror-placeholder
  39. pre.CodeMirror-placeholder {
  40. color: $text-muted;
  41. }
  42. }
  43. // patch to fix https://github.com/codemirror/CodeMirror/issues/4089
  44. // see also https://github.com/codemirror/CodeMirror/commit/51a1e7da60a99e019f026a118dc7c98c2b1f9d62
  45. .CodeMirror-wrap > div > textarea {
  46. font-size: #{$line-height-base}rem;
  47. }