From 41580992f6fb50b389625558f94f95ff190ebcb0 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Wed, 20 Jul 2022 15:33:50 -0400 Subject: [PATCH] fix focus styles --- src/components/tab/tab.styles.ts | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/components/tab/tab.styles.ts b/src/components/tab/tab.styles.ts index 3b54d8af..44117b97 100644 --- a/src/components/tab/tab.styles.ts +++ b/src/components/tab/tab.styles.ts @@ -31,8 +31,11 @@ export default css` outline: none; } - .tab:focus-visible { + .tab:focus-visible:not(.tab--disabled) { color: var(--sl-color-primary-600); + } + + .tab:focus-visible { outline: var(--sl-focus-ring); outline-offset: calc(-1 * var(--sl-focus-ring-width) - var(--sl-focus-ring-offset)); }