fix(docs): fix missing focus styles for some links (#4375)

Co-authored-by: Heather Buchel <buchel@amazon.com>
aws-amplify · Aug 23, 2023 · 153dd04 · 153dd04
1 parent e1fc611
commit 153dd04
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/docs/src/styles/docs/base.scss b/docs/src/styles/docs/base.scss
@@ -89,15 +89,16 @@ a:not([class]) {
   &:focus {
     color: var(--amplify-components-link-hover-color);
   }
+  &:active {
+    color: var(--amplify-components-link-active-color);
+  }
+}
 
+a {
   &:focus-visible {
     outline: none;
     box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
   }
-
-  &:active {
-    color: var(--amplify-components-link-active-color);
-  }
 }
 
 blockquote {