more

Author: Rich-Harris

apps/svelte.dev/src/routes/blog/+page.svelte

@@ -38,15 +38,13 @@
 		padding: var(--sk-page-padding-top) var(--sk-page-padding-side) 6rem var(--sk-page-padding-side);
 		max-width: var(--sk-page-main-width);
 		margin: 0 auto;
+		text-wrap: balance;
 	}
 
 	h2 {
 		display: inline-block;
-		/* margin: 3.2rem 0 0.4rem 0; */
 		color: var(--sk-text-2);
-		max-width: 18em;
-		font-size: var(--sk-text-m);
-		font-weight: 400;
+		font-size: var(--sk-font-size-h3);
 	}
 
 	.post {

apps/svelte.dev/src/routes/docs/[...path]/OnThisPage.svelte

@@ -158,7 +158,7 @@
 			}
 
 			& label {
-				font-size: var(--sk-text-m);
+				font-size: var(--sk-font-size-h3);
 
 				font-weight: 500;
 				display: block;

packages/site-kit/src/lib/docs/DocsContents.svelte

@@ -93,7 +93,7 @@
 	.section {
 		display: block;
 		padding-bottom: 0.8rem;
-		font-size: var(--sk-text-m);
+		font-size: var(--sk-font-size-h3);
 		font-family: var(--sk-font-heading);
 		font-weight: 500;
 		color: var(--sk-text-1);

packages/site-kit/src/lib/home/Footer.svelte

@@ -60,7 +60,7 @@
 	}
 
 	footer h2 {
-		font-size: var(--sk-text-m);
+		font-size: var(--sk-font-size-h3);
 		padding-bottom: 1rem;
 	}
 

packages/site-kit/src/lib/styles/base.css

@@ -71,7 +71,7 @@ h2 {
 }
 
 h3 {
-	font-size: var(--sk-text-m);
+	font-size: var(--sk-text-h3);
 }
 
 :where(h1, h2, h3) {

packages/site-kit/src/lib/styles/tokens.css

@@ -30,6 +30,7 @@
 
 	--sk-font-size-h1: 3.6rem;
 	--sk-font-size-h2: 3rem;
+	--sk-font-size-h3: 2.4rem;
 	--sk-text-l: 2.4rem;
 	--sk-text-m: 2.1rem;
 	--sk-text-s: 1.8rem;