Update more-link button for news pages

SU-SWS · Aug 15, 2023 · 36dc9c9 · 36dc9c9
1 parent 9f34bde
commit 36dc9c9
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/dist/css/chem_h_subtheme.css b/dist/css/chem_h_subtheme.css
diff --git a/src/scss/components/news/_news-node.scss b/src/scss/components/news/_news-node.scss
@@ -10,7 +10,15 @@
   }
 
   .more-link {
-    @include chemh--right-arrow-icon;
+    a {
+      @include chemh-button--gradient;
+
+      &:focus,
+      &:hover {
+        background-color: $chemh-color-hover-peach;
+      }
+
+    }
   }
 
   // Related news cards in footer.

diff --git a/src/scss/theme/_button.scss b/src/scss/theme/_button.scss
@@ -4,6 +4,7 @@
 // additional button classes as needed.
 // links styled into buttons
 
+.stanford-news-vertical-teaser-term .more-link a,
 .su-button,
 .su-button.su-link,
 .su-button--big,
@@ -32,6 +33,8 @@ button  {
 .su-button.su-link:hover,
 .su-button:focus,
 .su-button:hover,
+.stanford-news-vertical-teaser-term .more-link a:focus,
+.stanford-news-vertical-teaser-term .more-link a:hover,
 [type=button]:focus,
 [type=button]:hover,
 [type=image]:focus,
@@ -50,6 +53,7 @@ button:hover {
 }
 
 // Active links.
+.stanford-news-vertical-teaser-term .more-link a,
 .su-button.su-link:active,
 .su-button:active,
 .su-button--big.su-link:active,
@@ -75,6 +79,7 @@ button:hover {
 
 main,
 footer {
+  .stanford-news-vertical-teaser-term .more-link a,
   .su-button.su-link,
   .su-button,
   .su-button--big.su-link,
@@ -113,6 +118,7 @@ footer {
     }
   }
 
+  .stanford-news-vertical-teaser-term .more-link a,
   .su-button {
     &.su-link--external {
       &::after {