]> BookStack Code Mirror - bookstack/blobdiff - resources/sass/_codemirror.scss
Tests: Updated comment test to account for new editor usage
[bookstack] / resources / sass / _codemirror.scss
index c79671d76467a4baf3b8edcab39598a769b996ce..a516b4426a33e782e0fae1b53bd6cc4fce3a310a 100644 (file)
@@ -1,3 +1,6 @@
+@use "mixins";
+@use "vars";
+
 /**
  * Custom CodeMirror BookStack overrides
  */
@@ -6,7 +9,7 @@
   font-size: 12px;
   border: 1px solid #ddd;
   line-height: 1.4;
-  margin-bottom: $-l;
+  margin-bottom: vars.$l;
 }
 
 .page-content .cm-editor,
   border-radius: 4px;
 }
 
+.cm-editor .cm-line {
+  line-height: 1.6;
+}
+
 .cm-editor .cm-line, .cm-editor .cm-gutter {
   font-family: var(--font-code);
 }
@@ -38,9 +45,9 @@
   background-color: #EEE;
   border: 1px solid #DDD;
   border-start-end-radius: 4px;
-  @include lightDark(background-color, #eee, #333);
-  @include lightDark(border-color, #ddd, #444);
-  @include lightDark(color, #444, #888);
+  @include mixins.lightDark(background-color, #eee, #333);
+  @include mixins.lightDark(border-color, #ddd, #444);
+  @include mixins.lightDark(color, #444, #888);
   line-height: 0;
   cursor: pointer;
   z-index: 5;