get rid of some unused junk

Author: Rich-Harris

apps/svelte.dev/src/lib/components/SelectIcon.svelte

@@ -20,7 +20,7 @@
 		position: relative;
 
 		&:has(select:focus-visible) .raised.icon {
-			outline: 2px solid hsla(var(--sk-theme-1-hsl), 0.6);
+			outline: 2px solid var(--sk-theme-1);
 			border-radius: var(--sk-border-radius);
 		}
 

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

@@ -10,27 +10,20 @@
 
 <style>
 	.hover-menu {
+		padding: 0.5rem;
+
 		:global {
 			a,
 			button {
 				color: var(--sk-text-2);
-				padding: 1rem 1.3rem;
+				padding: 1rem;
 				display: block;
 				font: var(--sk-font-ui-medium);
 				text-decoration: none;
 				line-height: 1;
 				width: 100%;
 				text-align: left;
-
-				&:first-child {
-					padding-top: 1.3rem;
-					border-radius: var(--sk-border-radius) var(--sk-border-radius) 0 0;
-				}
-
-				&:last-child {
-					padding-bottom: 1.3rem;
-					border-radius: 0 0 var(--sk-border-radius) var(--sk-border-radius);
-				}
+				border-radius: var(--sk-border-radius-inner);
 			}
 
 			a:hover,

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

@@ -417,7 +417,6 @@
 		}
 
 		blockquote {
-			--primary-hsl: var(--sk-theme-1-hsl);
 			color: var(--sk-text-1);
 			padding: 0 0 0 4.5rem;
 
@@ -439,18 +438,11 @@
 			}
 
 			&.deprecated {
-				--primary-hsl: var(--sk-text-warning-hsl);
-				--color: var(--primary-hsl);
-
 				p:first-child::before {
 					content: 'Deprecated ';
 					display: block;
 					font-style: normal;
 				}
-
-				a {
-					--color: var(--primary-hsl);
-				}
 			}
 
 			&::before {

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

@@ -33,11 +33,10 @@ body {
 	padding: 0;
 	scrollbar-width: thin;
 	scrollbar-color: var(--sk-scrollbar) transparent;
-	-webkit-tap-highlight-color: hsla(var(--sk-theme-1-hsl), 0.1);
 }
 
 *:focus-visible {
-	outline: 2px solid hsla(var(--sk-theme-1-hsl), 0.6);
+	outline: 2px solid var(--sk-theme-1);
 	border-radius: var(--sk-border-radius);
 }
 

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

@@ -19,6 +19,7 @@
 	--sk-page-padding-side: 1.6rem;
 	--sk-thick-border-width: 0.3rem;
 	--sk-border-radius: 0.4rem;
+	--sk-border-radius-inner: 0.2rem;
 	--sk-page-content-width: 76rem;
 	--sk-banner-height: 0px;
 	--sk-pane-controls-height: 4.2rem;
@@ -56,9 +57,7 @@
 	--sk-font-mono: 400 var(--sk-font-size-mono) / 1.7 var(--sk-font-family-mono);
 
 	/* Base colors */
-	--sk-theme-1-hsl: 12, 93%, 43%;
-
-	--sk-theme-1: hsl(var(--sk-theme-1-hsl));
+	--sk-theme-1: hsl(12, 93%, 43%);
 
 	--sk-back-1: hsl(0, 0%, 100%);
 	--sk-back-2: hsl(0, 0%, 100%);
@@ -152,7 +151,7 @@
 		--sk-back-5: hsl(var(--sk-back-hue), 15%, 25%);
 		--sk-back-6: hsl(var(--sk-back-hue), 15%, 32%);
 		--sk-back-translucent: hsla(0, 0%, 100%, 0.1);
-		--sk-theme-1-hsl: 12, 94%, 62%;
+		--sk-theme-1: hsl(12, 94%, 62%);
 		--sk-text-1: hsl(var(--sk-back-hue), 10%, 90%);
 		--sk-text-2: hsl(var(--sk-back-hue), 10%, 80%);
 		--sk-text-3: hsl(var(--sk-back-hue), 10%, 65%);