From 184d94390e60da7905a469ef28d965645e33dc40 Mon Sep 17 00:00:00 2001 From: Cade Scroggins Date: Wed, 16 Nov 2022 16:15:08 -0800 Subject: [PATCH] add base font size media queries --- index.html | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index d513485..454288b 100644 --- a/index.html +++ b/index.html @@ -144,7 +144,7 @@ Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif; --font-size-1: 1rem; --font-size-2: 3rem; - --font-size-base: 100%; + --font-size-base: 90%; --font-weight-bold: 700; --font-weight-normal: 400; --line-height-base: 1.4; @@ -161,6 +161,24 @@ } } + @media (min-width: 1000px) { + :root { + --font-size-base: 100%; + } + } + + @media (min-width: 1200px) { + :root { + --font-size-base: 110%; + } + } + + @media (min-width: 1600px) { + :root { + --font-size-base: 120%; + } + } + html { background-color: var(--color-background); color: var(--color-text);