From 13e344035cf39f661571891e5738c1a8efbc9533 Mon Sep 17 00:00:00 2001
From: Alvin Bryan
Date: Fri, 11 Jul 2025 11:50:19 +0100
Subject: Make targeting sidebar links with CSS a little easier (#3281)

Co-authored-by: Chris Swithinbank <swithinbank@gmail.com>---
 .changeset/breezy-months-kneel.md                  | 5 +++++
 packages/starlight/components/SidebarSublist.astro | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/breezy-months-kneel.md

diff --git a/.changeset/breezy-months-kneel.md b/.changeset/breezy-months-kneel.md
new file mode 100644
index 00000000..4d5391b4
--- /dev/null
+++ b/.changeset/breezy-months-kneel.md
@@ -0,0 +1,5 @@
+---
+"@astrojs/starlight": patch
+---
+
+Adds a `sl-sidebar-link` class to sidebar links
diff --git a/packages/starlight/components/SidebarSublist.astro b/packages/starlight/components/SidebarSublist.astro
index a027f565..3379e59f 100644
--- a/packages/starlight/components/SidebarSublist.astro
+++ b/packages/starlight/components/SidebarSublist.astro
@@ -21,7 +21,7 @@ const { sublist, nested } = Astro.props;
 					<a
 						href={entry.href}
 						aria-current={entry.isCurrent && 'page'}
-						class:list={[{ large: !nested }, entry.attrs.class]}
+						class:list={['sl-sidebar-link', { large: !nested }, entry.attrs.class]}
 						{...entry.attrs}
 					>
 						<span>{entry.label}</span>
-- 
cgit