feat: add font size param (#295)

yashmehrotra · web-flow · commit a1896107a416 · 2025-01-04T14:23:20.000+01:00
* feat: add font size param

* chore: update documentation heading
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -24,7 +24,7 @@ html {
   background-color: rgb(var(--light-primary-color));
   color: var(--light-text-color);
   font-family: "Lato", sans-serif;
-  font-size: 17.5px;
+  font-size: var(--font-size);
   min-height: 100%;
   position: relative;
   scroll-behavior: smooth;
diff --git a/exampleSite/content/posts/theme-documentation-basics.md b/exampleSite/content/posts/theme-documentation-basics.md
@@ -227,6 +227,15 @@ Set the avatar's size as: `size-xs`, `size-s`, `size-m`, `size-l`, or `size-xl`.
   avatarSize = "size-m"
 ```
 
+### Font size
+
+Set the main font-size for the content. Default is `17.5px`.
+
+```toml
+[params]
+  fontSize = "20px"
+```
+
 ### Custom Head HTML
 
 Add arbitrary HTML code to the [`<head>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/head).
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
@@ -5,6 +5,7 @@
     <style>
         :root {
             --accent-color: {{ .Site.Params.AccentColor | default "#FF4D4D" }};
+            --font-size: {{ .Site.Params.FontSize | default "17.5px" }};
         }
     </style>
 

Original file line number	Diff line number	Diff line change
`@@ -5,6 +5,7 @@`
`5`	`5`	`<style>`
`6`	`6`	`:root {`
`7`	`7`	`--accent-color: {{ .Site.Params.AccentColor \| default "#FF4D4D" }};`
	`8`	`+ --font-size: {{ .Site.Params.FontSize \| default "17.5px" }};`
`8`	`9`	`}`
`9`	`10`	`</style>`
`10`	`11`