bigger font on shitty screens

Rich-Harris · Rich-Harris · commit fc9012dccb47 · 2024-10-01T10:06:11.000-04:00
diff --git a/packages/site-kit/src/lib/components/Text.svelte b/packages/site-kit/src/lib/components/Text.svelte
@@ -65,7 +65,7 @@
 		ol,
 		ul {
 			margin: 1em 0;
-			font-size: var(--sk-text-m);
+			font-size: var(--sk-text-body);
 		}
 
 		/* TODO is this still used? don't think so */
diff --git a/packages/site-kit/src/lib/styles/base.css b/packages/site-kit/src/lib/styles/base.css
@@ -73,7 +73,7 @@ h4 {
 	font-size: var(--sk-text-s);
 }
 h3 {
-	font-size: var(--sk-text-m);
+	font-size: var(--sk-text-body);
 }
 h2 {
 	font-size: var(--sk-text-l);
diff --git a/packages/site-kit/src/lib/styles/tokens.css b/packages/site-kit/src/lib/styles/tokens.css
@@ -31,10 +31,15 @@
 	--sk-text-xl: 3rem;
 	--sk-text-l: 2.4rem;
 	--sk-text-m: 2rem;
+	--sk-text-body: 2.4rem;
 	--sk-text-s: 1.8rem;
 	--sk-text-xs: 1.4rem;
 	--sk-line-max-width: 84rem;
 
+	@media (min-resolution: 2x) {
+		--sk-text-body: 2rem;
+	}
+
 	--sk-focus-outline: 0 0 0 2px hsla(var(--sk-theme-1-hsl), 0.6);
 
 	/* Base colors */

Original file line number	Diff line number	Diff line change
`@@ -65,7 +65,7 @@`
`65`	`65`	`ol,`
`66`	`66`	`ul {`
`67`	`67`	`margin: 1em 0;`
`68`		`- font-size: var(--sk-text-m);`
	`68`	`+ font-size: var(--sk-text-body);`
`69`	`69`	`}`
`70`	`70`
`71`	`71`	`/* TODO is this still used? don't think so */`