From cfec0da19809d9d7481c6d22217e6e424d61e156 Mon Sep 17 00:00:00 2001
From: Ming Ho <94572161+homing1@users.noreply.github.com>
Date: Wed, 2 Oct 2024 15:38:01 -0700
Subject: [PATCH] Add underline to banner link (#686)

* Add banner link underline

* Add banner link underline thickness change on hover

* Add changeset

* Update notification

* Increase underline thickness on hover
---
 .changeset/cuddly-moose-carry.md     | 5 +++++
 css/src/components/banner.scss       | 5 +++++
 css/src/components/notification.scss | 6 ++++++
 3 files changed, 16 insertions(+)
 create mode 100644 .changeset/cuddly-moose-carry.md

diff --git a/.changeset/cuddly-moose-carry.md b/.changeset/cuddly-moose-carry.md
new file mode 100644
index 00000000..f45f809b
--- /dev/null
+++ b/.changeset/cuddly-moose-carry.md
@@ -0,0 +1,5 @@
+---
+'@microsoft/atlas-css': patch
+---
+
+Add underline to banner and notification links
diff --git a/css/src/components/banner.scss b/css/src/components/banner.scss
index a7e2beb4..5cd0b12b 100644
--- a/css/src/components/banner.scss
+++ b/css/src/components/banner.scss
@@ -53,10 +53,15 @@ $banner-dismiss-margin: $spacer-2 !default;
 		a:not(.button) {
 			color: currentColor;
 			font-weight: $weight-semibold;
+			text-decoration: underline;
 
 			.theme-high-contrast & {
 				color: $hyperlink;
 			}
+
+			&:hover {
+				text-decoration-thickness: 0.15em;
+			}
 		}
 	}
 
diff --git a/css/src/components/notification.scss b/css/src/components/notification.scss
index a8d7de88..53757914 100644
--- a/css/src/components/notification.scss
+++ b/css/src/components/notification.scss
@@ -72,9 +72,15 @@ $notification-dismiss-margin: $spacer-2 !default;
 		}
 
 		a:not(.button) {
+			text-decoration: underline;
+
 			.theme-high-contrast & {
 				color: $hyperlink;
 			}
+
+			&:hover {
+				text-decoration-thickness: 0.15em;
+			}
 		}
 
 		.notification-title {