Merge pull request #399 from MITLibraries/use-551

USE-551: Applying secondary link styling to purple visited links

Author: djanelle-mit

app/assets/stylesheets/partials/_results.scss

@@ -161,6 +161,10 @@
   border-bottom: 1px solid $color-gray-400;
   border-top: none;
 
+  a:link, a:visited {
+    color: $color-text-primary;
+  }
+
   &:first-child {
     padding-top: 0;
   }
@@ -281,22 +285,24 @@
     line-clamp: 1;
     -webkit-line-clamp: 1;
     margin-bottom: 4px;
+    padding-bottom: 4px;
+    line-height: 1.3;
 
     li {
       font-weight: $fw-normal;
 
       a {
-        text-decoration: none;
-
-        &:hover {
-          text-decoration: underline;
-        }
+        @include underlinedSecondaryLinks;
       }
     }
   }
 
   .result-source {
     font-size: $fs-base;
+
+    a {
+      @include underlinedSecondaryLinks;
+    }
   }
 
   .inner-heading {

app/assets/stylesheets/partials/_typography.scss

@@ -11,6 +11,17 @@
   }
 }
 
+@mixin underlinedSecondaryLinks {
+  @include underlinedLinks;
+  text-decoration-color: $color-gray-400;
+  text-underline-offset: 0.4rem;
+
+  &:hover {
+    color: $color-blue-500;
+    text-decoration-color: $color-blue-500;
+  }
+}
+
 // Override fonts from the theme gem, done temporarily for USE UI
 body {
   font-family: $base-font;