Tweak link styles

marcbouchenoire · Jan 25, 2022 · ea612c6 · ea612c6
1 parent 1ba8230
commit ea612c6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/site/src/styles/main.css b/packages/site/src/styles/main.css
@@ -47,7 +47,7 @@ body {
 
 @layer utilities {
   .focusable {
-    @apply box-decoration-clone focus:outline-none focus:ring focus:ring-primary-500 dark:focus:ring-primary-400 focus:ring-opacity-40 dark:focus:ring-opacity-40;
+    @apply box-decoration-clone focus:!decoration-transparent focus:outline-none focus:ring focus:ring-primary-500/40 dark:focus:ring-primary-400/40;
   }
 
   .highlight {
@@ -67,7 +67,7 @@ body {
   }
 
   .link {
-    @apply transition focusable rounded-sm underline focus:decoration-transparent underline-offset-2 decoration-zinc-600/20 dark:decoration-white/20 selection:decoration-zinc-600/20 dark:selection:decoration-white/20 hover:decoration-zinc-600/40 dark:hover:decoration-white/40;
+    @apply transition focusable rounded-sm underline focus:decoration-transparent decoration-2 underline-offset-2 decoration-zinc-600/20 dark:decoration-white/20 selection:decoration-zinc-600/20 dark:selection:decoration-white/20 hover:decoration-zinc-600/40 dark:hover:decoration-white/40;
   }
 
   .link-primary {