Lowered priority of visited link style for link component (#1348)

Co-authored-by: Scott Rees <6165315+reesscot@users.noreply.github.com>
aws-amplify · Feb 17, 2022 · 4c6d198 · 4c6d198
1 parent a1f4974
commit 4c6d198
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/.changeset/rare-peaches-relax.md b/.changeset/rare-peaches-relax.md
@@ -0,0 +1,5 @@
+---
+"@aws-amplify/ui": patch
+---
+
+Lowered priority of visited link style for link component
diff --git a/packages/ui/src/theme/css/component/link.scss b/packages/ui/src/theme/css/component/link.scss
@@ -3,7 +3,11 @@
   text-decoration: var(--amplify-components-link-text-decoration);
   // all:unset removes this, so we have to add it back.
   cursor: pointer;
-
+
+  &:visited {
+    color: var(--amplify-components-link-visited-color);
+    text-decoration: var(--amplify-components-link-visited-text-decoration);
+  }
   &:active {
     color: var(--amplify-components-link-active-color);
     text-decoration: var(--amplify-components-link-active-text-decoration);
@@ -16,10 +20,7 @@
     color: var(--amplify-components-link-hover-color);
     text-decoration: var(--amplify-components-link-hover-text-decoration);
   }
-  &:visited {
-    color: var(--amplify-components-link-visited-color);
-    text-decoration: var(--amplify-components-link-visited-text-decoration);
-  }
+
   &[data-size='small'] {
     font-size: var(--amplify-components-link-small-font-size);
   }