implement formatted note contents (html and commonmark)

1 files changed, 24 insertions, 0 deletions

diff --git a/static/note.css b/static/note.css
index bc1e2ec..bc9b2d8 100644
--- a/static/note.css
+++ b/static/note.css
@@ -76,6 +76,30 @@ article.note {
     .selected & {
       font-size: var(--font-big-size);
     }
+
+    p {
+      margin: 0 0 0.4lh 0;
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    h1 {
+      margin: 0.2lh 0 0.2lh 0;
+      font-size: var(--font-big-size);
+    }
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      margin: 0.1lh 0 0.2lh 0;
+      font-size: var(--font-normal-size);
+    }
+
+    img {
+      max-height: 8lh;
+    }
   }
 
   .infoLine {