improve basic styling

2020-10-28 21:13:29 +01:00
parent 490a9fbb51
commit 541356a321
1 changed files with 13 additions and 7 deletions
--- a/docs/src/layouts/App/base.scss
+++ b/docs/src/layouts/App/base.scss
@@ -91,16 +91,22 @@ code {
 }

 .ProseMirror {
-  p {
-    margin: 0.5rem 0;
+
+  > * + * {
+    margin-top: 0.75em;
+  }
+
+  ul,
+  ol {
+    padding: 0 1rem;
  }

  pre {
-    background: rgba($colorBlack, 0.9);
-    color: rgba($colorWhite, 0.9);
+    background: $colorBlack;
+    color: $colorWhite;
+    font-family: 'JetBrainsMono', monospace;
    padding: 0.75rem 1rem;
-    margin: 0.5rem 0;
-    border-radius: 0.25rem;
+    border-radius: 0.5rem;

    code {
      color: inherit;
@@ -120,6 +126,6 @@ code {

  blockquote {
    padding-left: 1rem;
-    border-left: 3px solid rgba($colorBlack, 0.1);
+    border-left: 2px solid rgba($colorBlack, 0.1);
  }
 }