banish --sk-text-m

Author: Rich-Harris

apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte

@@ -311,7 +311,6 @@ export default app;`
 		border: none;
 		color: currentColor;
 		font-family: var(--sk-font-ui);
-		font-size: var(--sk-text-m);
 		opacity: 0.7;
 		outline: none;
 		flex: 1;

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

@@ -120,13 +120,3 @@
 		{/snippet}
 	</Footer>
 </div>
-
-<style>
-	h2 {
-		line-height: 1.05;
-	}
-
-	p {
-		font-size: var(--sk-text-m);
-	}
-</style>

packages/site-kit/src/lib/components/Text.svelte

@@ -65,7 +65,6 @@
 		ol,
 		ul {
 			margin: 1em 0;
-			font-size: var(--sk-text-m);
 		}
 
 		code {
@@ -394,12 +393,7 @@
 				p:first-child::before {
 					content: 'Deprecated ';
 					display: block;
-					/* text-transform: uppercase; */
 					font-style: normal;
-					/* font-family: var(--sk-font-ui); */
-					font-size: var(--sk-text-m);
-					font-weight: 500;
-					/* color: var(--sk-text-4); */
 				}
 
 				a {

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

@@ -62,7 +62,6 @@
 	.try {
 		width: 100%;
 		margin: 0 auto;
-		font-size: var(--sk-text-m);
 		color: var(--sk-text-1);
 	}
 

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

@@ -50,6 +50,7 @@
 		padding-top: 0.4rem;
 		align-items: center;
 		justify-content: center;
+		font-family: var(--sk-font-ui);
 	}
 
 	.terminal pre {
@@ -73,13 +74,7 @@
 
 	@media (min-width: 440px) {
 		.terminal pre {
-			font-size: var(--sk-text-s);
-		}
-	}
-
-	@media (min-width: 1080px) {
-		.terminal pre {
-			font-size: var(--sk-text-m);
+			font-size: var(--sk-font-size-ui);
 		}
 	}
 </style>

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

@@ -48,6 +48,7 @@ body {
 p,
 ul,
 ol {
+	font-size: var(--sk-font-size-body);
 	margin: 1em 0;
 }
 

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

@@ -31,7 +31,7 @@
 	--sk-font-size-h1: 3.6rem;
 	--sk-font-size-h2: 3rem;
 	--sk-font-size-h3: 2.4rem;
-	--sk-text-m: 2.1rem;
+	--sk-font-size-body: 2.1rem;
 	--sk-text-s: 1.8rem;
 	--sk-text-xs: 1.4rem;
 	--sk-font-size-ui-large: 3rem; /* TODO add regular/small */