From f80b9be1c5561d3fecb92c403cc56286fe22978b Mon Sep 17 00:00:00 2001
From: Gabriel Arazas <foodogsquared@foodogsquared.one>
Date: Tue, 21 Feb 2023 14:35:06 +0800
Subject: [PATCH] Revise responsive font size for the theme

---
 CHANGELOG.adoc        | 4 ++++
 assets/scss/base.scss | 8 --------
 assets/scss/main.scss | 2 +-
 3 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/CHANGELOG.adoc b/CHANGELOG.adoc
index 641a030..780fb02 100644
--- a/CHANGELOG.adoc
+++ b/CHANGELOG.adoc
@@ -20,6 +20,10 @@ and this project adheres to https://semver.org/spec/v2.0.0.html[Semantic Version
 == Unreleased
 
 
+== Updated
+
+- Responsive font sizing.
+
 
 
 == [0.3.4] - 2022-11-28
diff --git a/assets/scss/base.scss b/assets/scss/base.scss
index 1758a8b..e37a3ca 100644
--- a/assets/scss/base.scss
+++ b/assets/scss/base.scss
@@ -228,14 +228,6 @@ footer {
   text-align: center;
 }
 
-
-/* Mobile styles */
-@media all and (max-width: $tablet-breakpoint) {
-  html:root {
-    --font-size: 17px;
-  }
-}
-
 @media print {
   html {
     overflow: auto;
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index 1e7d516..84370cb 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -22,7 +22,7 @@ $tablet-breakpoint: 860px;
 
 :root {
   font-family: var(--body-family);
-  font-size: var(--font-size);
+  font-size: clamp(var(--font-size), 1.4vw, calc(var(--font-size) * 3));
   background: var(--background);
   color: var(--foreground);
   line-height: var(--vertical-rhythm);