X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/94f464cd14a8f2a54a8fada9cb777c0e6f28fa93..refs/pull/5313/head:/resources/sass/_codemirror.scss diff --git a/resources/sass/_codemirror.scss b/resources/sass/_codemirror.scss index de82d4989..c79671d76 100644 --- a/resources/sass/_codemirror.scss +++ b/resources/sass/_codemirror.scss @@ -5,11 +5,19 @@ .cm-editor { font-size: 12px; border: 1px solid #ddd; - margin-bottom: $-l; line-height: 1.4; + margin-bottom: $-l; +} + +.page-content .cm-editor, +.CodeMirrorContainer .cm-editor { border-radius: 4px; } +.cm-editor .cm-line, .cm-editor .cm-gutter { + font-family: var(--font-code); +} + // Manual dark-mode definition so that it applies to code blocks within the shadow // dom which are used within the WYSIWYG editor, as the .dark-mode on the parent // node are not applies so instead we have the class on the parent element. @@ -26,10 +34,10 @@ align-items: center; justify-content: center; top: -1px; - right: -1px; + inset-inline-end: -1px; background-color: #EEE; border: 1px solid #DDD; - border-radius: 0 4px 0 0; + border-start-end-radius: 4px; @include lightDark(background-color, #eee, #333); @include lightDark(border-color, #ddd, #444); @include lightDark(color, #444, #888); @@ -46,7 +54,7 @@ fill: currentColor; } &.success { - background: $positive; + background: var(--color-positive); color: #FFF; } &:focus {