summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorChris Swithinbank2023-06-07 12:48:40 +0200
committerChris Swithinbank2023-06-07 12:48:40 +0200
commit4f666ba4fad7118a31bae819eb6be068da9e4d94 (patch)
tree0ef096b5ba7725defe14396830f997d91f8f764e
parent940672cc4a00060bc59d56d212514241dcd37645 (diff)
downloadIT.starlight-4f666ba4fad7118a31bae819eb6be068da9e4d94.tar.gz
IT.starlight-4f666ba4fad7118a31bae819eb6be068da9e4d94.tar.bz2
IT.starlight-4f666ba4fad7118a31bae819eb6be068da9e4d94.zip
Fix focus outline positioning in tabs
-rw-r--r--.changeset/wild-kiwis-drum.md5
-rw-r--r--packages/starlight/user-components/Tabs.astro1
2 files changed, 6 insertions, 0 deletions
diff --git a/.changeset/wild-kiwis-drum.md b/.changeset/wild-kiwis-drum.md
new file mode 100644
index 00000000..f6836939
--- /dev/null
+++ b/.changeset/wild-kiwis-drum.md
@@ -0,0 +1,5 @@
+---
+"@astrojs/starlight": patch
+---
+
+Fix focus outline positioning in tabs
diff --git a/packages/starlight/user-components/Tabs.astro b/packages/starlight/user-components/Tabs.astro
index dc4bc744..3dc7f096 100644
--- a/packages/starlight/user-components/Tabs.astro
+++ b/packages/starlight/user-components/Tabs.astro
@@ -58,6 +58,7 @@ const { html, panels } = processPanels(panelHtml);
text-decoration: none;
border-bottom: 2px solid var(--sl-color-gray-5);
color: var(--sl-color-gray-3);
+ outline-offset: var(--sl-outline-offset-inside);
}
.tab [role='tab'][aria-selected] {
color: var(--sl-color-white);