feat: Update link styles for consistency

harvard-lil · Feb 7, 2024 · ac4351a · ac4351a
1 parent 71ffbd0
commit ac4351a
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/src/components/cap-media-list.js b/src/components/cap-media-list.js
@@ -54,6 +54,15 @@ export class CapMediaList extends LitElement {
 				}
 			}
 
+			.mediaList__link--light {
+				text-decoration: none;
+
+				&:hover {
+					--color-link-hover: var(--color-blue-500);
+					text-decoration: underline;
+				}
+			}
+
 			.mediaList__date {
 				color: var(--color-date);
 			}
@@ -91,7 +100,14 @@ export class CapMediaList extends LitElement {
 								"mediaList__item--bulleted": this.decoration === "bulleted",
 							})}
 						>
-							<a class="mediaList__link" href="${link.url}">${link.title}</a>
+							<a
+								class=${clsx(
+									"mediaList__link",
+									`mediaList__link--${this.theme}`,
+								)}
+								href="${link.url}"
+								>${link.title}</a
+							>
 							<span class="mediaList__publisher">${link.publisher}</span>
 							<span class="mediaList__date">${link.date}</span>
 						</li>