fix: improve link focus styles

assets/css/base.pcss

@@ -18,4 +18,9 @@
   iframe {
     @apply w-full;
   }
+
+  a:focus {
+    @apply outline-black dark:outline-white;
+    outline-offset: 2px !important;
+  }
 }

assets/css/components.pcss

@@ -3,14 +3,6 @@
     @apply underline text-blue-primary hover:text-blue-900 dark:text-blue-400 dark:hover:text-white;
     text-decoration-thickness: 1px;
     text-underline-offset: 0.1em;
-
-
-    &:focus {
-      @apply no-underline;
-      outline-color: currentColor;
-      outline-offset: 2px;
-      outline-style: solid;
-    }
   }
 
   .markdown {

tailwind.config.js

@@ -13,6 +13,10 @@ module.exports = {
     ],
   },
   theme: {
+    outline: {
+      black: '1px solid black',
+      white: '1px solid white'
+    },
     extend: {
       typography: (theme) => ({
         DEFAULT: {