Tweak editor styles.

tropy · Mar 16, 2017 · bc8ce05 · bc8ce05
1 parent 6cb83e7
commit bc8ce05
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/stylesheets/abstracts/_variables.scss b/src/stylesheets/abstracts/_variables.scss
@@ -237,6 +237,14 @@ $progress-bar-height: $space-min;
 $notepad-min-height: #{const("NOTEPAD.MIN_HEIGHT")}px;
 
 
+// Editor
+// --------------------------------------------------
+
+$editor-font-size:         22px;
+$editor-line-height:       1.6;
+$prose-mirror-padding-top: $editor-font-size / 2;
+
+
 // Debug
 // --------------------------------------------------
 

diff --git a/src/stylesheets/components/editor/_view.scss b/src/stylesheets/components/editor/_view.scss
@@ -17,7 +17,12 @@
   flex: 1 1 0;
   width: 80%;
   margin: auto;
-  font-size: 18px;
-  line-height: 1.6;
+  font-size: $editor-font-size;
+  line-height: $editor-line-height;
   max-width: 800px;
+  padding-top: $prose-mirror-padding-top;
+
+  * {
+    margin: 0;
+  }
 }