[E] Expose reader font-size adjustment variable

ManifoldScholar · Sep 9, 2024 · 8e1d569 · 8e1d569
1 parent 8029d8b
commit 8e1d569
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/client/src/theme/styles/utility/typography.js b/client/src/theme/styles/utility/typography.js
@@ -43,7 +43,10 @@ const readerFontSizeClasses = readerFontSizes
   .map(
     ({ desktop, mobile }, index) => `
     .font-size-${index} {
-      font-size: ${fluidScale(desktop, mobile)};
+      font-size: calc(${fluidScale(
+        desktop,
+        mobile
+      )} * var(--font-size-adjustment));
     }
   `
   )
@@ -82,6 +85,12 @@ export default `
     ${textTruncate}
   }
 
+  @property --font-size-adjustment {
+    syntax: "<number>";
+    inherits: false;
+    initial-value: 1;
+  }
+
   ${readerFontSizeClasses}
 
   ${underlineClasses}