Improve metadata layout

Improve link states
2018-12-15 19:41:33 +00:00
parent 7632b4058e
commit 0abe53e3aa
9 changed files with 100 additions and 105 deletions
--- a/css/link.css
+++ b/css/link.css
@@ -2,23 +2,11 @@
 .link:hover,
 .link:focus,
 .link:visited {
-  position: relative;
  color: var(--color-light-blue);
+  transition: box-shadow var(--transition-md) ease-out;
 }

-.link:after {
-  background-color: var(--color-light-blue);
-  bottom: -1px;
-  content: '';
-  left: 0;
-  height: 2px;
-  opacity: 0;
-  position: absolute;
-  right: 0;
-  transition: opacity var(--transition-md) ease-out;
-}
-
-.link:focus:after,
-.link:hover:after {
-  opacity: 1;
+.link:focus,
+.link:hover {
+  box-shadow: var(--link-focus);
 }