fix(links): use minimal revert approach

mdn · Nov 2, 2023 · 13db232 · 13db232
1 parent 04e59e0
commit 13db232
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/client/src/app.scss b/client/src/app.scss
@@ -201,9 +201,7 @@ pre {
 }
 
 a {
-  &:link {
-    color: var(--text-link);
-  }
+  color: var(--text-link);
 
   &.external:after {
     background-color: var(--icon-primary);

diff --git a/client/src/document/index.scss b/client/src/document/index.scss
@@ -16,7 +16,7 @@
   h6 {
     a:link,
     a:visited {
-      color: inherit !important;
+      color: var(--text-primary);
       text-decoration: none;
     }
 
@@ -62,10 +62,12 @@
   }
 
   a:not(.button) {
+    color: var(--text-link);
     width: fit-content;
 
-    &:link {
-      color: var(--text-link);
+    &:visited:not([href^="#"]) {
+      // Distinguish visited links (excl. anchor links).
+      color: revert !important;
     }
 
     &:active {
@@ -154,7 +156,7 @@
       margin-top: 2rem;
 
       a[href^="#"] {
-        color: inherit !important;
+        color: inherit;
         position: relative;
         text-decoration: none;