use rem calc to compute font sizes for home page

mojavelinux · mojavelinux · commit 6f430488976a · 2020-12-16T14:06:30.000-07:00
diff --git a/src/css/home.css b/src/css/home.css
@@ -5,7 +5,7 @@
   background-color: var(--color-smoke-50);
   border-radius: 0.5em;
   padding: 0.75rem 1.25rem;
-  font-size: 0.8888rem;
+  font-size: calc(16 / var(--rem-base) * 1rem);
 }
 
 .doc .panel h2 {
@@ -25,7 +25,7 @@
 
 .doc .grid {
   margin-top: 1rem;
-  font-size: 0.8888rem;
+  font-size: calc(16 / var(--rem-base) * 1rem);
 }
 
 @media screen and (min-width: 769px) {
@@ -44,6 +44,7 @@
 
   .doc .grid dd {
     margin: 0;
+    font-size: calc(14 / var(--rem-base) * 1rem);
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@`
`5`	`5`	`background-color: var(--color-smoke-50);`
`6`	`6`	`border-radius: 0.5em;`
`7`	`7`	`padding: 0.75rem 1.25rem;`
`8`		`- font-size: 0.8888rem;`
	`8`	`+ font-size: calc(16 / var(--rem-base) * 1rem);`
`9`	`9`	`}`
`10`	`10`
`11`	`11`	`.doc .panel h2 {`
`@@ -25,7 +25,7 @@`
`25`	`25`
`26`	`26`	`.doc .grid {`
`27`	`27`	`margin-top: 1rem;`
`28`		`- font-size: 0.8888rem;`
	`28`	`+ font-size: calc(16 / var(--rem-base) * 1rem);`
`29`	`29`	`}`
`30`	`30`
`31`	`31`	`@media screen and (min-width: 769px) {`
`@@ -44,6 +44,7 @@`
`44`	`44`
`45`	`45`	`.doc .grid dd {`
`46`	`46`	`margin: 0;`
	`47`	`+ font-size: calc(14 / var(--rem-base) * 1rem);`
`47`	`48`	`}`
`48`	`49`	`}`
`49`	`50`