refactor(ui): group windi classes

components/smart/Item.vue

@@ -11,8 +11,11 @@
       transition
       inline-flex
       items-center
-      hover:bg-primaryDark hover:text-secondaryDark
-      focus:bg-primaryDark focus:outline-none focus:text-secondaryDark
+      hover:(bg-primaryDark
+      text-secondaryDark)
+      focus:(bg-primaryDark
+      outline-none
+      text-secondaryDark)
     "
     :class="[
       { 'opacity-75 cursor-not-allowed': disabled },

components/smart/Tabs.vue

@@ -86,8 +86,7 @@ export default {
     @apply cursor-pointer;
     @apply transition;
     @apply hover:text-secondaryDark;
-    @apply focus:text-secondaryDark;
-    @apply focus:outline-none;
+    @apply focus:(text-secondaryDark outline-none);
 
     .tab-info {
       @apply inline-flex;
@@ -118,6 +117,10 @@ export default {
       @apply mr-4;
     }
 
+    &:focus::after {
+      @apply bg-divider;
+    }
+
     &.active {
       @apply text-accent;
       @apply border-accent;