[v3] enable outline: 'none' only for :focus-visible state, to fix…

… double ring in Firefox (#2768) enable `outline: 'none'` only for `:focus-visible` state, to fix double ring in Firefox
shuding · Mar 6, 2024 · eeb4c4c · eeb4c4c
1 parent efec0a9
commit eeb4c4c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/blue-suits-scream.md b/.changeset/blue-suits-scream.md
@@ -0,0 +1,5 @@
+---
+'nextra-theme-docs': patch
+---
+
+enable `outline: 'none'` only for `:focus-visible` state, to fix double ring in Firefox
diff --git a/packages/nextra-theme-docs/css/styles.css b/packages/nextra-theme-docs/css/styles.css
@@ -27,8 +27,8 @@ summary,
 button,
 input,
 [tabindex]:not([tabindex='-1']) {
-  @apply _outline-none;
   &:focus-visible {
+    @apply _outline-none;
     @apply _ring-2 _ring-primary-200 _ring-offset-1 _ring-offset-primary-300 dark:_ring-primary-800 dark:_ring-offset-primary-700;
   }
 }