From 3ed32dad03bb2632072cbcf44f6fc2d4e4d95284 Mon Sep 17 00:00:00 2001
From: gtmnayan <gtmnayan@gmail.com>
Date: Fri, 18 Aug 2023 15:17:04 +0545
Subject: [PATCH 1/3] docs: cure easings example being possessed

---
 .../examples/11-easing/00-easing/App.svelte   |  4 ++++
 .../11-easing/00-easing/Controls.svelte       | 19 +++++++++++--------
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/documentation/examples/11-easing/00-easing/App.svelte b/documentation/examples/11-easing/00-easing/App.svelte
index 39b6f4ea7899..c3814bb8bd40 100644
--- a/documentation/examples/11-easing/00-easing/App.svelte
+++ b/documentation/examples/11-easing/00-easing/App.svelte
@@ -68,6 +68,10 @@
 </div>
 
 <style>
+	:root {
+		scrollbar-gutter: stable;
+	}
+
 	.easing-vis {
 		display: flex;
 		max-height: 95%;
diff --git a/documentation/examples/11-easing/00-easing/Controls.svelte b/documentation/examples/11-easing/00-easing/Controls.svelte
index 127389b4bc15..1a6601cfcf47 100644
--- a/documentation/examples/11-easing/00-easing/Controls.svelte
+++ b/documentation/examples/11-easing/00-easing/Controls.svelte
@@ -74,18 +74,15 @@
 	ul {
 		list-style: none;
 		padding: 0;
-		display: flex;
-		flex-direction: column;
+		display: grid;
+		grid-template-columns: 1fr;
+		gap: 3px;
 		align-items: flex-start;
 		font-size: 18px;
 	}
 
 	li {
-		padding: 5px 10px;
-		background: #eee;
-		border-radius: 2px;
-		margin: 3px 0;
-		cursor: pointer;
+		display: grid;
 	}
 
 	li:hover {
@@ -93,7 +90,13 @@
 		color: white;
 	}
 
-	.selected {
+	button {
+		border: none;
+		border-radius: 2px;
+		padding: 2px;
+	}
+
+	.selected > button {
 		background: #ff3e00;
 		color: white;
 	}

From 01d36daea1926717ae465e40bfb8bc83d99a6bc1 Mon Sep 17 00:00:00 2001
From: gtmnayan <50981692+gtm-nayan@users.noreply.github.com>
Date: Fri, 18 Aug 2023 17:38:27 +0545
Subject: [PATCH 2/3] Update
 documentation/examples/11-easing/00-easing/Controls.svelte

---
 documentation/examples/11-easing/00-easing/Controls.svelte | 1 -
 1 file changed, 1 deletion(-)

diff --git a/documentation/examples/11-easing/00-easing/Controls.svelte b/documentation/examples/11-easing/00-easing/Controls.svelte
index 1a6601cfcf47..77b362a92fd2 100644
--- a/documentation/examples/11-easing/00-easing/Controls.svelte
+++ b/documentation/examples/11-easing/00-easing/Controls.svelte
@@ -77,7 +77,6 @@
 		display: grid;
 		grid-template-columns: 1fr;
 		gap: 3px;
-		align-items: flex-start;
 		font-size: 18px;
 	}
 

From e509c7bf3510793b6a454d048c64ab352ff14292 Mon Sep 17 00:00:00 2001
From: gtmnayan <50981692+gtm-nayan@users.noreply.github.com>
Date: Fri, 25 Aug 2023 21:45:33 +0545
Subject: [PATCH 3/3] Update
 documentation/examples/11-easing/00-easing/Controls.svelte

Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com>
---
 documentation/examples/11-easing/00-easing/Controls.svelte | 1 +
 1 file changed, 1 insertion(+)

diff --git a/documentation/examples/11-easing/00-easing/Controls.svelte b/documentation/examples/11-easing/00-easing/Controls.svelte
index 77b362a92fd2..a938ee235ba8 100644
--- a/documentation/examples/11-easing/00-easing/Controls.svelte
+++ b/documentation/examples/11-easing/00-easing/Controls.svelte
@@ -98,6 +98,7 @@
 	.selected > button {
 		background: #ff3e00;
 		color: white;
+		font-weight: bold;
 	}
 
 	h3 {