Massive style changes

wwwroot/css/markdown.css

@@ -13,7 +13,7 @@
 }
 
 .msg.markdown p {
-  margin: 0 0 var(--s3) 0;
+  margin: 0 0 .5em 0;
 }
 
 .msg.markdown p:last-child {
@@ -26,7 +26,7 @@
 .msg.markdown h4,
 .msg.markdown h5,
 .msg.markdown h6 {
-  margin: var(--s4) 0 var(--s2) 0;
+  margin: 1em 0 .5em 0;
 }
 
 .msg.markdown h1:first-child,
@@ -37,12 +37,12 @@
 
 .msg.markdown ul,
 .msg.markdown ol {
-  margin: 0 0 var(--s3) 0;
+  margin: 0 0 .5em 0;
   padding-left: 1.5em;
 }
 
 .msg.markdown li {
-  margin-bottom: var(--s1);
+  margin-bottom: 1em;
 }
 
 .msg.markdown li:last-child {
@@ -52,14 +52,13 @@
 .msg.markdown code {
   background: var(--f3-bg);
   padding: .1em .3em;
-  font-size: .9em;
 }
 
 .msg.markdown pre {
   background: var(--f3-bg);
   border: var(--border-width) solid var(--f3-border);
-  padding: var(--s3);
-  margin: 0 0 var(--s3) 0;
+  padding: .5em;
+  margin: 0 0 .5em 0;
   overflow-x: auto;
 }
 
@@ -70,13 +69,12 @@
 .msg.markdown pre code {
   background: none;
   padding: 0;
-  font-size: .9em;
 }
 
 .msg.markdown blockquote {
   border-left: 3px solid var(--f3-border);
-  margin: 0 0 var(--s3) 0;
-  padding: var(--s2) var(--s3);
+  margin: 0 0 .5em 0;
+  padding: .5em;
   opacity: var(--semi-transparent);
 }
 
@@ -87,12 +85,12 @@
 .msg.markdown hr {
   border: none;
   border-top: var(--border-width) solid var(--f3-border);
-  margin: var(--s3) 0;
+  margin: .5em 0;
 }
 
 .msg.markdown table {
   border-collapse: collapse;
-  margin: 0 0 var(--s3) 0;
+  margin: 0 0 .5em 0;
   width: 100%;
 }
 
@@ -103,7 +101,7 @@
 .msg.markdown th,
 .msg.markdown td {
   border: var(--border-width) solid var(--f3-border);
-  padding: var(--s2) var(--s3);
+  padding: .5em;
   text-align: left;
 }
 
@@ -121,5 +119,5 @@
 }
 
 .msg.markdown input[type="checkbox"] {
-  margin-right: var(--s2);
+  margin-right: .5em;
 }