Specify base font-size in em units

karlstolley · karlstolley · commit 646155d8ccc0 · 2019-11-19T12:52:55.000-06:00
This ensures text-resizing in all browsers, while also respecting user
preferences for a different default browser text-size.
diff --git a/_sass/_ed.scss b/_sass/_ed.scss
@@ -37,7 +37,7 @@ body {
 
 html {
   font-family: $main-font;
-  font-size: 16px;
+  font-size: 1em; /* 16px; specify in ems to support text resizing in all browsers */
   line-height: 1.5;
 }
 
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -12,7 +12,7 @@ sitemap: false
 /* Fonts */
 $main-font: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 $heading-font: sans-serif;
-$regular-font-size: 20px;
+$regular-font-size: 1.25em; /* 20px / 16px = 1.25em; support text resizing in all browsers */
 
 
 /*

Original file line number	Diff line number	Diff line change
`@@ -37,7 +37,7 @@ body {`
`37`	`37`
`38`	`38`	`html {`
`39`	`39`	`font-family: $main-font;`
`40`		`- font-size: 16px;`
	`40`	`+ font-size: 1em; /* 16px; specify in ems to support text resizing in all browsers */`
`41`	`41`	`line-height: 1.5;`
`42`	`42`	`}`
`43`	`43`