SOEOPSFY24-302: fix to the underline on teasers and news cards

SU-SOE · Oct 31, 2024 · 04890a3 · 04890a3
1 parent f76506b
commit 04890a3
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 12 deletions.
diff --git a/themes/soe_basic/dist/css/theme.css b/themes/soe_basic/dist/css/theme.css
diff --git a/themes/soe_basic/src/scss/theme/_news.scss b/themes/soe_basic/src/scss/theme/_news.scss
@@ -80,23 +80,20 @@
 
   .su-list-unstyled a {
     color: $su-color-black;
+    text-decoration: none;
   }
 
   .su-news-vertical-teaser {
-    .su-news-vertical-teaser__link {
-      text-decoration: underline;
-      text-decoration-thickness: from-font;
-      text-decoration-color: $soe-color-turquoise;
-    }
     .su-news-header {
       @include modular-spacing('margin', null 2 2 2);
       display: block;
 
       .su-link {
         @include soe-link-icon(soe_arrow, 1.8rem, 0);
 
-        text-decoration-color: $soe-color-turquoise;
         text-decoration: underline;
+        text-decoration-thickness: 2px;
+        text-decoration-color: $soe-color-turquoise;
         display: inline;
         font-weight: $su-font-bold;
         margin: 0;
@@ -106,10 +103,6 @@
         &:focus {
           text-decoration: underline;
           text-decoration-color: $su-color-black;
-
-          &::after {
-            transform: none;
-          }
         }
 
         &::after {
@@ -119,9 +112,19 @@
         &.su-link--external {
           @include link-icon(arrow-up-right, 1.3rem, topright);
 
+          text-decoration: underline;
+          text-decoration-thickness: 2px;
+          text-decoration-color: $soe-color-turquoise;
+
           &::after {
             background-color: $su-color-black;
           }
+
+          &:hover,
+          &:focus {
+            text-decoration: underline;
+            text-decoration-color: $su-color-black;
+          }
         }
       }
     }

diff --git a/themes/soe_basic/src/scss/theme/_teasers.scss b/themes/soe_basic/src/scss/theme/_teasers.scss
@@ -10,7 +10,6 @@
     }
   }
 
-  .ds-entity--stanford-person,
   .stanford-event-series {
 
     a {
@@ -31,4 +30,25 @@
       }
     }
   }
+
+  .ds-entity--stanford-person {
+    a {
+      @include soe-link-icon(soe_arrow, 1.8rem, 0);
+
+      color: $su-color-black;
+      text-decoration: underline;
+      text-decoration-thickness: 2px;
+      text-decoration-color: $soe-color-turquoise;
+
+      &::after {
+        background-color: $su-color-black;
+      }
+
+      &:hover,
+      &:focus {
+        text-decoration: underline;
+        text-decoration-color: $su-color-black;
+      }
+    }
+  }
 }