From 58bd00d67b648ea3352c41f6c5fc88e3040d4671 Mon Sep 17 00:00:00 2001
From: Alex Denes <caskd@redxen.eu>
Date: Thu, 11 Feb 2021 20:44:04 +0000
Subject: [PATCH] Use em instead of fixed font sizes

---
 css/main.less | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/css/main.less b/css/main.less
index 408e5c3..95fe8cc 100644
--- a/css/main.less
+++ b/css/main.less
@@ -1,7 +1,6 @@
 @bg: #111;
 @fg-mono: contrast(@bg);
 @fg-color: #e11;
-@font-size: 20px;
 
 // Override defaults and things a user agent shouldn't choose
 * {
@@ -27,9 +26,9 @@ img {
 	max-height: 100%;
 }
 
-h1 { font-size: @font-size * 2 }
-h2 { font-size: @font-size * 1.5 }
-h3 { font-size: @font-size * 1.25 }
+h1 { font-size: 2em }
+h2 { font-size: 1.5em }
+h3 { font-size: 1.25em }
 
 html {
 	background: @bg; /* Fallback */
@@ -49,7 +48,7 @@ html {
 		average(@bg, @fg-color) 2% 4%
 	);
 	color: @fg-mono;
-	font-size: @font-size;
+	font-size: 1em;
 	width: 100%;
 	min-width: 200px;
 	min-height: 200px;
@@ -119,7 +118,7 @@ html {
 				align-items: center;
 				justify-content: center;
 				text-align: center;
-				font-size: @font-size * 1.5;
+				font-size: 1.5em;
 			}
 		}
 		.body {
@@ -152,7 +151,7 @@ html {
 					display: inherit;
 					flex-direction: column;
 					.title {
-						font-size: @font-size * 1.25;
+						font-size: 1.25em;
 					}
 				}
 			}