diff --git a/core/src/main/resources/render/theme/global.css b/core/src/main/resources/render/theme/global.css index 26c47848..8b817794 100644 --- a/core/src/main/resources/render/theme/global.css +++ b/core/src/main/resources/render/theme/global.css @@ -1,5 +1,5 @@ :root { - /* Quarkdown properties */ + /* Quarkdown exposed properties */ --qd-background-color: inherit; --qd-main-color: inherit; --qd-link-color: inherit; @@ -7,8 +7,10 @@ --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 index d866ea1b..ac52e699 100644 --- 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 index e51bf4ea..958abb66 100644 --- 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; }