From 64aa174d569ee5e3661b8aea8f149a985818ef2b Mon Sep 17 00:00:00 2001 From: Helen Chong <119173961+helenclx@users.noreply.github.com> Date: Thu, 27 Jun 2024 22:38:02 +0800 Subject: [PATCH] Increase heading sizes --- themes/leilukin/stylesheets/all.css | 18 ++++++++++++------ 1 file changed, 12 insertions(+), 6 deletions(-) diff --git a/themes/leilukin/stylesheets/all.css b/themes/leilukin/stylesheets/all.css index 4571fcc..e60d830 100644 --- a/themes/leilukin/stylesheets/all.css +++ b/themes/leilukin/stylesheets/all.css @@ -40,6 +40,12 @@ --clr-delete-btn-hover: #af2d2d; --clr-input-err: #ffdede; --clr-white: #fff; + + --fs-main: 1.2rem; + --fs-h1: clamp(2rem, 1rem + 5vw, 3rem); + --fs-h2: clamp(1.55rem, 1rem + 3vw, 2.15rem); + --fs-h3: clamp(1.55rem, 1rem + 3vw, 1.8rem); + --fs-h4: clamp(1.4rem, 1rem + 3vw, 1.6rem); } html { font-size: 16px; @@ -50,7 +56,7 @@ html { } body { font-family: "Lexend", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; - font-size: 1.2rem; + font-size: var(--fs-main); color: var(--clr-body-txt); line-height: 1.5; tab-size: 4; @@ -71,8 +77,8 @@ p.footnote-backrefs { font-size: 0.75em; } h1 { - font-size: 2em; - font-weight: bold; + font-size: var(--fs-h1); + font-weight: 700; margin: 1em 0em; padding: 0em; } @@ -83,7 +89,7 @@ h2, h3, h4, h5, h6 { color: var(--clr-sub-heading); } h2 { - font-size: 1.5em; + font-size: var(--fs-h2); font-weight: bold; margin: 1em 0em; padding: 0em; @@ -99,7 +105,7 @@ h2.menu_toggle { display: none; } h3 { - font-size: 1em; + font-size: var(--fs-h3); font-weight: bold; margin: 1em 0em; padding: 0em; @@ -111,7 +117,7 @@ h3.archive { margin-top: 2rem; } h4, h5, h6 { - font-size: 1em; + font-size: var(--fs-h4); font-weight: bold; margin: 1em 0em; padding: 0em;