fix: H1 and title should be different sizes, closes #3975

2022-08-15 23:02:35 +02:00
parent 9f3266abaf
commit 93bb9d067d
2 changed files with 10 additions and 1 deletions
--- a/app/editor/components/Styles.ts
+++ b/app/editor/components/Styles.ts
@@ -63,6 +63,15 @@ const EditorStyles = styled.div<{
      margin-bottom: 0.25em;
    }

+    // all of heading sizes are stepped down one from global styles, except h1
+    // which is between h1 and h2
+    h1 { font-size: 1.75em; }
+    h2 { font-size: 1.25em; }
+    h3 { font-size: 1em; }
+    h4 { font-size: 0.875em; }
+    h5 { font-size: 0.75em; }
+    h6 { font-size: 0.75em; }
+
    .ProseMirror-yjs-cursor {
      position: relative;
      margin-left: -1px;