Narrow the scope of the link styles.

CivicActions · Feb 11, 2025 · ff67806 · ff67806
1 parent ff7250d
commit ff67806
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/src/frontend/styles/style.scss b/src/frontend/styles/style.scss
@@ -5,7 +5,7 @@
 @forward "uswds";
 
 // 3. Load extra utility files & helpers.
-@use './utilities/mixins.scss' as mixin;
+@use "./utilities/mixins.scss" as mixin;
 
 // 3. Load custom Sass
 @forward "project-styles.scss";
@@ -14,7 +14,7 @@ $goals-gray: rgba(202, 204, 216, 1);
 $ink: #1b1b1b;
 
 a {
-  @include mixin.link-styles;
+  @include mixin.universal-link-styles;
 }
 
 .goal-card {
@@ -55,6 +55,14 @@ a {
   width: 394px;
   max-width: 394px;
   padding: 24px;
+
+  a {
+    color: mixin.$goalsblue-dark;
+
+    &:visited {
+      color: mixin.$goalsblue;
+    }
+  }
 }
 
 .filter-bar {
@@ -149,7 +157,6 @@ a {
         background: white;
       }
     }
-
   }
 }
 

diff --git a/src/frontend/styles/utilities/mixins.scss b/src/frontend/styles/utilities/mixins.scss
@@ -20,12 +20,8 @@ $goalsblue-dark: #162152;
   }
 }
 
-@mixin link-styles {
+@mixin universal-link-styles {
   &:hover {
     text-decoration: underline;
-    color: $goalsblue-dark;
-  }
-  &:visited {
-    color: $goalsblue;
   }
 }