Major mini editor refactoring (#225)

Replaces most editing components with CM components, enabling vim mode and completions everywhere

Fixes #205 
Fixes #221 
Fixes #222 
Fixes #223

web/styles/editor.scss

@@ -1,4 +1,8 @@
-.cm-editor {
+.cm-focused {
+  outline: none !important;
+}
+
+#sb-main .cm-editor {
   font-size: 18px;
   --max-width: 800px;
   height: 100%;
@@ -18,9 +22,6 @@
     max-width: 100%;
   }
 
-  &.cm-focused {
-    outline: none !important;
-  }
 
   // Indentation of follow-up lines
   @mixin lineOverflow($baseIndent, $bulletIndent: 0) {
@@ -74,19 +75,41 @@
     }
 
     &.sb-line-li-1.sb-line-li-2 {
-      @include lineOverflow(2);
-    }
-
-    &.sb-line-li-1.sb-line-li-2.sb-line-li-3 {
       @include lineOverflow(4);
     }
 
+    &.sb-line-li-1.sb-line-li-2.sb-line-li-3 {
+      @include lineOverflow(7);
+    }
+
     &.sb-line-li-1.sb-line-li-2.sb-line-li-3.sb-line-li-4 {
-      @include lineOverflow(6);
+      @include lineOverflow(10);
     }
 
     &.sb-line-li-1.sb-line-li-2.sb-line-li-3.sb-line-li-4.sb-line-li-5 {
-      @include lineOverflow(8);
+      @include lineOverflow(13);
+    }
+  }
+
+  .sb-line-ol.sb-line-ul {
+    // &.sb-line-li-1 {
+    //   @include lineOverflow(1);
+    // }
+
+    &.sb-line-li-1.sb-line-li-2 {
+      @include lineOverflow(3);
+    }
+
+    &.sb-line-li-1.sb-line-li-2.sb-line-li-3 {
+      @include lineOverflow(6);
+    }
+
+    &.sb-line-li-1.sb-line-li-2.sb-line-li-3.sb-line-li-4 {
+      @include lineOverflow(9);
+    }
+
+    &.sb-line-li-1.sb-line-li-2.sb-line-li-3.sb-line-li-4.sb-line-li-5 {
+      @include lineOverflow(12);
     }
   }
 
@@ -196,9 +219,14 @@
     margin-left: -1ch;
   }
 
+
+  .cm-scroller {
+    // Give some breathing space at the bottom of the screen
+    padding-bottom: 20em;
+  }
+
 }
 
-.cm-scroller {
-  // Give some breathing space at the bottom of the screen
-  padding-bottom: 20em;
+div:not(.cm-focused).cm-fat-cursor {
+  outline: none !important;
 }