Fix :focus styles for <a>

lookback · Mar 1, 2023 · 560a428 · 560a428
1 parent 3e2de89
commit 560a428
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/setup/elements.css b/src/setup/elements.css
@@ -10,10 +10,14 @@ abbr[data-tooltip] {
 a {
   color: var(--link-color);
 
-  &:hover {
+  &:hover, &:focus-visible {
     color: var(--link-color-hover);
     text-decoration: underline;
   }
+
+  &:focus {
+    outline: 0;
+  }
 }
 
 b,

diff --git a/src/variables.css b/src/variables.css
@@ -10,16 +10,13 @@
 
   --background-color: theme('backgroundColor.body');
   --text-color: theme('textColor.body');
-
   --heading-color: var(--blue-80);
 
   --selection-background: var(--blue-80);
   --selection-color: #fff;
-
+  
   --ring-color: var(--blue-50);
 
-  /* Elements */
-
   /** Sets the default padding for controls like buttons and form inputs. */
   --control-padding: 0.6em 1em;