From 29d5358e2917ad8fbc747ed8cefed80c2ae29376 Mon Sep 17 00:00:00 2001 From: Giorgio Garofalo Date: Fri, 9 Aug 2024 01:43:57 +0200 Subject: [PATCH] Expose more global CSS properties --- core/src/main/resources/render/theme/global.css | 16 ++++++++++++++++ .../resources/render/theme/layout/beamer.css | 10 ++++++---- 2 files changed, 22 insertions(+), 4 deletions(-) diff --git a/core/src/main/resources/render/theme/global.css b/core/src/main/resources/render/theme/global.css index 9abaf277..db1761de 100644 --- a/core/src/main/resources/render/theme/global.css +++ b/core/src/main/resources/render/theme/global.css @@ -1,15 +1,26 @@ :root { + /* Quarkdown 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; + /* Reveal properties are inherited */ --r-background-color: var(--qd-background-color); + --r-main-color: var(--qd-main-color); --r-link-color: var(--qd-link-color); + --r-main-font: var(--qd-main-font); --r-main-font-size: var(--qd-main-font-size); + --r-heading-font: var(--qd-heading-font); } body { background-color: var(--qd-background-color); + color: var(--qd-main-color); + font-family: var(--qd-main-font); + font-size: var(--qd-main-font-size); } hr { @@ -21,6 +32,7 @@ figure { } h1, h2, h3, h4, h5, h6 { + font-family: var(--qd-heading-font); text-transform: none !important; } @@ -158,6 +170,10 @@ a { margin: 0; } +.table-of-contents li a { + text-decoration: none; +} + .table-of-contents li a::after { /* TOC page counter on supported targets */ content: target-counter(attr(href), page); diff --git a/core/src/main/resources/render/theme/layout/beamer.css b/core/src/main/resources/render/theme/layout/beamer.css index cd0d77dd..81ae4135 100644 --- a/core/src/main/resources/render/theme/layout/beamer.css +++ b/core/src/main/resources/render/theme/layout/beamer.css @@ -1,17 +1,19 @@ /* LaTeX Beamer layout theme */ +@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro'); @import url('https://fonts.googleapis.com/css?family=Fira+Sans'); :root { --reveal-center-vertically: false; } -.reveal .slides > section { - text-align: start; +body { + --qd-main-font: "Source Sans Pro", sans-serif; + --qd-heading-font: "Fira Sans", sans-serif; } -h1, h2, h3, h4, h5, h6 { - font-family: "Fira Sans", sans-serif; +.reveal .slides > section { + text-align: start; } h1 {