styles: update editorstyle

unit-mesh · Dec 12, 2023 · 9de1a58 · 9de1a58
1 parent 6802f8e
commit 9de1a58
Showing 1 changed file with 72 additions and 75 deletions.
diff --git a/web/core/lib/editor/editor.css b/web/core/lib/editor/editor.css
@@ -22,48 +22,43 @@
     margin-top: 0.75em;
 }
 
-.tiptap ul, .tiptap ol {
-    padding: 0 1rem;
-}
-
-.tiptap h1, .tiptap h2, .tiptap h3, .tiptap h4, .tiptap h5, .tiptap h6 {
-    line-height: 1.1;
-    font-weight: 300;
-    margin-bottom: 2.0rem;
-    margin-top: 0;
-}
-
-.tiptap h1 {
-    font-size: 2.0rem;
-    line-height: 1.2;
-}
+.tiptap {
+    h1, h2, h3, h4, h5, h6 {
+        line-height: 1.1;
+        font-weight: 300;
+        margin: 1rem 0;
+    }
 
-.tiptap h2 {
-    font-size: 1.8rem;
-    line-height: 1.25;
-}
+    h1 {
+        font-size: 2.0rem;
+        line-height: 1.2;
+    }
 
-.tiptap h3 {
-    font-size: 1.6rem;
-    line-height: 1.3;
-}
+    h2 {
+        font-size: 1.8rem;
+        line-height: 1.25;
+    }
 
-.tiptap h4 {
-    font-size: 1.4rem;
-    line-height: 1.35;
-}
+    h3 {
+        font-size: 1.6rem;
+        line-height: 1.3;
+    }
 
-.tiptap h5 {
-    font-size: 1.2rem;
-    line-height: 1.5;
-}
+    h4 {
+        font-size: 1.4rem;
+        line-height: 1.35;
+    }
 
-.tiptap h6 {
-    font-size: 1.6rem;
-    line-height: 1.4;
-}
+    h5 {
+        font-size: 1.2rem;
+        line-height: 1.5;
+    }
 
-.tiptap {
+    h6 {
+        font-size: 1.6rem;
+        line-height: 1.4;
+    }
+
     a {
         color: #1abc9c;
         text-decoration: none;
@@ -81,6 +76,7 @@
         padding-left: 0;
     }
 
+
     dl dl,
     dl ol,
     dl ul,
@@ -97,11 +93,13 @@
     ol {
         list-style: decimal;
         padding: 0.3rem;
+        margin-left: 1rem;
     }
 
     ul {
         list-style: circle;
         padding: 0.3rem;
+        margin-left: 1rem;
     }
 
     li {
@@ -128,7 +126,7 @@
     form,
     pre,
     table {
-        margin-bottom: 2.5rem;
+        margin-bottom: 1rem;
     }
 
     table {
@@ -176,48 +174,51 @@
     }
 
     p {
-        margin-top: 0;
+        margin: 0.3em 0;
     }
-}
 
-.tiptap code {
-    background-color: rgba(97, 97, 97, 0.1);
-    color: #616161;
-}
+    code {
+        font-size: 0.8em;
+        background-color: #011c32;
+        padding: 0.2em 0.5em;
+        border-radius: 4px;
+        color: #e6e6e6;
+    }
 
-.tiptap pre {
-    background: #0d0d0d;
-    color: #fff;
-    font-family: 'JetBrainsMono', monospace;
-    padding: 0.75rem 1rem;
-    border-radius: 0.5rem;
-}
+    pre {
+        background: #0d0d0d;
+        color: #fff;
+        font-family: 'JetBrainsMono', monospace;
+        padding: 0.75rem 1rem;
+        border-radius: 0.5rem;
+    }
 
-.tiptap pre code {
-    color: inherit;
-    padding: 0;
-    background: none;
-    font-size: 0.8rem;
-}
+    pre code {
+        color: inherit;
+        padding: 0;
+        background: none;
+        font-size: 0.8rem;
+    }
 
-.tiptap img {
-    max-width: 100%;
-    height: auto;
-}
+    img {
+        max-width: 100%;
+        height: auto;
+    }
 
-.tiptap blockquote {
-    padding-left: 1rem;
-    border-left: 2px solid rgba(13, 13, 13, 0.1);
-}
+    blockquote {
+        padding-left: 1rem;
+        border-left: 2px solid rgba(13, 13, 13, 0.1);
+    }
 
-.tiptap hr {
-    border: none;
-    border-top: 2px solid rgba(13, 13, 13, 0.1);
-    margin: 2rem 0;
-}
+    hr {
+        border: none;
+        border-top: 2px solid rgba(13, 13, 13, 0.1);
+        margin: 2rem 0;
+    }
 
-.tiptap button {
-    all: unset;
+    button {
+        all: unset;
+    }
 }
 
 .toolbar-menu {
@@ -452,10 +453,6 @@
     outline: #0d0d0d;
 }
 
-.ProseMirror p {
-    margin: 0;
-}
-
 .ProseMirror insert {
     color: green;
     text-decoration: underline;