From 1b4ba701c2a657508697af373ced459d6b313a6f Mon Sep 17 00:00:00 2001
From: Sam Ford <1584702+samford@users.noreply.github.com>
Date: Fri, 8 Sep 2023 21:30:22 -0400
Subject: [PATCH] Use minimum font-size of 12px

PageSpeed Insights and Lighthouse complain about text that's smaller
than 12px (for mobile). Our styling for `pre code` and `#information
.credits` both use a `font-size` that's smaller than 12px (11px and
~11.5281px respectively).

This increases the smallest `font-size` values in `style.scss` to
12px (80% in this case).
---
 assets/css/style.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/assets/css/style.scss b/assets/css/style.scss
index 091d5aa1..83e982dc 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -282,7 +282,7 @@ pre {
 
   code {
     font-family: "Monaco", "Menlo", monospace;
-    font-size: 11px;
+    font-size: 80%;
     line-height: 1.6;
   }
 }
@@ -497,7 +497,7 @@ button::-moz-focus-inner {
 
   .credits {
     border-bottom: none;
-    font-size: 70%;
+    font-size: 80%;
     text-align: center;
     padding-top: 1.8em;
 
@@ -528,7 +528,7 @@ button::-moz-focus-inner {
 
 #border-no-bottom {
   border-bottom: none;
-  font-size: 70%;
+  font-size: 80%;
   text-align: center;
   padding-top: 1.8em;
   opacity: 0.5;