cleaner sidebar (#94)

Author: Rich-Harris

apps/svelte.dev/src/routes/docs/[...path]/+layout.svelte

@@ -75,16 +75,6 @@
 			overflow: hidden;
 		}
 
-		.toc-container::before {
-			content: '';
-			position: fixed;
-			width: 0;
-			height: 100%;
-			top: 0;
-			left: calc(var(--sidebar-width) - 1px);
-			border-right: 1px solid var(--sk-back-5);
-		}
-
 		.page {
 			padding-left: calc(var(--sidebar-width) + var(--sk-page-padding-side));
 		}

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

@@ -150,18 +150,19 @@
 		}
 
 		.active::after {
-			--size: 1rem;
+			--size: 1.8rem;
 			content: '';
 			position: absolute;
 			width: var(--size);
 			height: var(--size);
-			top: -0.1rem;
+			top: calc(0.8rem - var(--size) * 0.5);
 			right: calc(-0.5 * var(--size));
 			background-color: var(--sk-back-1);
-			border-left: 1px solid var(--sk-back-5);
-			border-bottom: 1px solid var(--sk-back-5);
-			transform: translateY(0.2rem) rotate(45deg);
 			z-index: 2;
+			position: absolute;
+			rotate: 45deg;
+			/** needed to synchronise with transition on `*` in `base.css` */
+			transition: background-color 0.5s var(--quint-out);
 		}
 	}
 </style>