Adjust box margins and title font

iamgio · Aug 11, 2024 · a9327aa · a9327aa
1 parent 399c097
commit a9327aa
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/core/src/main/resources/render/theme/global.css b/core/src/main/resources/render/theme/global.css
@@ -1,14 +1,16 @@
 :root {
-    /* Quarkdown properties */
+    /* Quarkdown exposed properties */
     --qd-background-color: inherit;
     --qd-main-color: inherit;
     --qd-link-color: inherit;
     --qd-main-font: inherit;
     --qd-main-font-size: 1em;
     --qd-heading-font: inherit;
     --qd-block-margin: 32px;
+    --qd-box-margin-multiplier: 1.5; /* --qd-block-margin * this = box vertical margin */
+    --qd-box-heading-font: var(--qd-main-font);
 
-    /* Reveal properties are inherited */
+    /* Reveal properties */
     --r-background-color: var(--qd-background-color);
     --r-main-color: var(--qd-main-color);
     --r-link-color: var(--qd-link-color);
@@ -118,14 +120,18 @@ code.focus-lines .hljs-ln-line:not(.focused) {
 
 .box {
     width: 100%;
-    margin-top: var(--qd-block-margin);
-    margin-bottom: var(--qd-block-margin);
+    margin-top: calc(var(--qd-box-margin-multiplier) * var(--qd-block-margin));
+    margin-bottom: calc(var(--qd-box-margin-multiplier) * var(--qd-block-margin));
 }
 
 .box > header p {
     margin: 0;
 }
 
+.box > header h4 {
+    font-family: var(--qd-box-heading-font);
+}
+
 .box > .box-content {
     padding: 12px;
 }

diff --git a/core/src/main/resources/render/theme/layout/beamer.css b/core/src/main/resources/render/theme/layout/beamer.css
@@ -8,6 +8,7 @@
     --qd-main-font: "Source Sans Pro", sans-serif;
     --qd-heading-font: "Fira Sans", sans-serif;
     --qd-block-margin: 32px;
+    --qd-box-margin-multiplier: 1.2;
 }
 
 .reveal .slides > section {

diff --git a/core/src/main/resources/render/theme/layout/minimal.css b/core/src/main/resources/render/theme/layout/minimal.css
@@ -66,11 +66,11 @@ table tr th:last-child {
 }
 
 .box {
-    border-radius: 8px;
+    border-radius: 10px;
 }
 
 .box > header {
-    font-size: 0.7em;
+    font-size: 0.6em;
     padding: 12px;
     border-radius: 8px 8px 0 0;
 }