tidy up

Rich-Harris · Rich-Harris · commit 5faf1c6837f4 · 2024-10-02T22:25:20.000-04:00
diff --git a/apps/svelte.dev/src/routes/_home/Video.svelte b/apps/svelte.dev/src/routes/_home/Video.svelte
@@ -246,6 +246,5 @@
 	.video-player input:focus-visible ~ img {
 		outline: 2px solid var(--sk-theme-1);
 		outline-offset: 2px;
-		border-radius: var(--sk-border-radius);
 	}
 </style>
diff --git a/apps/svelte.dev/src/routes/tutorial/[slug]/Chrome.svelte b/apps/svelte.dev/src/routes/tutorial/[slug]/Chrome.svelte
@@ -77,7 +77,6 @@
 	a:focus-visible,
 	button:focus-visible,
 	input:focus-visible {
-		border-radius: var(--sk-border-radius);
 		outline-offset: -2px;
 	}
 
diff --git a/apps/svelte.dev/src/routes/tutorial/[slug]/Menu.svelte b/apps/svelte.dev/src/routes/tutorial/[slug]/Menu.svelte
@@ -404,7 +404,6 @@
 	a:focus-visible,
 	.exercises button:focus-visible {
 		outline-offset: -2px;
-		border-radius: var(--sk-border-radius);
 	}
 
 	@media screen and (max-width: 800px) {
diff --git a/apps/svelte.dev/src/routes/tutorial/[slug]/filetree/Item.svelte b/apps/svelte.dev/src/routes/tutorial/[slug]/filetree/Item.svelte
@@ -125,7 +125,6 @@
 
 	:focus-visible {
 		outline-offset: -2px;
-		border-radius: 2px;
 	}
 
 	input {
diff --git a/packages/site-kit/src/lib/components/Text.svelte b/packages/site-kit/src/lib/components/Text.svelte
@@ -144,7 +144,6 @@
 					align-items: center;
 					height: calc(var(--height) - 0.6rem);
 					outline-offset: 0;
-					border-radius: var(--sk-border-radius);
 					padding: 0 0.4rem;
 
 					&::before,
diff --git a/packages/site-kit/src/lib/docs/DocsContents.svelte b/packages/site-kit/src/lib/docs/DocsContents.svelte
@@ -68,13 +68,11 @@
 		height: 100%;
 		bottom: auto;
 		width: 100%;
-		/* columns: 2; */
 		margin: 0;
 	}
 
 	li {
 		display: block;
-		/* line-height: 1.2; */
 		margin: 0;
 		margin-bottom: 4rem;
 	}
@@ -108,7 +106,6 @@
 	}
 
 	[aria-current='page'] {
-		/* font-weight: 700; */
 		color: var(--sk-theme-1);
 		text-decoration: underline;
 	}
diff --git a/packages/site-kit/src/lib/nav/Nav.svelte b/packages/site-kit/src/lib/nav/Nav.svelte
@@ -189,6 +189,7 @@ Top navigation bar for the application. It provides a slot for the left side, th
 		display: flex;
 		align-items: center;
 		text-decoration: none;
+		outline-offset: -2px;
 
 		&:hover {
 			box-shadow: inset 0 -1px 0 0 var(--sk-back-5);
diff --git a/packages/site-kit/src/lib/search/SearchBox.svelte b/packages/site-kit/src/lib/search/SearchBox.svelte
@@ -322,7 +322,6 @@ It appears when the user clicks on the `Search` component or presses the corresp
 		}
 
 		&:focus-visible {
-			border-radius: var(--sk-border-radius);
 			outline-offset: -3px;
 		}
 	}
@@ -335,7 +334,6 @@ It appears when the user clicks on the `Search` component or presses the corresp
 		width: 5rem;
 		height: 6rem;
 		background: none;
-		border-radius: var(--sk-border-radius);
 		color: var(--sk-text-2);
 		opacity: 0.3;
 
@@ -388,7 +386,6 @@ It appears when the user clicks on the `Search` component or presses the corresp
 		}
 
 		&:focus {
-			border-radius: var(--sk-border-radius);
 			outline-offset: -3px;
 		}
 	}
@@ -413,7 +410,6 @@ It appears when the user clicks on the `Search` component or presses the corresp
 
 		&:focus-visible {
 			opacity: 1;
-			border-radius: var(--sk-border-radius);
 			outline-offset: -3px;
 		}
 	}
diff --git a/packages/site-kit/src/lib/search/SearchResultList.svelte b/packages/site-kit/src/lib/search/SearchResultList.svelte
@@ -88,7 +88,6 @@
 			user-select: none;
 
 			&:focus-visible {
-				border-radius: var(--sk-border-radius);
 				outline-offset: -3px;
 			}
 
@@ -154,7 +153,6 @@
 		}
 
 		&:focus {
-			border-radius: var(--sk-border-radius);
 			outline-offset: -3px;
 		}
 
diff --git a/packages/site-kit/src/lib/styles/base.css b/packages/site-kit/src/lib/styles/base.css
@@ -42,7 +42,7 @@ body {
 
 *:focus-visible {
 	outline: 2px solid hsla(var(--sk-theme-1-hsl), 0.6);
-	transition: 0.1s ease;
+	border-radius: var(--sk-border-radius);
 }
 
 p,

Original file line number	Diff line number	Diff line change
`@@ -246,6 +246,5 @@`
`246`	`246`	`.video-player input:focus-visible ~ img {`
`247`	`247`	`outline: 2px solid var(--sk-theme-1);`
`248`	`248`	`outline-offset: 2px;`
`249`		`- border-radius: var(--sk-border-radius);`
`250`	`249`	`}`
`251`	`250`	`</style>`
Original file line number	Diff line number	Diff line change
`@@ -77,7 +77,6 @@`
`77`	`77`	`a:focus-visible,`
`78`	`78`	`button:focus-visible,`
`79`	`79`	`input:focus-visible {`
`80`		`- border-radius: var(--sk-border-radius);`
`81`	`80`	`outline-offset: -2px;`
`82`	`81`	`}`
`83`	`82`
Original file line number	Diff line number	Diff line change
`@@ -404,7 +404,6 @@`
`404`	`404`	`a:focus-visible,`
`405`	`405`	`.exercises button:focus-visible {`
`406`	`406`	`outline-offset: -2px;`
`407`		`- border-radius: var(--sk-border-radius);`
`408`	`407`	`}`
`409`	`408`
`410`	`409`	`@media screen and (max-width: 800px) {`
Original file line number	Diff line number	Diff line change
`@@ -125,7 +125,6 @@`
`125`	`125`
`126`	`126`	`:focus-visible {`
`127`	`127`	`outline-offset: -2px;`
`128`		`- border-radius: 2px;`
`129`	`128`	`}`
`130`	`129`
`131`	`130`	`input {`
Original file line number	Diff line number	Diff line change
`@@ -68,13 +68,11 @@`
`68`	`68`	`height: 100%;`
`69`	`69`	`bottom: auto;`
`70`	`70`	`width: 100%;`
`71`		`- /* columns: 2; */`
`72`	`71`	`margin: 0;`
`73`	`72`	`}`
`74`	`73`
`75`	`74`	`li {`
`76`	`75`	`display: block;`
`77`		`- /* line-height: 1.2; */`
`78`	`76`	`margin: 0;`
`79`	`77`	`margin-bottom: 4rem;`
`80`	`78`	`}`
`@@ -108,7 +106,6 @@`
`108`	`106`	`}`
`109`	`107`
`110`	`108`	`[aria-current='page'] {`
`111`		`- /* font-weight: 700; */`
`112`	`109`	`color: var(--sk-theme-1);`
`113`	`110`	`text-decoration: underline;`
`114`	`111`	`}`
Original file line number	Diff line number	Diff line change
@@ -322,7 +322,6 @@ It appears when the user clicks on the `Search` component or presses the corresp
`322`	`322`	`}`
`323`	`323`
`324`	`324`	`&:focus-visible {`
`325`		`- border-radius: var(--sk-border-radius);`
`326`	`325`	`outline-offset: -3px;`
`327`	`326`	`}`
`328`	`327`	`}`
@@ -335,7 +334,6 @@ It appears when the user clicks on the `Search` component or presses the corresp
`335`	`334`	`width: 5rem;`
`336`	`335`	`height: 6rem;`
`337`	`336`	`background: none;`
`338`		`- border-radius: var(--sk-border-radius);`
`339`	`337`	`color: var(--sk-text-2);`
`340`	`338`	`opacity: 0.3;`
`341`	`339`
@@ -388,7 +386,6 @@ It appears when the user clicks on the `Search` component or presses the corresp
`388`	`386`	`}`
`389`	`387`
`390`	`388`	`&:focus {`
`391`		`- border-radius: var(--sk-border-radius);`
`392`	`389`	`outline-offset: -3px;`
`393`	`390`	`}`
`394`	`391`	`}`
@@ -413,7 +410,6 @@ It appears when the user clicks on the `Search` component or presses the corresp
`413`	`410`
`414`	`411`	`&:focus-visible {`
`415`	`412`	`opacity: 1;`
`416`		`- border-radius: var(--sk-border-radius);`
`417`	`413`	`outline-offset: -3px;`
`418`	`414`	`}`
`419`	`415`	`}`
Original file line number	Diff line number	Diff line change
`@@ -88,7 +88,6 @@`
`88`	`88`	`user-select: none;`
`89`	`89`
`90`	`90`	`&:focus-visible {`
`91`		`- border-radius: var(--sk-border-radius);`
`92`	`91`	`outline-offset: -3px;`
`93`	`92`	`}`
`94`	`93`
`@@ -154,7 +153,6 @@`
`154`	`153`	`}`
`155`	`154`
`156`	`155`	`&:focus {`
`157`		`- border-radius: var(--sk-border-radius);`
`158`	`156`	`outline-offset: -3px;`
`159`	`157`	`}`
`160`	`158`
Original file line number	Diff line number	Diff line change
`@@ -42,7 +42,7 @@ body {`
`42`	`42`
`43`	`43`	`*:focus-visible {`
`44`	`44`	`outline: 2px solid hsla(var(--sk-theme-1-hsl), 0.6);`
`45`		`- transition: 0.1s ease;`
	`45`	`+ border-radius: var(--sk-border-radius);`
`46`	`46`	`}`
`47`	`47`
`48`	`48`	`p,`