indicate interactivity with subtle hover effect (#173)

Author: Rich-Harris

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

@@ -102,13 +102,17 @@
 				text-transform: uppercase;
 				color: var(--sk-text-4);
 
+				&:hover {
+					color: var(--sk-text-3);
+				}
+
 				&::before {
 					content: '';
 					position: absolute;
 					right: 0;
 					top: calc(50% - 0.5em);
-					width: 1em;
-					height: 1em;
+					width: 2rem;
+					height: 2rem;
 					background: url($lib/icons/chevron.svg);
 					background-size: contain;
 					rotate: -90deg;

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

@@ -374,6 +374,10 @@ details.legacy {
 		font-size: var(--sk-text-xs);
 		user-select: none;
 
+		&:hover {
+			color: var(--sk-text-3);
+		}
+
 		&::after {
 			position: absolute;
 			display: flex;