fix: improved live preview styling

javalent · Jan 18, 2022 · 5a0c111 · 5a0c111
1 parent 415309a
commit 5a0c111
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/assets/main.css b/src/assets/main.css
@@ -1,10 +1,17 @@
 /** Constants */
 :root {
     --admonition-details-icon: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8.59 16.58L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.42z'/></svg>");
+    --admonition-margin-top: 1.5625em;
+    --admonition-margin-bottom: var(--admonition-margin-top);
+    --admonition-margin-top-lp: 0px;
+    --admonition-margin-bottom-lp: 12px;
 }
 
 .admonition {
-    margin: 1.5625em 0;
+    margin-top: var(--admonition-margin-top);
+    margin-bottom: var(--admonition-margin-bottom);
+    margin-left: 0;
+    margin-right: 0;
     padding: 0;
     overflow: hidden;
     color: var(--text-normal);
@@ -270,6 +277,10 @@ input.is-invalid {
 }
 
 /** Live Preview */
+.is-live-preview .admonition {
+    margin-top: var(--admonition-margin-top-lp);
+    margin-bottom: var(--admonition-margin-bottom-lp);
+}
 .is-live-preview .admonition-content > * {
     margin-top: 0px;
     margin-bottom: 0px;