App: update link styles to match spec

2020-07-31 19:52:57 -04:00
parent 4b927d746d
commit 847d80e7eb
4 changed files with 45 additions and 23 deletions
--- a/src/components/App/App.css
+++ b/src/components/App/App.css
@@ -77,10 +77,22 @@ button.main-button:active {
  transform: scale(1);
 }

-a {
+a.main-link {
+  text-decoration: none;
+  position: relative;
  color: black;
 }

-a:hover {
-  color: blue;
+a.main-link:after {
+  content: '';
+  position: absolute;
+  bottom: -2px;
+  left: 0;
+  width: 100%;
+  border-bottom: 1px solid black;
+  transition: 0.2s;
+}
+
+a.main-link:hover:after {
+  width: 0%;
 }