feat: add focus style for tab

saadeghi · May 16, 2021 · 2ff73af · 2ff73af
1 parent 6149345
commit 2ff73af
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/components/styled/tab.css b/src/components/styled/tab.css
@@ -5,6 +5,12 @@
   &.tab-active{
     @apply text-base-content border-base-content border-opacity-100;
   }
+  &:focus {
+    @apply outline-none;
+  }
+  &:focus-visible {
+    @apply ring-2 ring-current ring-inset;
+  }
 }
 .tab-bordered{
   @apply border-base-content border-opacity-20;