From b0b5f8bd5b3c19aec045b2a24e58240141989144 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Anders=20Sandstro=CC=88m?= Date: Sat, 28 Sep 2024 21:16:53 +0200 Subject: [PATCH] Adjust manual fonts --- hugo/Readme.md | 2 +- hugo/config.toml | 2 ++ hugo/static/css/custom.css | 49 ++++++++++++++++++++++++++++++++++++++ 3 files changed, 52 insertions(+), 1 deletion(-) create mode 100644 hugo/static/css/custom.css diff --git a/hugo/Readme.md b/hugo/Readme.md index ece8e0c4a..e5c617e3e 100644 --- a/hugo/Readme.md +++ b/hugo/Readme.md @@ -36,7 +36,7 @@ Observe the CLI output for details. 1. gawk at the beauty of the produced web-site :) ### editing the code -* contend is found in the `content` directory +* content is found in the `content` directory * mostly everything is done in markdown * the HUGO theme ["learn"](http://github.com/matcornic/hugo-theme-learn) is used. Follow the instructions [here](https://learn.netlify.app/en/) for examples and an overview of it's capabilities. * changes are reflected immediately in the browser after saving your changes. diff --git a/hugo/config.toml b/hugo/config.toml index 8f8ac84f6..a6691ed3d 100644 --- a/hugo/config.toml +++ b/hugo/config.toml @@ -4,6 +4,7 @@ title = 'ecmccfg' theme = "hugo-theme-learn" relativeURLs = true canonifyURLs = true + [markup] [markup.goldmark] [markup.goldmark.renderer] @@ -15,3 +16,4 @@ canonifyURLs = true themeVariant = "green" # Set this to true to disable copy-to-clipboard button for inline code. disableInlineCopyToClipBoard = true + custom_css = ["css/custom.css"] diff --git a/hugo/static/css/custom.css b/hugo/static/css/custom.css new file mode 100644 index 000000000..981805ec3 --- /dev/null +++ b/hugo/static/css/custom.css @@ -0,0 +1,49 @@ +html { + font-size: 40%; /* Adjust this percentage to scale all font sizes */ +} + +/* Target the specific note classes */ +.admonition.note p, +.admonition.warning p, +.admonition.tip p, +.admonition.info p { + font-size: 1.2rem !important; /* Adjust size as needed */ +} + +/* Additional targeting, if needed */ +.note p, .warning p, .tip p, .info p { + font-size: 2.2rem !important; +} + +code { + font-size: 1.8rem !important; /* Adjust size as needed */ +} + +/* General heading font size increases */ +h1 { + font-size: 3rem !important; /* Adjust for h1 */ +} + +h2 { + font-size: 3rem !important; /* Adjust for h2 */ +} + +h3 { + font-size: 3rem !important; /* Adjust for h3 */ +} + +h4 { + font-size: 3rem !important; /* Adjust for h4 */ +} + +h5 { + font-size: 2rem !important; /* Adjust for h5 */ +} + +h6 { + font-size: 2rem !important; /* Adjust for h6 */ +} + +.page-title { + font-size: 4rem !important; +}